/* ============================================
   CONTATO.CSS — Estilos específicos da página Contato
   ============================================ */

/* --- Hero --- */
.hero-section {
    padding-top:120px;
    background:var(--bg);
}
.hero-container {
    max-width:var(--max);
    margin:0 auto;
    padding:56px var(--pad) 64px;
    display:flex;
    gap:80px;
    align-items:flex-start;
}

/* --- Left --- */
.container-pai {
    flex:0 0 400px;
    max-width:400px;
}
.span {
    display:block;
    margin-bottom:20px;
}
.h1 {
    font-family:'Roboto',sans-serif;
    font-weight:700;
    font-size:clamp(35px,4vw,45px);
    color:var(--ink);
    line-height:1.0;
    letter-spacing:0px;
    margin:16px 0 20px;
}
.hero-p {
    font-family:'DM Sans',sans-serif;
    font-size:19px;
    font-weight:400;
    line-height:1.75;
    color:var(--ink);
    margin-bottom:32px;
}


/* --- AfterContact --- */
.after-container-pai {
    background:var(--blue);
    padding:48px var(--pad);
}
.after-container-filho {
    max-width:var(--max);
    margin:0 auto;
}
.after-h2 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(26px,2.5vw,36px);
    color:var(--bg);
    line-height:1.05;
    letter-spacing:-0.5px;
    margin:14px 0 32px;
    padding-left:var(--pad);
}
.container-steps {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
}
.cards-steps {
    padding:32px var(--pad);
    border-right:1px solid;
    color:rgba(255,255,255,0.15);
}
.numbers {
    font-family:'Roboto',sans-serif;
    font-weight:800;
    font-size:52px;
    color:var(--bg);
    line-height:1;
    margin-bottom:14px;
    letter-spacing:-2px;
}
.after-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:19px;
    color:var(--bg);
    margin-bottom:10px;
}
.after-p {
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    line-height:1.7;
    color:rgba(255,255,255,0.75);
}




.inp { 
    width:100%; 
    padding:12px 14px; 
    border:2px solid var(--rule); 
    background:var(--bg); 
    font-family:'DM Sans',sans-serif; 
    font-size:14px; 
    color:var(--ink); 
    outline:none; 
    transition:border-color .15s; 
    appearance:none; 
    -webkit-appearance:none; 
    border-radius:5px; 
}
.inp:focus { 
    border-color:var(--blue); 
}
.inp::placeholder { 
    color:var(--muted); 
}
  label { 
    font-family:'DM Sans',sans-serif; 
    font-size:15px; 
    color:var(--ink); 
    letter-spacing:.5px; 
    text-transform:uppercase; 
    display:block; 
    margin-bottom:7px; 
}



@media(max-width:1024px){ 
.contact-cols{flex-direction:column!important;gap:0px!important;} 
.contact-cols button[type=submit]{align-self:center!important;} 
.after-contact h2{padding-left:0!important;text-align:center!important;} 
.steps-row{grid-template-columns:1fr!important;} }