/* =========================================================
   PADRONIZAÇÃO VISUAL - PÁGINAS INTERNAS
   Hospital Dr. Adolfo Bezerra de Menezes
   Carregado depois do CSS específico de cada página.
========================================================= */

:root{
    --habm-navy:#13233b;
    --habm-green:#67cbbf;
    --habm-green-dark:#4fb4a9;
    --habm-green-soft:#e9f7f5;
    --habm-text:#5f6b78;
    --habm-bg:#f7f9fb;
    --habm-border:#e7eeed;
    --habm-radius:18px;
    --habm-shadow:0 10px 30px rgba(19,35,59,.07);
}

html{
    scroll-padding-top:110px;
}

body{
    color:var(--habm-navy);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

/* Largura padrão do conteúdo das páginas internas. O Header mantém
   o próprio container de 1400px definido em header.css. */
section > .container,
main > .container{
    width:90%;
    max-width:1300px;
    margin-left:auto;
    margin-right:auto;
}

/* Ritmo vertical padrão. Classes que precisam de espaçamento próprio
   continuam podendo sobrescrever esta regra com seletor mais específico. */
section{
    padding-top:clamp(56px,6vw,82px);
    padding-bottom:clamp(56px,6vw,82px);
}

/* ---------------------------------------------------------
   HEROES INTERNOS
--------------------------------------------------------- */
.hero,
.hero-pronto,
.hero-tratamentos,
.hero-coreme,
.hero-processos,
.hero-lgpd,
.hero-transparencia,
.hero-dados,
.hero-convenios,
.hero-utilidade,
.arrecadacao-hero{
    min-height:clamp(560px,72vh,700px);
    height:auto;
}

.hero-content h1,
.hero h1,
.hero-pronto h1,
.hero-tratamentos h1,
.hero-coreme h1,
.hero-processos h1,
.hero-lgpd h1,
.hero-transparencia h1,
.hero-dados h1,
.hero-convenios h1,
.hero-utilidade h1,
.arrecadacao-hero h1{
    font-size:clamp(42px,4.6vw,60px);
    line-height:1.08;
    letter-spacing:-.025em;
}

.hero-content > span,
.hero-content span:first-child,
.hero-label,
.section-label,
.section-eyebrow,
.tag{
    color:var(--habm-green);
}

.hero-content p,
.hero-pronto .hero-content > p,
.hero-tratamentos .hero-content p,
.hero-coreme .hero-content p,
.hero-processos .hero-content p,
.hero-lgpd .hero-content p,
.hero-transparencia .hero-content p,
.hero-dados .hero-content p,
.hero-convenios .hero-content p,
.hero-utilidade .hero-content p,
.arrecadacao-hero p{
    max-width:760px;
    font-size:clamp(17px,1.45vw,20px);
    line-height:1.75;
}

/* ---------------------------------------------------------
   TÍTULOS E TEXTOS DE SEÇÃO
--------------------------------------------------------- */
.titulo h2,
.section-title h2,
.section-header h2,
.titulo-central h2,
.titulo-secao h2,
.informacoes h2,
.sobre-text h2,
.diferencial-text h2,
.introducao h2,
.texto h2{
    font-size:clamp(32px,3.3vw,44px);
    line-height:1.18;
    letter-spacing:-.02em;
}

.titulo p,
.section-header p,
.section-title p,
.sobre-text p,
.diferencial-text p,
.introducao p,
.texto p{
    color:var(--habm-text);
}

/* ---------------------------------------------------------
   SUPERFÍCIES / CARDS
--------------------------------------------------------- */
.card,
.missao-card,
.info-card,
.especialidade-card,
.caixa-servico,
.convenio-card,
.medico-card,
.coordenador-card,
.etapa-card,
.lgpd-card,
.origem-card,
.motivo,
.contato-card{
    border-radius:var(--habm-radius);
}

.card,
.missao-card,
.info-card,
.especialidade-card,
.convenio-card,
.medico-card,
.coordenador-card,
.etapa-card,
.lgpd-card,
.origem-card,
.motivo,
.contato-card{
    box-shadow:var(--habm-shadow);
}

/* Evita saltos excessivos no hover e mantém a mesma sensação de movimento. */
.card,
.missao-card,
.info-card,
.especialidade-card,
.convenio-card,
.medico-card,
.coordenador-card,
.etapa-card,
.lgpd-card,
.origem-card,
.motivo{
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.card:hover,
.missao-card:hover,
.especialidade-card:hover,
.convenio-card:hover,
.medico-card:hover,
.coordenador-card:hover,
.etapa-card:hover,
.lgpd-card:hover,
.origem-card:hover,
.motivo:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 36px rgba(19,35,59,.10);
}

/* ---------------------------------------------------------
   BOTÕES / CAMPOS
--------------------------------------------------------- */
.btn,
.btn-info,
.btn-contato,
.hero-button{
    border-radius:999px;
}

.btn{
    background:var(--habm-green);
    color:var(--habm-navy);
    font-weight:700;
}

.btn:hover{
    background:var(--habm-green-dark);
}

.busca input,
.pesquisa input,
.busca-documentos input{
    border:1px solid var(--habm-border);
    box-shadow:0 8px 24px rgba(19,35,59,.06);
}

.busca input:focus,
.pesquisa input:focus,
.busca-documentos input:focus{
    outline:none;
    border-color:var(--habm-green);
    box-shadow:0 0 0 4px rgba(103,203,191,.16);
}

/* ---------------------------------------------------------
   RESPONSIVO
--------------------------------------------------------- */
@media(max-width:900px){
    section{
        padding-top:56px;
        padding-bottom:56px;
    }

    .hero,
    .hero-pronto,
    .hero-tratamentos,
    .hero-coreme,
    .hero-processos,
    .hero-lgpd,
    .hero-transparencia,
    .hero-dados,
    .hero-convenios,
    .hero-utilidade,
    .arrecadacao-hero{
        min-height:560px;
    }
}

@media(max-width:600px){
    section > .container,
    main > .container{
        width:92%;
    }

    section{
        padding-top:48px;
        padding-bottom:48px;
    }

    .hero,
    .hero-pronto,
    .hero-tratamentos,
    .hero-coreme,
    .hero-processos,
    .hero-lgpd,
    .hero-transparencia,
    .hero-dados,
    .hero-convenios,
    .hero-utilidade,
    .arrecadacao-hero{
        min-height:520px;
    }

    .hero-content h1,
    .hero h1,
    .hero-pronto h1,
    .hero-tratamentos h1,
    .hero-coreme h1,
    .hero-processos h1,
    .hero-lgpd h1,
    .hero-transparencia h1,
    .hero-dados h1,
    .hero-convenios h1,
    .hero-utilidade h1,
    .arrecadacao-hero h1{
        font-size:clamp(36px,10vw,44px);
    }
}

/* Accent institucional e pequenos detalhes que ainda usavam o azul antigo. */
.section-title span,
.card h3,
.info-grid h3{
    color:var(--habm-green);
}

a:focus-visible,
button:focus-visible,
input:focus-visible{
    outline:3px solid rgba(103,203,191,.50);
    outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }
}

