/* RESET E BODY */
body{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    background:#fff;
    color:#333;
}

/* SCROLL SUAVE */
html{
    scroll-behavior: smooth;
}

/* CABEÇALHO */
header{
    width:100%;
    background:#000;
    padding:15px 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    box-shadow:0 5px 15px rgba(0,0,0,0.4);
}

.logo-container{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.logo-container img{
    height:45px;
    width:auto;
}

.logo-text h1{
    margin:0;
    font-size:34px;
    color:#f5f5f5;
    font-weight:700;
}

.logo-text span{
    font-size:13px;
    color:#d4af37;
    letter-spacing:1.5px;
}

/* ESPAÇO CABEÇALHO */
body::before{
    display:block;
    content:'';
    height:80px;
}

/* MENU */
.menu-section{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:15px;
}

.menu-section button{
    background: linear-gradient(145deg, #fff, #f0f0f0);
    border:none;
    color:#000;
    padding:10px 20px;
    border-radius:6px;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.menu-section button:hover{
    background: linear-gradient(145deg, #d4af37, #f5e29f);
    transform: translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
}

/* QUEM SOMOS */
.quem-somos{
    max-width:750px;
    margin:30px auto 15px auto;
    padding:0 15px;
    text-align:center;
}

.quem-somos-box{
    background: linear-gradient(145deg, #fff, #f0f0f0);
    border-radius:6px;
    padding:20px 15px;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.quem-somos-box:hover{
    background: linear-gradient(145deg, #d4af37, #f5e29f);
    transform: translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
}

.quem-somos-box p{
    font-size:15px;
    line-height:1.5;
    text-align:justify;
}

.quem-somos-imagem img{
    width:100%;
    height:auto;
    border-radius:6px;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
}

/* UNIDADE TÉCNICA */
.unidade-tecnica{
    max-width:800px;
    margin:20px auto 50px auto;
    padding:0 15px;
}

.unidade-container{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    justify-content:center;
    align-items:flex-start;
}

.unidade-box{
    flex:1;
    min-width:220px;
    max-width:420px;
    background: linear-gradient(145deg, #fff, #f0f0f0);
    border-radius:6px;
    padding:15px 12px;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.unidade-box:hover{
    background: linear-gradient(145deg, #d4af37, #f5e29f);
    transform: translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
}

.unidade-box h2{
    margin-top:0;
    font-size:20px;
    margin-bottom:10px;
}

.unidade-box ul{
    padding-left:15px;
    font-size:14px;
    line-height:1.4;
    text-align:left;
}

.unidade-box li{
    margin-bottom:6px;
}

.unidade-box li::before{
    content:"•";
    color:#d4af37;
    font-weight:bold;
    display:inline-block;
    width:1em;
    margin-left:-1em;
}

.unidade-imagem img{
    width:260px;
    max-height:350px;
    border-radius:6px;
    object-fit:cover;
    box-shadow:0 4px 15px rgba(0,0,0,0.25);
}

/* CAIXA DE COMENTÁRIO */
.comentario{
    max-width:750px;
    margin:30px auto;
    padding:15px;
    text-align:center;
}

.comentario-container{
    background: linear-gradient(145deg, #fff, #f0f0f0);
    border-radius:6px;
    padding:20px;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.comentario-container:hover{
    background: linear-gradient(145deg, #d4af37, #f5e29f);
    transform: translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
}

.comentario-container h2{
    margin-bottom:15px;
    font-size:20px;
}

.comentario-container input,
.comentario-container textarea{
    width:90%;
    max-width:680px;
    padding:10px;
    margin:8px 0;
    border:1px solid #ccc;
    border-radius:6px;
    font-size:14px;
    resize:none;
}

.comentario-container button{
    background: linear-gradient(145deg, #fff, #f0f0f0);
    border:none;
    color:#000;
    padding:10px 20px;
    border-radius:6px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.comentario-container button:hover{
    background: linear-gradient(145deg, #d4af37, #f5e29f);
    transform: translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
}

/* RODAPÉ */
.rodape{
    background: #111;
    color: #f5f5f5;
    padding: 25px 15px;
    text-align:center;
}

.rodape-container h2{
    font-size:18px;
    margin-bottom:15px;
}

.redes-sociais{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-bottom:20px;
}

.botao-social{
    display:inline-block;
    background: linear-gradient(145deg, #f0f0f0, #fff);
    color:#000;
    padding:8px 12px;
    border-radius:6px;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.botao-social:hover{
    background: linear-gradient(145deg, #d4af37, #f5e29f);
    color:#111;
    transform: translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,0.3);
}

.mapa{
    margin:20px auto;
    max-width:750px;
    border-radius:6px;
    overflow:hidden;
}

.rodape-texto{
    font-size:12px;
    margin-top:10px;
    color:#ccc;
}

/* RESPONSIVIDADE CELULAR */
@media(max-width:600px){
    .logo-container img{height:45px;}
    .logo-text h1{font-size:34px;}
    .logo-text span{font-size:13px;}
    .