/* ===================================================
    SEÇÃO CONTATO (S-CONTATO)
    =================================================== */

    .s-contato {
        width:100%;
        /* Remove padding lateral, pois o grid cuidará disso */
    }

    .contato__grid {
        /* 💥 LAYOUT DESKTOP: 2 Colunas 50/50 */
        display: flex;
        width:100%;
        margin: 0 auto;
        min-height: 600px; /* Altura mínima para o painel lateral */
    }

    /* --- PAINEL DE FORMULÁRIO E INFO (Gold Background) --- */
    .contato__form-panel {
        /* 50% da largura, com padding interno */
        flex: 1 1 45%;
        background: #B89C6F; /* Fundo Ouro/Oliva */
        padding: 40px 40px 40px 3vw;
        color: #0E2239; /* Cor do texto (Azul Escuro) */
    }

    .contato__h2 {
        font-size: clamp(1.8rem, 3vw, 2.2rem);
        font-weight: 800;
        margin-bottom: 20px;
    }

    .contato__lead {
        font-size: 0.95rem;
        line-height: 1.4;
        margin-top: 15px;
        margin-bottom: 25px;
    }

    /* --- BOTÃO WHATSAPP (Green CTA) --- */
    .btn-whatsapp {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 15px;
        background: #fff;
        border-radius: 8px;
        font-size: 1.1rem;
        font-weight: 700;
        color: #25D366; /* Cor do WhatsApp */
        text-decoration: none;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        transition: background 0.2s;
    }
    .btn-whatsapp__icon {
        width: 24px;
        height: 24px;
    }

    /* --- FORMULÁRIO --- */
    .contato__form {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    .contato__input {
        width: 100%;
        padding: 15px;
        border: none;
        border-radius: 8px;
        font-size: 1rem;
        color: #333;
        background-color: aliceblue;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    }
    .contato__input::placeholder {
        color: #aaa;
    }

    /* Botão ENVIAR */
    .btn-enviar {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        padding: 15px;
        background: #0E2239; /* Azul Escuro */
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 1.1rem;
        font-weight: 700;
        cursor: pointer;
        transition: background 0.2s;
        margin-top: 5px;
    }

    /* --- INFORMAÇÕES DE CONTATO --- */
    .contato__info-box {
        margin-top: 40px;
        padding-top: 30px;
        border-top: 1px solid rgba(14, 34, 57, 0.2); /* Divisor sutil */
        width: 100%;
    }
    .contato__info-item {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 20px;
    }
    .contato__icon {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        margin-top: 3px;
    }
    .contato__text {
        font-size: 1rem;
        line-height: 1.5;
        color: #0E2239;
        font-weight: 500;
        margin: 0;
    }


    /* --- MAPA --- */
    .map-embed{
        /* 50% da largura, sem padding interno */
        flex: 1 1 50%;
        /* Garante que o iframe ocupe todo o espaço */
        position: relative;
        overflow: hidden;
    }
    


    /* ===================================================
    RESPONSIVIDADE (Abaixo de 900px)
    =================================================== */
    @media (max-width: 900px) {
        .contato__grid {
            /* 💥 LAYOUT MOBILE: 1 Coluna (Empilhamento) */
            flex-direction: column;
            min-height: auto;
        }

        /* O mapa precisa de uma altura fixa no mobile */
        .map-embed{
            flex: none; /* Anula o 50% */
            height: 400px; /* Altura fixa no mobile */
            width: 100%;
        }
        .contato__form-panel {
            /* Adiciona padding lateral que o container perdia */
            padding-inline: var(--gutter, 24px); 
        }
        
        /* Centraliza os blocos no mobile */
        .contato__form-panel > *:not(.contato__h2, .contato__lead) {
            margin-left: auto;
            margin-right: auto;
        }
    }

    .map-embed iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
    }