/* =========================================================
   ETAPA 5 — PADRONIZAÇÃO DEFINITIVA DOS HEROES INTERNOS
   A Home não carrega este arquivo e permanece como referência própria.
========================================================= */
.hero,
.hero-pronto,
.hero-tratamentos,
.hero-coreme,
.hero-processos,
.hero-lgpd,
.hero-transparencia,
.hero-dados,
.hero-convenios,
.hero-utilidade,
.hero-equipe,
.arrecadacao-hero{
    box-sizing:border-box;
    height:clamp(600px,72vh,680px);
    min-height:600px;
    margin-top:0;
    padding-top:clamp(64px,6vw,82px);
    padding-bottom:clamp(64px,6vw,82px);
    display:flex;
    align-items:center;
}

/* O COREME tinha margin-top:100px no CSS próprio, o que o deslocava em
   relação às demais páginas com Header fixo. A regra compartilhada acima
   passa a controlar essa distância de forma uniforme. */

.hero-content,
.hero-equipe-content,
.arrecadacao-hero-content{
    width:90%;
    max-width:1300px;
    margin-left:auto;
    margin-right:auto;
}

.hero-text h1,
.hero-equipe h1{
    font-size:clamp(42px,4.6vw,60px);
    line-height:1.08;
    letter-spacing:-.025em;
}

.hero-text p,
.hero-equipe p{
    font-size:clamp(17px,1.45vw,20px);
    line-height:1.75;
}

/* =========================================================
   ETAPA 5 — PRIMEIRA PASSADA PÁGINA A PÁGINA
========================================================= */
.sobre-grid,
.diferencial-grid,
.introducao-grid,
.intro-grid{
    gap:clamp(36px,5vw,68px);
}

.cards,
.missao-grid,
.info-grid,
.diferenciais-grid,
.situacoes-grid,
.equipes-grid{
    gap:clamp(18px,2.2vw,30px);
}

.card,
.missao-card,
.info-card,
.especialidade-card,
.diferencial-card,
.situacao-card,
.equipe-card{
    border:1px solid rgba(19,35,59,.06);
}

/* Mantém cards de uma mesma linha visualmente alinhados sem alterar fotos. */
.cards > *,
.missao-grid > *,
.info-grid > *,
.diferenciais-grid > *,
.situacoes-grid > *,
.equipes-grid > *{
    height:100%;
}

@media(max-width:900px){
    .hero,
    .hero-pronto,
    .hero-tratamentos,
    .hero-coreme,
    .hero-processos,
    .hero-lgpd,
    .hero-transparencia,
    .hero-dados,
    .hero-convenios,
    .hero-utilidade,
    .hero-equipe,
    .arrecadacao-hero{
        height:auto;
        min-height:560px;
        padding-top:64px;
        padding-bottom:64px;
    }
}

@media(max-width:600px){
    .hero,
    .hero-pronto,
    .hero-tratamentos,
    .hero-coreme,
    .hero-processos,
    .hero-lgpd,
    .hero-transparencia,
    .hero-dados,
    .hero-convenios,
    .hero-utilidade,
    .hero-equipe,
    .arrecadacao-hero{
        min-height:500px;
        padding-top:54px;
        padding-bottom:54px;
    }
}


/* =========================================================
   HERO COMPACTO — EQUIPES INDIVIDUAIS + CORPO CLÍNICO
   Conteúdo introdutório curto: usa altura fixa, sem 72vh.
========================================================= */
.hero.hero-compacto{
    height:500px;
    min-height:500px;
    padding-top:72px;
    padding-bottom:56px;
    display:flex;
    align-items:center;
}

.hero.hero-compacto .hero-content{
    width:90%;
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
}

.hero.hero-compacto .hero-content h1{
    font-size:clamp(40px,4.2vw,56px);
    line-height:1.08;
}

.hero.hero-compacto .hero-content p{
    font-size:clamp(16px,1.35vw,19px);
    line-height:1.65;
    margin-top:12px;
}

@media(max-width:900px){
    .hero.hero-compacto{
        height:360px;
        min-height:360px;
        padding-top:62px;
        padding-bottom:46px;
    }
}

@media(max-width:600px){
    .hero.hero-compacto{
        height:320px;
        min-height:320px;
        padding-top:52px;
        padding-bottom:38px;
    }

    .hero.hero-compacto .hero-content h1{
        font-size:clamp(34px,10vw,44px);
    }
}


/* =========================================================
   ETAPA 7 — REVISÃO MINUCIOSA DAS PÁGINAS PRINCIPAIS
   Ajustes abaixo do Hero: ritmo, alinhamentos, cards e responsividade.
========================================================= */

