/* ==========================================================================
   Rolim Instrumentos — contato.css
   Página "Fale conosco": introdução, formulário, WhatsApp, horários e mapa.
   ========================================================================== */

/* ----- Cabeçalho da página (sem foto, mais sóbrio) ----------------------- */
.page-head {
    text-align: center;
    padding: 3.5rem 0 1rem;
}
.page-head .diamond { margin: .5rem 0 0; }

/* ----- Introdução --------------------------------------------------------- */
.contact-intro {
    max-width: 720px;
    margin: 0 auto 3rem;
    font-size: 1.05rem;
    text-align: center;
}

/* ----- Layout duas colunas ------------------------------------------------ */
.contact-grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 2.5rem;
    align-items: center;
    margin-bottom: 3rem;
}

/* ----- Cartões de informação ------------------------------------------------ */
.info-card {
    background: var(--paper);
    border: 1px solid var(--line);
    padding: 1.6rem 1.8rem;
    margin-bottom: 1.5rem;
}
.info-card, .info-card *:first-child { margin-top: 0; }
.info-card h2 {
    font-size: 1.15rem;
    letter-spacing: .04em;
    text-align: center;
    margin-bottom: .9rem;
}
.info-card h2::after {
    content: "";
    display: block;
    width: 64px;
    height: 2px;
    border-top: 1px solid var(--amber);
    border-bottom: 1px solid var(--line);
    margin: .6rem auto 0;
}
.info-card p:last-child { margin-bottom: 0; }

/* Caixa de destaque "Prefere WhatsApp?" */
.wa-card {
    text-align: center;
    border-top: 3px solid var(--wa);
}
.wa-card .wa-lead { font-size: 1rem; }


/* ----- Mapa ---------------------------------------------------------------- */
.map-section { padding-bottom: 1rem; }
.map-section h2 { text-align: center; }
.map-frame {
    padding: 12px;
    max-width: 900px;
    margin: 1.8rem auto 0;
}
.map-frame iframe {
    display: block;
    width: 100%;
    height: 380px;
    border: 0;
}

@media (max-width: 760px) {
    .contact-grid { grid-template-columns: 1fr; }
    .contact-form { padding: 1.6rem 1.4rem 1.8rem; }
}