/*================ CARTELA CLINICA3 (PADRAO) ================*/
:root {
interpolate-size:allow-keywords;

/*================ HEADER ================*/
--header-bkg:      rgba(62,32,41,.92);
--header-borda:    rgba(255,255,255,.14);
--header-menu:     #ffffff;
--header-btn-bkg:  #592b38;
--header-btn-texto:#ffffff;
/*================ HERO ================*/
--hero-overlay:    linear-gradient(90deg,rgba(48,20,28,.93) 0%,rgba(48,20,28,.55) 52%,rgba(48,20,28,.18));
--hero-btn-fundo:  #e7bdba;
--hero-btn-texto:  #592b38;
--hero-btn-hover:  #dba49f;
/*================ FOOTER ================*/
--footer-bkg:      #3e2029;
--footer-texto:    #d9c3c9;
--footer-endereco: #d9c3c9;
--footer-logo:     #ffffff;
--footer-dev:      #d9c3c9;
/*================ BASE ================*/
--fundo:           #f6f0e9;
--fundo-secundario:#592b38;
--fundo-card:      #e9d9d6;
--fundo-claro:     #ffffff;
/*================ TEXTOS ================*/
--texto:           #392f30;
--texto-secundario:#ecdfe1;
--texto-suave:     #766669;
--texto-escuro:    #392f30;
--texto-faq:       #78696b;
--rotulo:          var(--destaque);
/*================ DESTAQUE ================*/
--destaque:        #e7bdba;
--destaque-texto:  #592b38;
/*================ BOTÕES ================*/
--botao-fundo:     #e7bdba;
--botao-texto:     #592b38;
--botao-escuro-fundo:#592b38;
--botao-escuro-texto:#ffffff;
--botao-escuro-hover:#7a3d4d;
--borda:           #d6c4bf;
--borda-faq:       #dfd4cf;
--borda-modal:     #7a3d4d;
/*================ MODAL ================*/
--modal-fundo:     #592b38;
--modal-texto:     #ffffff;
--modal-texto-secundario:#ecdfe1;
--modal-overlay:rgba(25,10,15,.92);
/*================ SOBREPOSIÇÕES ================*/
--card-overlay:    linear-gradient(transparent 22%,rgba(48,20,28,.90));
/*================ FAIXA ================*/
--faixa-fundo:     #e7bdba;
--faixa-texto:     #592b38;
/*================ CTA ================*/
--cta-fundo:       #e7bdba;
--cta-texto:       #592b38;
}