/* ---------------------------------------------------------
   INSTITUCIONAL
--------------------------------------------------------- */
.pagina-institucional .sobre{
    padding-top:72px;
    padding-bottom:72px;
}

.pagina-institucional .sobre-grid,
.pagina-institucional .diferencial-grid{
    gap:clamp(38px,5vw,64px);
}

.pagina-institucional .sobre-text h2,
.pagina-institucional .diferencial-text h2{
    margin-top:12px;
    margin-bottom:18px;
}

.pagina-institucional .sobre-text p,
.pagina-institucional .diferencial-text p{
    line-height:1.8;
    margin-bottom:16px;
}

.pagina-institucional .sobre-image{
    height:clamp(280px,28vw,360px);
    box-shadow:var(--habm-shadow);
}

.pagina-institucional .numeros{
    padding-top:68px;
    padding-bottom:68px;
}

.pagina-institucional .numeros .card{
    min-height:165px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:32px 20px;
}

.pagina-institucional .numeros .card h3{
    color:var(--habm-green-dark);
    font-size:clamp(32px,3vw,40px);
}

.pagina-institucional .missao{
    padding-top:72px;
    padding-bottom:72px;
}

.pagina-institucional .missao .section-title{
    margin-bottom:38px;
}

.pagina-institucional .missao .section-title span{
    color:var(--habm-green-dark);
}

.pagina-institucional .missao-grid{
    align-items:stretch;
}

.pagina-institucional .missao-card{
    display:flex;
    flex-direction:column;
    padding:34px;
}

.pagina-institucional .missao-card h3{
    margin-bottom:14px;
    font-size:clamp(24px,2.2vw,28px);
}

.pagina-institucional .diferencial{
    padding-top:72px;
    padding-bottom:72px;
}

.pagina-institucional .diferencial-image img{
    display:block;
    width:100%;
    height:auto;
    box-shadow:var(--habm-shadow);
}

/* ---------------------------------------------------------
   PRONTO ATENDIMENTO
--------------------------------------------------------- */
.pagina-pronto-atendimento .introducao-grid{
    gap:clamp(42px,5vw,70px);
}

.pagina-pronto-atendimento .introducao-texto > p{
    line-height:1.78;
}

.pagina-pronto-atendimento .introducao-imagem img{
    height:clamp(340px,34vw,430px);
}

.pagina-pronto-atendimento .section-header{
    margin-bottom:36px;
}

.pagina-pronto-atendimento .etapas,
.pagina-pronto-atendimento .situacoes-grid,
.pagina-pronto-atendimento .diferenciais-grid{
    align-items:stretch;
}

.pagina-pronto-atendimento .etapa,
.pagina-pronto-atendimento .situacao-card,
.pagina-pronto-atendimento .diferencial-card{
    height:100%;
}

.pagina-pronto-atendimento .etapa{
    padding:26px;
}

.pagina-pronto-atendimento .situacao-card{
    min-height:118px;
}

.pagina-pronto-atendimento .informacao-box{
    padding:clamp(38px,4.5vw,55px) clamp(34px,5vw,60px);
}

.pagina-pronto-atendimento .cta{
    padding-top:72px;
    padding-bottom:72px;
}

/* ---------------------------------------------------------
   AMBULATÓRIO
--------------------------------------------------------- */
.pagina-ambulatorio .sobre{
    padding-top:52px;
    padding-bottom:52px;
}

.pagina-ambulatorio .sobre .texto{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}

.pagina-ambulatorio .sobre .texto h2{
    margin-bottom:18px;
}

.pagina-ambulatorio .sobre .texto p{
    color:var(--habm-text);
    line-height:1.8;
    margin-bottom:14px;
}

.pagina-ambulatorio .especialidades{
    padding-top:72px;
    padding-bottom:72px;
}

.pagina-ambulatorio .especialidades .container{
    gap:34px;
}

.pagina-ambulatorio .especialidade-card{
    padding:clamp(28px,3vw,38px);
}

.pagina-ambulatorio .especialidade-header{
    margin-bottom:28px;
    padding-bottom:22px;
}

.pagina-ambulatorio .caixas-grid{
    align-items:stretch;
    gap:24px;
}

.pagina-ambulatorio .caixa-servico{
    min-height:100%;
    padding:28px;
}

.pagina-ambulatorio .informacoes{
    padding-top:70px;
    padding-bottom:70px;
}

.pagina-ambulatorio .descricao-info{
    margin-bottom:38px;
}

.pagina-ambulatorio .info-grid{
    gap:26px;
    align-items:stretch;
}

.pagina-ambulatorio .info-card{
    height:100%;
    padding:32px;
}

/* ---------------------------------------------------------
   EQUIPE MULTIDISCIPLINAR — PÁGINA PRINCIPAL
--------------------------------------------------------- */
.pagina-equipe-multidisciplinar .intro-equipe{
    padding-top:72px;
    padding-bottom:72px;
}

.pagina-equipe-multidisciplinar .intro-grid{
    gap:clamp(42px,5vw,70px);
}

.pagina-equipe-multidisciplinar .intro-highlight{
    padding:34px;
}

.pagina-equipe-multidisciplinar .equipes{
    padding-top:74px;
    padding-bottom:74px;
}

.pagina-equipe-multidisciplinar .section-header{
    margin-bottom:34px;
}

.pagina-equipe-multidisciplinar .equipes-grid{
    gap:20px;
    align-items:stretch;
}

.pagina-equipe-multidisciplinar .equipe-card{
    height:100%;
    display:flex;
    flex-direction:column;
}

.pagina-equipe-multidisciplinar .equipe-info{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:8px;
}

.pagina-equipe-multidisciplinar .integracao{
    padding-top:68px;
    padding-bottom:72px;
}

.pagina-equipe-multidisciplinar .integracao-box{
    padding:clamp(38px,4.5vw,55px) clamp(32px,5vw,65px);
}

/* ---------------------------------------------------------
   CORPO CLÍNICO — ACABAMENTO DA GRADE
--------------------------------------------------------- */
.pagina-corpo-clinico .cards-medicos{
    gap:22px;
    align-items:stretch;
}

.pagina-corpo-clinico .medico-card{
    height:100%;
}

.pagina-corpo-clinico .card-info{
    display:flex;
    flex-direction:column;
    height:100%;
}

/* ---------------------------------------------------------
   RESPONSIVIDADE DA ETAPA 7
--------------------------------------------------------- */
@media(max-width:992px){
    .pagina-institucional .sobre-grid,
    .pagina-institucional .diferencial-grid{
        gap:34px;
    }

    .pagina-institucional .sobre-image{
        max-width:760px;
        width:100%;
        margin:0 auto;
    }

    .pagina-equipe-multidisciplinar .section-header{
        gap:28px;
    }
}

@media(max-width:900px){
    .pagina-ambulatorio .sobre .texto{
        text-align:left;
    }

    .pagina-ambulatorio .especialidades .container{
        gap:28px;
    }

    .pagina-equipe-multidisciplinar .section-header{
        align-items:flex-start;
        flex-direction:column;
    }

    .pagina-equipe-multidisciplinar .section-header > p{
        max-width:680px;
    }
}

@media(max-width:600px){
    .pagina-institucional .sobre,
    .pagina-institucional .numeros,
    .pagina-institucional .missao,
    .pagina-institucional .diferencial,
    .pagina-ambulatorio .sobre,
    .pagina-ambulatorio .especialidades,
    .pagina-ambulatorio .informacoes,
    .pagina-equipe-multidisciplinar .intro-equipe,
    .pagina-equipe-multidisciplinar .equipes,
    .pagina-equipe-multidisciplinar .integracao{
        padding-top:52px;
        padding-bottom:52px;
    }

    .pagina-institucional .sobre-image{
        height:250px;
    }

    .pagina-institucional .missao-card,
    .pagina-ambulatorio .info-card,
    .pagina-ambulatorio .caixa-servico{
        padding:24px;
    }

    .pagina-ambulatorio .especialidade-header{
        margin-bottom:24px;
    }

    .pagina-ambulatorio .valor-grande{
        font-size:42px;
    }

    .pagina-equipe-multidisciplinar .intro-highlight{
        padding:28px;
    }
}

/* =========================================================
   AJUSTES PRÉ-ETAPA 8 — INSTITUCIONAL + EQUIPE MULTIDISCIPLINAR
========================================================= */

/* O arquivo teste2.mp4 possui letterbox (faixas pretas) incorporado ao vídeo.
   Um quadro mais panorâmico força o object-fit:cover a recortar apenas essas
   bordas, sem esticar ou deformar a imagem. */
.pagina-institucional .sobre-image{
    height:auto;
    aspect-ratio:16 / 7;
    overflow:hidden;
    background:#13233b;
}

.pagina-institucional .sobre-image video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

/* Evita que o início do título da Equipe Multidisciplinar fique escondido
   atrás do Header fixo em algumas alturas de tela. */
.pagina-equipe-multidisciplinar .hero-equipe{
    height:auto;
    min-height:680px;
    padding-top:125px;
    padding-bottom:64px;
}

.pagina-equipe-multidisciplinar .hero-equipe-content{
    padding-top:18px;
    padding-bottom:18px;
}

.pagina-equipe-multidisciplinar .hero-equipe .hero-text{
    max-width:650px;
}

.pagina-equipe-multidisciplinar .hero-equipe .hero-text h1{
    font-size:clamp(42px,4.35vw,60px);
    line-height:1.1;
}

@media(max-width:950px){
    .pagina-equipe-multidisciplinar .hero-equipe{
        min-height:auto;
        padding-top:118px;
        padding-bottom:64px;
    }

    .pagina-equipe-multidisciplinar .hero-equipe-content{
        padding-top:10px;
        padding-bottom:10px;
    }
}

@media(max-width:650px){
    .pagina-equipe-multidisciplinar .hero-equipe{
        padding-top:100px;
        padding-bottom:52px;
    }

    .pagina-equipe-multidisciplinar .hero-equipe .hero-text h1{
        font-size:clamp(34px,9.5vw,40px);
        line-height:1.12;
    }

    .pagina-institucional .sobre-image{
        aspect-ratio:16 / 7;
    }
}


/* =========================================================
   ETAPA 8 — PÁGINAS SECUNDÁRIAS E ESPECIALIZADAS
   Revisão de ritmo, cards, conteúdo e responsividade
========================================================= */

/* ---------- TRATAMENTOS — LISTAGEM ---------- */
.pagina-tratamentos .introducao,
.pagina-tratamentos .tratamentos,
.pagina-tratamentos .procedimentos,
.pagina-tratamentos .faq{
    padding-top:clamp(58px,6vw,78px);
    padding-bottom:clamp(58px,6vw,78px);
}

.pagina-tratamentos .titulo{
    margin-bottom:clamp(34px,4vw,48px);
}

.pagina-tratamentos .tratamentos-grid{
    gap:22px;
    align-items:stretch;
}

.pagina-tratamentos .tratamento-card{
    height:100%;
    border-color:rgba(19,35,59,.08);
}

.pagina-tratamentos .tratamento-card .conteudo{
    padding:22px 24px 24px;
}

.pagina-tratamentos .tratamento-card h3{
    margin-bottom:9px;
}

/* ---------- TRATAMENTOS — PÁGINAS INTERNAS ---------- */
.pagina-tratamento-detalhe section,
.pagina-procedimento section{
    padding-top:clamp(56px,6vw,76px);
    padding-bottom:clamp(56px,6vw,76px);
}

.pagina-tratamento-detalhe .titulo,
.pagina-procedimento .titulo{
    margin-bottom:38px;
}

.pagina-tratamento-detalhe .introducao .texto,
.pagina-procedimento .introducao .texto{
    max-width:860px;
}