/*================ HERO ================*/
.hero                       { min-height:760px; position:relative; padding:165px 0 70px; display:flex; align-items:center; color:#ffffff; background-color:var(--fundo-secundario); background-image:var(--hero-overlay),var(--hero-img,url('https://images.unsplash.com/photo-1599447421416-3414500d18a5?auto=format&fit=crop&w=1800&q=90')); background-position:center; background-size:cover; }
.hero .content              { width:100%; max-width:1400px; margin:0 auto; padding:0 20px; }
.hero-conteudo              { max-width:730px; text-align:center; margin:0 auto; }
.hero-rotulo                { color:var(--rotulo); font-size:11px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; }
.hero-titulo                { margin:18px 0 24px; font-size:clamp(48px,6vw,82px); line-height:.98; }
.hero-texto                 { max-width:600px; margin:0 auto 30px; color:var(--texto-secundario); font-size:17px; line-height:1.75; }
.hero-btn                   { color:var(--hero-btn-texto); background:var(--hero-btn-fundo); }
.hero-btn:hover             { color:var(--hero-btn-texto); background:var(--hero-btn-hover); transform:none; box-shadow:0 6px 18px rgba(0,0,0,.18); }

/*================ ACOLHIMENTO ================*/
.acolhimento                { color:#ffffff; background:var(--botao-escuro-fundo); }
.acolhimento .content       { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; }
.acolhimento div            { padding:32px 35px; border-right:1px solid rgba(255,255,255,.18); }
.acolhimento strong         { display:block; margin-bottom:7px; }
.acolhimento span           { color:var(--texto-secundario); font-size:13px; }

/*================ TÍTULOS ================*/
.titulo                     { max-width:760px; margin-bottom:50px; }
.titulo h2                  { margin-top:12px; font-size:clamp(40px,5vw,60px); line-height:1.05; }

/*================ CUIDADOS ================*/
.cuidados                   { color:var(--texto-escuro); background:var(--fundo-claro); }
.grid-cuidados              { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:15px; }
.cuidado                    { position:relative; min-height:370px; padding:30px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; border:0; border-radius:180px 180px 20px 20px; color:var(--texto); background:var(--fundo-card); font:inherit; text-align:left; cursor:pointer; transition:.3s; }
.cuidado-img                { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; transition:.5s; }
.cuidado:after              { content:""; position:absolute; inset:0; background:var(--card-overlay); }
.cuidado:hover img          { transform:scale(1.06); }
.cuidado:hover              { transform:translateY(-8px); transition:.3s; }
.cuidado-info               { position:relative; z-index:1; }
.cuidado:first-child        { border-radius:20px; color:#ffffff; }
.cuidado b                  { margin-bottom:auto; font:normal 40px Georgia,serif; color:var(--destaque); }
.cuidado h3                 { margin-bottom:10px; font-size:27px; }
.cuidado p                  { color:var(--texto-suave); font-size:14px; line-height:1.65; }
.cuidado:first-child p      { color:rgba(255,255,255,.80); }

/*================ A CLÍNICA ================*/
.sobre                      { background:var(--fundo); }
.sobre .content             { display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; align-items:center; }
.sobre-fotos                { position:relative; height:600px; }
.sobre-fotos img:first-child { width:78%; height:90%; object-fit:cover; border-radius:180px 180px 15px 15px; }
.sobre-fotos img:last-child { position:absolute; right:0; bottom:0; width:46%; height:45%; object-fit:cover; border:10px solid var(--fundo); }
.sobre h2                   { margin:15px 0 20px; font-size:53px; line-height:1.05; }
.sobre p                    { margin-bottom:18px; color:var(--texto-suave); line-height:1.8; }
.valores                    { margin-top:25px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.valor                      { padding:18px; background:var(--fundo-claro); }
.valor strong               { display:block; margin-bottom:5px; color:var(--texto-escuro); }
.valor span                 { color:var(--texto-suave); font-size:13px; line-height:1.5; }

/*================ RELATOS ================*/
.relatos                    { color:#ffffff; background:var(--botao-escuro-fundo); }
.grid-relatos               { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.relatos blockquote         { margin:0; padding:30px; border-radius:15px; background:var(--fundo-card); color:var(--texto); font:italic 20px/1.6 Georgia,serif; }
.relatos blockquote strong  { display:block; margin-top:25px; color:var(--texto-suave); font-size:12px; letter-spacing:1px; }

/*================ FAQ ================*/
.faq                        { color:var(--texto-escuro); background:var(--fundo-claro); }
.faq .content               { display:grid; grid-template-columns:.8fr 1.2fr; gap:6vw; }
.faq h2                     { margin-top:12px; font-size:52px; line-height:1; }

/*================ CTA ================*/
.cta                        { display:flex; color:var(--cta-texto); background:var(--cta-fundo); }
.cta .content               { width:100%; max-width:1400px; margin:0 auto; padding:75px 20px; text-align:center; }
.cta h2                     { max-width:850px; margin:0 auto 16px; font-size:50px; }
.cta p                      { margin-bottom:25px; }
.cta .btn                   { color:var(--botao-escuro-texto); background:var(--botao-escuro-fundo); }
.cta .btn:hover             { color:var(--botao-escuro-texto); background:var(--botao-escuro-hover); }

/*================ MODAL (título específico) ================*/
.modal-conteudo h2          { margin:16px 0 20px; font-size:45px; line-height:1.08; }

/*================ ANIMAÇÃO DE ENTRADA (específica) ================*/
.grid-cuidados .cuidado:nth-child(odd),
.grid-relatos blockquote:nth-child(odd) { transform:translateX(-55px) translateY(30px); }
.grid-cuidados .cuidado:nth-child(even),
.grid-relatos blockquote:nth-child(even) { transform:translateX(55px) translateY(30px); }
.grid-cuidados .reveal.ativo,
.grid-relatos .reveal.ativo { opacity:1; transform:none; }
.grid-cuidados .cuidado:nth-child(2), .grid-relatos blockquote:nth-child(2) { transition-delay:.10s; }
.grid-cuidados .cuidado:nth-child(3), .grid-relatos blockquote:nth-child(3) { transition-delay:.20s; }

/*================ RESPONSIVO ================*/
@media(max-width:900px) {
    .grid-cuidados,
    .sobre .content,
    .faq .content           { grid-template-columns:1fr; }
    .acolhimento .content   { grid-template-columns:1fr; }
    .acolhimento div        { border:0; border-bottom:1px solid rgba(255,255,255,.18); }
    .grid-relatos           { grid-template-columns:1fr; }
}

@media(max-width:560px) {
    .valores                { grid-template-columns:1fr; }
    .sobre-fotos            { height:460px; }
    .modal-conteudo h2      { font-size:34px; }
    .cta .content           { flex-direction:column; align-items:flex-start; }
}