.pagina-tratamento-detalhe .introducao .texto p,
.pagina-procedimento .introducao .texto p{
    line-height:1.85;
}

.pagina-tratamento-detalhe .sintomas-grid,
.pagina-tratamento-detalhe .tratamento-grid,
.pagina-tratamento-detalhe .diferenciais-grid,
.pagina-procedimento .etapas-grid,
.pagina-procedimento .beneficios-grid,
.pagina-procedimento .indicacoes-grid{
    align-items:stretch;
    gap:22px;
}

.pagina-tratamento-detalhe .sintoma-card,
.pagina-tratamento-detalhe .tratamento-card,
.pagina-tratamento-detalhe .diferencial-card,
.pagina-procedimento .etapa-card,
.pagina-procedimento .beneficio-card,
.pagina-procedimento .indicacao-card{
    height:100%;
}

.pagina-tratamento-detalhe .faq,
.pagina-procedimento .faq{
    background:#f7f9fb;
}

.pagina-tratamento-detalhe .accordion,
.pagina-procedimento .accordion{
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
}

/* ---------- EQUIPES INDIVIDUAIS ---------- */
.pagina-equipe-individual .coordenadores{
    padding-top:46px;
    padding-bottom:46px;
}

.pagina-equipe-individual .coordenadores .container{
    gap:24px;
}

.pagina-equipe-individual .coordenador-card{
    min-height:190px;
    padding:26px 28px;
}

.pagina-equipe-individual .sobre{
    padding:clamp(54px,6vw,76px) 0;
}

.pagina-equipe-individual .sobre .container{
    max-width:980px;
    gap:34px;
}

.pagina-equipe-individual .texto{
    max-width:900px;
    margin:0 auto;
}

.pagina-equipe-individual .texto h2{
    font-size:clamp(30px,3.2vw,42px);
    margin:12px 0 20px;
    line-height:1.2;
}

.pagina-equipe-individual .texto p,
.pagina-equipe-individual .texto li{
    color:#5d6c7b;
    font-size:16px;
    line-height:1.8;
}

.pagina-equipe-individual .atividades-lista{
    margin-top:14px;
}

/* ---------- COREME ---------- */
.pagina-coreme .coreme-intro,
.pagina-coreme .coordenacao-section{
    padding-top:clamp(60px,6vw,80px);
    padding-bottom:clamp(60px,6vw,80px);
}

.pagina-coreme .intro-grid{
    gap:40px;
    align-items:stretch;
}

.pagina-coreme .intro-texto,
.pagina-coreme .intro-destaque-card{
    height:100%;
}

.pagina-coreme .contato-box-inline{
    gap:14px;
}

.pagina-coreme .contato-item{
    flex:1 1 220px;
}

.pagina-coreme .coordenadores-grid{
    gap:24px;
    align-items:stretch;
}

.pagina-coreme .coordenador-card{
    height:100%;
}

/* ---------- PROCESSOS SELETIVOS ---------- */
.pagina-processos .secao-processos{
    padding-top:clamp(58px,6vw,78px);
    padding-bottom:clamp(58px,6vw,78px);
}

.pagina-processos .processos-grid{
    gap:28px;
    align-items:start;
}

.pagina-processos .processo-coluna{
    min-width:0;
}

.pagina-processos .processo-card{
    margin-bottom:16px;
}

/* ---------- MENTORIA ---------- */
.pagina-mentoria .mentoria-section{
    padding-top:clamp(130px,12vw,160px);
    padding-bottom:clamp(60px,7vw,90px);
}

.pagina-mentoria .mentoria-card{
    max-width:980px;
    margin:0 auto;
}

.pagina-mentoria .mentoria-informacoes{
    gap:16px;
}

/* ---------- CONVÊNIOS ---------- */
.pagina-convenios .lista-convenios,
.pagina-convenios .informacoes{
    padding-top:clamp(62px,6vw,82px);
    padding-bottom:clamp(62px,6vw,82px);
}

.pagina-convenios .categoria-convenio{
    margin-bottom:70px;
}

.pagina-convenios .categoria-convenio h2{
    margin-bottom:34px;
    font-size:clamp(30px,3.5vw,42px);
}

.pagina-convenios .grid-convenios{
    grid-template-columns:repeat(auto-fit,minmax(200px,220px));
    gap:22px;
}

.pagina-convenios .convenio-card{
    min-height:190px;
    padding:24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.pagina-convenios .convenio-card img{
    object-fit:contain;
}

.pagina-convenios .info-grid{
    gap:24px;
    align-items:stretch;
}

.pagina-convenios .info-grid > div{
    height:100%;
}

/* ---------- LGPD / DADOS / TRANSPARÊNCIA ---------- */
.pagina-lgpd .lgpd-intro,
.pagina-lgpd .lgpd-section,
.pagina-lgpd .dpo-section,
.pagina-dados .introducao-dados,
.pagina-dados .dados-section,
.pagina-transparencia .transparencia-intro,
.pagina-transparencia .contato-transparencia{
    padding-top:clamp(58px,6vw,78px);
    padding-bottom:clamp(58px,6vw,78px);
}

.pagina-lgpd .lgpd-card,
.pagina-dados .origem-card,
.pagina-dados .categoria-dado,
.pagina-transparencia .contato-card{
    border:1px solid rgba(19,35,59,.08);
}

.pagina-lgpd .lgpd-card{
    margin-bottom:18px;
}

.pagina-lgpd .dpo-card{
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
}

.pagina-dados .origens-grid,
.pagina-dados .utilizacao-grid{
    gap:22px;
    align-items:stretch;
}

.pagina-dados .origem-card,
.pagina-dados .utilizacao-grid > *{
    height:100%;
}

.pagina-transparencia .busca-documentos{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}

.pagina-transparencia .contato-card{
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
}

/* ---------- UTILIDADE PÚBLICA ---------- */
.pagina-utilidade .sobre,
.pagina-utilidade .pesquisa,
.pagina-utilidade .faq{
    padding-top:clamp(54px,6vw,74px);
    padding-bottom:clamp(54px,6vw,74px);
}

.pagina-utilidade .sobre .texto,
.pagina-utilidade .pesquisa .container,
.pagina-utilidade .faq .container{
    max-width:960px;
}

.pagina-utilidade .accordion{
    max-width:900px;
    margin:0 auto;
}

/* ---------- ARRECADAÇÃO ---------- */
.pagina-arrecadacao .coordenadores,
.pagina-arrecadacao .sobre-arrecadacao,
.pagina-arrecadacao .porque-doar,
.pagina-arrecadacao .como-doar{
    padding-top:clamp(58px,6vw,78px);
    padding-bottom:clamp(58px,6vw,78px);
}

.pagina-arrecadacao .motivos-grid,
.pagina-arrecadacao .doacoes-grid{
    gap:22px;
    align-items:stretch;
}

.pagina-arrecadacao .motivo,
.pagina-arrecadacao .doacao-card{
    height:100%;
}

/* ---------- RESPONSIVIDADE ---------- */
@media(max-width:900px){
    .pagina-equipe-individual .coordenador-card{
        min-height:0;
        padding:24px;
    }

    .pagina-coreme .intro-grid,
    .pagina-processos .processos-grid{
        grid-template-columns:1fr;
    }

    .pagina-convenios .grid-convenios{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .pagina-tratamentos .tratamentos-grid,
    .pagina-convenios .grid-convenios{
        grid-template-columns:1fr;
    }

    .pagina-tratamentos .tratamento-card .conteudo,
    .pagina-procedimento .etapa-card,
    .pagina-equipe-individual .coordenador-card{
        padding:22px;
    }

    .pagina-equipe-individual .coordenadores{
        padding-top:36px;
        padding-bottom:36px;
    }

    .pagina-equipe-individual .sobre{
        padding-top:48px;
        padding-bottom:48px;
    }

    .pagina-coreme .contato-box-inline{
        flex-direction:column;
    }

    .pagina-coreme .contato-item{
        width:100%;
        flex-basis:auto;
    }

    .pagina-convenios .convenio-card{
        min-height:170px;
    }
}

/* ==========================================================
   RITMO VERTICAL GLOBAL — PRÉ-ETAPA 9
   Padroniza o respiro entre conteúdos e mudanças de seção.
   Heroes e blocos especiais permanecem fora do padrão comum.
========================================================== */
:root{
    --section-space:clamp(50px,4.5vw,64px);
    --section-space-compact:clamp(40px,3.8vw,52px);
    --section-space-feature:clamp(58px,5.5vw,76px);
}

/* Seções comuns: mesmo respiro acima e abaixo do conteúdo. */
.pagina-institucional :is(.sobre,.numeros,.missao,.diferencial),
.pagina-procedimento :is(.introducao,.etapas,.procedimento,.indicacoes,.seguranca,.spravato,.faq,.contato-utilidade),
.pagina-processos :is(.secao-processos,.secao-suporte),
.pagina-coreme :is(.coreme-intro,.coordenacao-section,.documentos-section,.contato-coreme-section),
.pagina-transparencia :is(.transparencia-intro,.contato-transparencia),
.pagina-dados :is(.introducao-dados,.dados-section),
.pagina-utilidade :is(.pesquisa,.faq,.contato-utilidade),
.pagina-tratamentos :is(.introducao,.tratamentos,.como-funciona,.equipe-tratamentos,.diferenciais,.faq),
.pagina-tratamento-detalhe :is(.introducao,.sintomas,.tratamento,.faq,.contato-utilidade),
.pagina-pronto-atendimento :is(.introducao,.como-funciona,.situacoes,.diferenciais,.informacao),
.pagina-arrecadacao :is(.coordenadores,.sobre-arrecadacao,.porque-doar,.como-doar,.faq,.contato-arrecadacao),
.pagina-ambulatorio :is(.sobre,.especialidades,.informacoes),
.pagina-convenios :is(.lista-convenios,.informacoes),
.pagina-equipe-multidisciplinar :is(.intro-equipe,.equipes,.integracao),
.pagina-lgpd :is(.lgpd-intro,.lgpd-section,.dpo-section),
.pagina-equipe-individual .sobre{
    padding-top:var(--section-space) !important;
    padding-bottom:var(--section-space) !important;
}

/* Blocos naturalmente mais compactos. */
.pagina-equipe-individual .coordenadores{
    padding-top:var(--section-space-compact) !important;
    padding-bottom:var(--section-space-compact) !important;
}

/* Corpo Clínico: preserva a proximidade já aprovada entre busca e cards. */
.pagina-corpo-clinico .busca{
    padding-top:var(--section-space-compact) !important;
    padding-bottom:18px !important;
}
.pagina-corpo-clinico .equipe{
    padding-top:18px !important;
    padding-bottom:var(--section-space) !important;
}

/* Blocos de destaque/CTA mantêm mais presença visual. */
.pagina-tratamentos .cta-tratamentos,
.pagina-pronto-atendimento .cta,
.pagina-arrecadacao .agradecimento,
.pagina-utilidade .agradecimento,
.pagina-lgpd .lgpd-final,
.pagina-dados :is(.destaque-section,.seguranca-section,.lgpd-section){
    padding-top:var(--section-space-feature) !important;
    padding-bottom:var(--section-space-feature) !important;
}

/* Alertas terapêuticos são destacados, mas não precisam ficar altos. */
.pagina-tratamento-detalhe .alerta{
    padding-top:var(--section-space-compact) !important;
    padding-bottom:var(--section-space-compact) !important;
}

/* Mentoria não possui Hero; mantém folga para o Header fixo no topo. */
.pagina-mentoria .mentoria-section{
    padding-top:clamp(125px,10vw,145px) !important;
    padding-bottom:var(--section-space) !important;
}

@media(max-width:900px){
    :root{
        --section-space:clamp(46px,7vw,56px);
        --section-space-compact:clamp(36px,6vw,46px);
        --section-space-feature:clamp(52px,8vw,64px);
    }
}

@media(max-width:600px){
    :root{
        --section-space:44px;
        --section-space-compact:34px;
        --section-space-feature:52px;
    }

    .pagina-corpo-clinico .busca{
        padding-bottom:14px !important;
    }
    .pagina-corpo-clinico .equipe{
        padding-top:14px !important;
    }
}


/* =========================================================
   AJUSTE PRÉ-ETAPA 10 — AMBULATÓRIO + TOM DOS HEROES
========================================================= */

/* Ambulatório: introdução curta, sem título redundante e com respiro compacto. */
.pagina-ambulatorio .sobre{
    padding-top:var(--section-space-compact) !important;
    padding-bottom:var(--section-space-compact) !important;
}

.pagina-ambulatorio .sobre .texto{
    max-width:1000px;
}

.pagina-ambulatorio .sobre .texto p:last-child{
    margin-bottom:0;
}

/*
   Todos os Heroes internos passam a usar exatamente a mesma leitura tonal
   da Home: imagem sem filtro azulado + gradiente preto 70% -> 10%.
   A Home não carrega este arquivo, portanto permanece intocada.
*/
.hero,
.hero-pronto,
.hero-tratamentos,
.hero-coreme,
.hero-processos,
.hero-lgpd,
.hero-transparencia,
.hero-dados,
.hero-convenios,
.hero-utilidade,
.hero-equipe,
.arrecadacao-hero{
    position:relative;
    isolation:isolate;
    background-image:url('../Imagens/teste1.png') !important;
}

.hero::before,
.hero-pronto::before,
.hero-tratamentos::before,
.hero-coreme::before,
.hero-processos::before,
.hero-lgpd::before,
.hero-transparencia::before,
.hero-dados::before,
.hero-convenios::before,
.hero-utilidade::before,
.hero-equipe::before,
.arrecadacao-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        to right,
        rgba(0,0,0,0.70),
        rgba(0,0,0,0.10)
    );
    z-index:0;
    pointer-events:none;
}

/* Desativa overlays antigos azulados/duplicados. */
.overlay,
.hero-overlay,
.arrecadacao-hero-overlay{
    background:transparent !important;
}

.hero-content,
.hero-equipe-content,
.arrecadacao-hero-content{
    position:relative;
    z-index:2;
}

@media(max-width:600px){
    .pagina-ambulatorio .sobre{
        padding-top:34px !important;
        padding-bottom:34px !important;
    }
}


/* =========================================================
   CORREÇÃO HERO — PÁGINAS INDIVIDUAIS DAS EQUIPES
   Impede repetição da imagem de fundo em telas mais largas.
========================================================= */
.pagina-equipe-individual .hero.hero-compacto{
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
}


/* =========================================================
   PADRÃO TIPOGRÁFICO GLOBAL — 2026-09
   Hierarquia unificada em todo o site.
========================================================= */
body, button, input, textarea, select {
    font-family: 'Inter', sans-serif !important;
}

/* Título principal / Hero */
h1,
.hero h1,
.hero-content h1,
.hero-text h1,
.hero-texto h1 {
    font-size: clamp(42px, 4.6vw, 60px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
}

/* Títulos de seção */
section h2,
.section-title,
.titulo-secao {
    font-size: clamp(28px, 3vw, 38px) !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
}

/* Subtítulos / títulos de cards */
section h3,
.card h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

/* Texto corrido */
section p,
section li {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* Texto de apoio do Hero */
.hero p,
.hero-content p,
.hero-text p,
.hero-texto p {
    font-size: 18px !important;
    line-height: 1.65 !important;
}

@media (max-width: 768px) {
    h1, .hero h1, .hero-content h1, .hero-text h1, .hero-texto h1 {
        font-size: clamp(34px, 9vw, 44px) !important;
    }
    section h2, .section-title, .titulo-secao {
        font-size: 28px !important;
    }
    section h3, .card h3 {
        font-size: 20px !important;
    }
    section p, section li {
        font-size: 16px !important;
    }
    .hero p, .hero-content p, .hero-text p, .hero-texto p {
        font-size: 17px !important;
    }
}


/* =========================================================
   AJUSTE GLOBAL — TIPOGRAFIA DOS CARDS
========================================================= */
:root{
    --card-title-size:1.08rem;
    --card-subtitle-size:.88rem;
    --card-text-size:.94rem;
    --card-meta-size:.82rem;
}

:is(.card,[class*="-card"],[class*="card-"]) :is(h2,h3,h4){
    font-size:var(--card-title-size) !important;
    line-height:1.3 !important;
}

:is(.card,[class*="-card"],[class*="card-"]) :is(h5,h6,.subtitulo,.subtitle,.cargo,.especialidade){
    font-size:var(--card-subtitle-size) !important;
    line-height:1.4 !important;
}

:is(.card,[class*="-card"],[class*="card-"]) p{
    font-size:var(--card-text-size) !important;
    line-height:1.55 !important;
}

:is(.card,[class*="-card"],[class*="card-"]) :is(small,.meta,.label){
    font-size:var(--card-meta-size) !important;
    line-height:1.4 !important;
}

@media (max-width:768px){
    :root{
        --card-title-size:1rem;
        --card-subtitle-size:.84rem;
        --card-text-size:.9rem;
        --card-meta-size:.78rem;
    }
}


/* =========================================================
   IMAGENS INDIVIDUAIS DOS HEROES
   Troque somente o url() da página desejada.
========================================================= */

/* Ambulatorio/ambulatorio.html */
.hero-ambulatorio{
    background-image:url('../HeroImagens/HeroAmbulatorio.png') !important;
}

/* Tratamentos/ansiedade.html */
.hero-ansiedade{
    background-image:url('../HeroImagens/HeroAnsiedade.png') !important;
}

/* Tratamentos/transtorno-personalidade.html */
.hero-personalidade{
    background-image:url('../HeroImagens/HeroTranstornoPersonalidade.png') !important;
}

/* Tratamentos/tratamentos.html */
.hero-tratamentos{
    background-image:url('../HeroImagens/HeroTratamentos.png') !important;
}

/* Tratamentos/demencia.html */
.hero-demencias{
    background-image:url('../HeroImagens/HeroDemencias.png') !important;
}

/* Tratamentos/esquizofrenia.html */
.hero-esquizofrenia{
    background-image:url('../HeroImagens/HeroEsquizofrenia.png') !important;
}

/* Tratamentos/depressao.html */
.hero-depressao{
    background-image:url('../HeroImagens/HeroDepressao.png') !important;
}

/* Tratamentos/dependencia-comportamental.html */
.hero-dependencia-comportamental{
    background-image:url('../HeroImagens/HeroDependComportamental.png') !important;
}

/* Tratamentos/dependencia-medicamentos.html */
.hero-dependencia-medicamentos{
    background-image:url('../HeroImagens/HeroDependMedicamentos.png') !important;
}

/* Tratamentos/psicoses.html */
.hero-psicoses{
    background-image:url('../HeroImagens/HeroPsicoses.png') !important;
}

/* Tratamentos/transtorno-bipolar.html */
.hero-bipolar{
    background-image:url('../HeroImagens/HeroTranstornoBipolar.png') !important;
}

/* Atendimento/pronto-atendimento.html */
.hero-pronto{
    background-image:url('../HeroImagens/HeroProntoAtendimento.png') !important;
}

/* Corpo/corpo-clinico.html */
.hero-corpo-clinico{
    background-image:url('../HeroImagens/HeroCorpoClinico.png') !important;
}

/* Convenios/convenios.html */
.hero-convenios{
    background-image:url('../HeroImagens/HeroConvenios.png') !important;
}

/* UtilidadePublica/utilidade-publica.html */
.hero-utilidade{
    background-image:url('../HeroImagens/HeroInformacoes.png') !important;
}

/* Transparencia/transparencia.html */
.hero-transparencia{
    background-image:url('../HeroImagens/HeroTransparencia.png') !important;
}

/* Arrecadacao/arrecadacao.html */
.arrecadacao-hero{
    background-image:url('../HeroImagens/HeroTMKT.jfif') !important;
}

/* Equipe/equipe-multidisciplinar.html */
.hero-equipe{
    background-image:url('../HeroImagens/HeroEquipes.png') !important;
}

/* Procedimentos/eletroconvulsoterapia-ect.html */
.hero-ect{
    background-image:url('../HeroImagens/HeroECT.png') !important;
}

/* Procedimentos/escetamina-endovenosa.html */
.hero-escetamina{
    background-image:url('../HeroImagens/HeroEscetamina.png') !important;
}

/* Institucional/institucional.html */
.hero-institucional{
    background-image:url('../HeroImagens/HeroInsitucional.png') !important;
}

/* LGPD/lgpd.html */
.hero-lgpd{
    background-image:url('../HeroImagens/HeroLGPD.png') !important;
}

/* Home/home.html */
.hero-home{
    background-image:url('../HeroImagens/HeroHome.png') !important;
}

/* COREME/processos-seletivos.html */
.hero-processos{
    background-image:url('../HeroImagens/HeroProcessoSeletivo.png') !important;
}

/* COREME/coreme.html */
.hero-coreme{
    background-image:url('../HeroImagens/HeroCOREME.png') !important;
}

/* TratamentoDados/tratamento-dados.html */
.hero-dados{
    background-image:url('../HeroImagens/HeroDados.png') !important;
}

/* Equipes/Psicologia/psicologia.html */
.hero-psicologia{
    background-image:url('../HeroImagens/HeroPsicologia.png') !important;
}

/* Equipes/TerapiaOcupacional/terapia-ocupacional.html */
.hero-terapiaocupacional{
    background-image:url('../HeroImagens/HeroTerapOcupacional.png') !important;
}

/* Equipes/Psiquiatria/psiquiatria.html */
.hero-psiquiatria{
    background-image:url('../HeroImagens/HeroPsiquiatria.png') !important;
}

/* Equipes/Fonoaudiologia/fonoaudiologia.html */
.hero-fonoaudiologia{
    background-image:url('../HeroImagens/HeroFonoaudiologia.png') !important;
}

/* Equipes/ClinicaMedica/clinica-medica.html */
.hero-clinicamedica{
    background-image:url('../HeroImagens/HeroClinicaMedica.png') !important;
}

/* Equipes/Enfermagem/enfermagem.html */
.hero-enfermagem{
    background-image:url('../HeroImagens/HeroEnfermagem.png') !important;
}

/* Equipes/Hotelaria/hotelaria.html */
.hero-hotelaria{
    background-image:url('../HeroImagens/HeroHotelariaHosp.png') !important;
}

/* Equipes/EducacaoFisica/educacao-fisica.html */
.hero-educacaofisica{
    background-image:url('../HeroImagens/HeroEdFisica.png') !important;
}

/* Equipes/ServicoSocial/servico-social.html */
.hero-servicosocial{
    background-image:url('../HeroImagens/HeroServSocial.png') !important;
}

/* Equipes/Fisioterapia/fisioterapia.html */
.hero-fisioterapia{
    background-image:url('../HeroImagens/HeroFisioterapia.png') !important;
}

/* Equipes/Farmacia/farmacia.html */
.hero-farmacia{
    background-image:url('../HeroImagens/HeroFarmacia.png') !important;
}

/* Equipes/Nutricao/nutricao.html */
.hero-nutricao{
    background-image:url('../HeroImagens/HeroNutricao.png') !important;
}