/* Ajustes específicos do Meu CPAP sobre a base visual do Centro Auditivo */
.cpap-product{mix-blend-mode:multiply;object-fit:contain}
.booking-right{align-self:center;position:relative;top:auto}
/* Preserva o espaço superior da foto para acomodar o menu no hero. */
.hero-media img{object-position:68% top;transform-origin:center top}
@media(max-width:760px){.hero-media img{object-position:67% top}}
.benefits-reference-card-hero img{object-position:62% 22%}
.tech-feature-main img{border-radius:1.25rem;object-fit:cover}
.technology-transform-grid .transform-card-tall .cpap-product{width:88%;height:64%}
.mosaic-card--tall img{object-position:62% 25%}
.ss-panel .ss-circle img{width:100%;height:100%;object-fit:contain}
#ssprod-0 .ss-circle{background:#020202}
#ssprod-1 .ss-circle{background:#000}
#ssprod-2 .ss-circle{background:#e7e3e4}

/* Hero: texto alinhado com a logo, selos sem aparência de botão, microcopy centralizada no CTA */
.hero-credentials{padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;gap:.35rem 1.4rem}
.hero-credentials span{font-weight:600;letter-spacing:.04em}
.hero-actions{width:fit-content}
.hero-microcopy{margin:.85rem 0 0;width:0;min-width:100%;text-align:center;font-size:.85rem;color:#fff}
@media(min-width:761px){
  .hero-content{margin-left:calc(max(1rem,(100% - 1440px)/2) + clamp(1rem,2vw,1.5rem))}
}
@media(max-width:760px){.hero-actions{width:100%}.hero-microcopy{width:auto;min-width:0}}

/* Título alinhado com o texto. */
.hero h1{margin-bottom:1.5rem}
.hero-title-line:last-child{white-space:nowrap}
@media(min-width:761px){.hero h1{margin-left:-.05em}.hero h1:after{margin-left:.05em}}
@media(max-width:760px){.hero h1:after{margin-inline:auto;background:linear-gradient(90deg,rgba(238,0,20,0),#ee0014 50%,rgba(238,0,20,0))}}

/* Parágrafo com a mesma largura do título */
@media(min-width:761px){
  .hero-content{align-items:flex-start}
  .hero-copy{display:grid;width:max-content;max-width:100%}
  .hero-subtitle{width:0;min-width:100%;max-width:none}
}

/* Ícones Font Awesome Free 6.7.2 hospedados localmente. */
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:block;src:url('fonts/fa-solid-900.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:block;src:url('fonts/fa-brands-400.woff2') format('woff2')}
.fa-solid,.fa-brands{display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased}
.fa-solid{font-family:'Font Awesome 6 Free';font-weight:900}.fa-brands{font-family:'Font Awesome 6 Brands';font-weight:400}
.fa-bed:before{content:'\f236'}.fa-users:before{content:'\f0c0'}.fa-arrow-right:before{content:'\f061'}.fa-whatsapp:before{content:'\f232'}.fa-shield-halved:before{content:'\f3ed'}.fa-file-lines:before{content:'\f15c'}

/* Hero conforme a referência: chamada, credenciais e benefícios. */
.hero-content{width:min(52rem,62vw);gap:0;align-items:flex-start;text-align:left}
.hero-copy{display:block;width:100%;max-width:100%}
.hero-kicker{display:flex;align-items:center;gap:.9rem;margin:0 0 2.5rem;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.17em;line-height:1.5;text-transform:uppercase;white-space:nowrap}
.hero-kicker:before{content:'';width:2rem;height:2px;background:#ee0014;flex-shrink:0}
.hero h1{width:100%;max-width:none;margin:0 0 1rem;font-size:clamp(2rem,3.35vw,4rem);font-weight:700;line-height:1.05;letter-spacing:-.045em;text-align:left}
.hero h1:after{display:none}
.hero-title-line{white-space:nowrap}
.hero h1 .text-red{color:#ee0014}
.hero-subtitle{width:100%;min-width:0;max-width:36rem;margin:0 0 2rem;font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.35;text-align:left}
.hero-credentials{width:auto;align-self:flex-start;flex-wrap:nowrap;gap:0;margin:0 0 2rem;justify-content:flex-start}
.hero-credentials .hero-credential{display:flex;align-items:center;gap:1rem;padding-right:1.75rem;white-space:normal}
.hero-credentials .hero-credential+.hero-credential{padding-left:1.75rem;padding-right:0;border-left:1px solid #ffffff70}
.hero-credentials .hero-credential>i{color:#ee0014;font-size:2rem}
.hero-credentials .hero-credential>span{font-size:.95rem;font-weight:400;line-height:1.3;letter-spacing:0;text-align:left}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:min(100%,34rem)}
.hero-primary-cta{width:100%;align-items:stretch}
.hero .button-red{width:100%;min-width:0;min-height:4.5rem;padding:1.15rem 1.5rem;font-size:1.25rem;text-transform:none;letter-spacing:0;white-space:normal;text-align:center;justify-content:center}
.hero .button-red i{font-size:1rem}
.hero-microcopy{width:100%;min-width:0;margin:1rem 0 0;color:#aaadad;font-size:.95rem;line-height:1.4;text-align:left}
.hero-assurances{display:flex;align-items:center;gap:0;padding:0;margin:2.5rem 0 0;list-style:none}
.hero-assurances li{display:flex;align-items:center;gap:.85rem;padding-right:1.5rem;color:#eee;font-size:.8rem;line-height:1.15}
.hero-assurances li+li{padding-left:1.5rem;border-left:1px solid #ffffff60}
.hero-assurances li:last-child{padding-right:0}
.hero-assurances i{font-size:1.9rem;color:#eee}
@media(max-width:760px){
 .hero{min-height:46rem;padding-top:8rem;padding-bottom:2.5rem}
 .hero-content{width:100%;max-width:100%;align-items:flex-start;text-align:left}
 .hero-kicker{margin-bottom:1.75rem;font-size:.65rem}
 .hero h1{font-size:clamp(1.3rem,6.6vw,3rem);overflow-wrap:normal}
 .hero-subtitle{font-size:1rem;max-width:100%;margin-bottom:1.75rem}
 .hero-credentials{max-width:100%;margin-bottom:1.5rem}
 .hero-credentials .hero-credential{gap:.65rem;padding-right:1rem}
 .hero-credentials .hero-credential+.hero-credential{padding-left:1rem}
 .hero-credentials .hero-credential>span{font-size:clamp(.6rem,2.65vw,.9rem)}
 .hero-credentials .hero-credential>i{font-size:1.5rem}
 .hero .button-red{font-size:clamp(.85rem,3.7vw,1.2rem);min-height:3.75rem;padding-inline:1rem}
 .hero-microcopy{font-size:.8rem}
 .hero-assurances{width:100%;margin-top:2rem;justify-content:space-between}
 .hero-assurances li{gap:.5rem;padding-right:.6rem;font-size:clamp(.55rem,2.25vw,.8rem)}
 .hero-assurances li+li{padding-left:.6rem}
 .hero-assurances i{font-size:1.4rem}
}

/* Benefit cards: four columns on desktop and white Font Awesome icons. */
.technology-transform-section .technology-transform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:none;grid-template-rows:auto}
.technology-transform-section .technology-transform-grid .transform-card{grid-column:auto!important;grid-row:auto!important;min-height:0}
.technology-transform-section .transform-card-icon{background:#d71920!important;border-color:#d71920!important;color:#fff!important;box-shadow:0 .5rem 1.2rem #d7192026}
.technology-transform-section .transform-card-icon .fa-solid{font-size:1.4rem;color:#fff!important}
@media(max-width:760px){.technology-transform-section .technology-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.technology-transform-section .technology-transform-grid{grid-template-columns:minmax(0,1fr)!important}}
.technology-transform-section .technology-transform-lead{color:#454b4e!important}
.technology-transform-section .technology-transform-lead strong{font-weight:700!important}

/* Mais espaço vertical no hero e frases dos ícones sem quebras. */
.hero h1{margin-bottom:1.75rem}
.hero-subtitle{margin-bottom:2.75rem}
.hero-credentials{margin-bottom:2.75rem;flex-wrap:wrap;row-gap:1.25rem}
.hero-credentials .hero-credential>span,.hero-assurances li>span{white-space:nowrap}
.hero-microcopy{margin-top:1.5rem}
.hero-assurances{margin-top:3.25rem;flex-wrap:wrap;row-gap:1.25rem}
@media(max-width:760px){
 .hero h1{margin-bottom:1.5rem}
 .hero-subtitle{margin-bottom:2.25rem}
 .hero-credentials{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:2.25rem}
 .hero-credentials .hero-credential,.hero-credentials .hero-credential+.hero-credential{padding:0;border:0}
 .hero-credentials .hero-credential>span{font-size:.8rem}
 .hero-assurances{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-top:2.5rem}
 .hero-assurances li,.hero-assurances li+li{padding:0;border:0;font-size:.8rem;gap:.85rem}
 .hero-assurances i{width:1.5rem;text-align:center}
}

/* Tarja do menu mais larga e alta. */
@media(min-width:761px){
 .site-header,.site-header.is-scrolled,.site-header.menu-open{width:min(calc(100% - 1rem),1560px);height:6.5rem;padding-inline:clamp(1.5rem,2.5vw,2.5rem)}
}
@media(max-width:760px){
 .site-header,.site-header.is-scrolled,.site-header.menu-open{width:calc(100% - .75rem);height:5.25rem}
}

/* Subtítulo maior, com duas linhas visualmente equilibradas. */
.hero-subtitle{max-width:38rem;font-size:clamp(1.35rem,1.6vw,1.65rem);line-height:1.45;text-wrap:balance}
@media(max-width:760px){.hero-subtitle{max-width:100%;font-size:1.125rem;line-height:1.45}}
@media(max-width:760px){.hero-subtitle-break{display:none}}

/* Wider benefits layout with more space between cards. */
.technology-transform-section .technology-transform-shell{width:min(100%,76rem)}
.technology-transform-section .technology-transform-grid{gap:1.5rem}

.technology-transform-section .transform-title-heart{white-space:nowrap;font-size:clamp(1.2rem,1.8vw,1.65rem)}
.signs-section .signs-header{max-width:76rem}
.signs-section .signs-title{white-space:nowrap;font-size:clamp(1.25rem,4.2vw,3.8rem)}
.signs-section .signs-subtitle{font-size:clamp(1.5rem,2.1vw,1.75rem)!important;line-height:1.55;white-space:normal}
@media(max-width:760px){.signs-section .signs-subtitle{font-size:1.5rem!important;text-wrap:balance}.signs-subtitle br{display:none}}/* Softer background image for the symptoms section. */
.signs-section{isolation:isolate;background:#041518!important}
.signs-section::before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/bg-b.jpg') center / cover no-repeat!important;opacity:.3;pointer-events:none}.signs-section .signs-subtitle{max-width:none;font-size:calc(clamp(1.5rem,2.1vw,1.75rem) + 2px)!important;text-wrap:balance}
@media(max-width:760px){.signs-section .signs-subtitle{font-size:calc(1.5rem + 2px)!important}}
/* Como funciona: três etapas horizontais e destaque do teste em casa. */
.cpap-process{padding:2rem clamp(1.25rem,3.1vw,3.5rem) 3rem;background-color:#fafafa;background-image:var(--brand-wave-light),linear-gradient(145deg,#fff,#f7f7f7);background-repeat:no-repeat;background-position:center bottom;background-size:100% 95%;color:#172326}
.cpap-process-heading{max-width:1440px;margin:0 auto 1.5rem;text-align:center}
.cpap-process-heading h2{font-size:clamp(2.5rem,4.2vw,4rem);font-weight:750;line-height:1.1;letter-spacing:-.045em}
.cpap-process-divider{display:block;width:3rem;height:3px;margin:1rem auto;background:#e50920}
.cpap-process-heading p{margin:0;color:#74808a;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.5}
.cpap-process-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1fr);gap:1.3rem;max-width:1440px;margin:auto;align-items:start}
.cpap-process-list{display:grid;gap:.65rem}
.cpap-process-step{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.85rem;padding:.55rem;border-radius:1.35rem;background:#fff;box-shadow:0 14px 30px #142b3510;overflow:hidden}
.cpap-process-step>img{width:100%;height:100%;min-height:10rem;object-fit:cover;border-radius:1rem}
.cpap-process-step:nth-child(1)>img{object-position:center 40%}
.cpap-process-step:nth-child(2)>img{object-position:center 42%}
.cpap-process-step:nth-child(3)>img{object-position:center 32%}
.cpap-process-copy{padding:.35rem .75rem .25rem 0;align-self:center}
.cpap-process-number{display:flex;align-items:center;gap:1rem;margin-bottom:.35rem}
.cpap-process-number>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;color:#e50920;background:#fce7e9;font-weight:750;font-size:.9rem}
.cpap-process-number:after{content:'';width:3.4rem;height:1px;background:#ff5263}
.cpap-process-copy h3{margin:0 0 .4rem;font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.15;font-weight:750;letter-spacing:-.035em}
.cpap-process-copy p{margin:0;color:#7d8993;font-size:clamp(.85rem,1.08vw,1rem);line-height:1.22;text-align:left}
.cpap-process-feature{position:relative;isolation:isolate;overflow:hidden;min-height:30rem;margin-top:.5rem;border-radius:1.25rem;background:#101719;box-shadow:0 20px 45px #142b351f}
.cpap-process-feature>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.cpap-process-feature:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#101719f5 0%,#101719c2 30%,#10171930 65%,#10171900)}
.cpap-process-feature-copy{padding:2.6rem 2.1rem 3rem;color:#fff}
.cpap-process-feature .cpap-process-number{margin-bottom:1rem}
.cpap-process-feature .cpap-process-number>span{width:3rem;height:3rem;background:#b616204d;color:#fff;font-size:1rem}
.cpap-process-feature h3{margin:0 0 1.6rem;font-size:clamp(1.65rem,2.4vw,2.4rem);font-weight:750;line-height:1.2;letter-spacing:-.035em}
.cpap-process-feature h3>span{color:#e51c2a}
.cpap-process-feature p{max-width:17.5rem;margin:0 0 2.3rem;color:#d0d3d4;font-size:clamp(1rem,1.18vw,1.15rem);line-height:1.45}
.cpap-process-cta{display:inline-flex;align-items:center;justify-content:center;gap:1.75rem;min-height:3.5rem;padding:1rem 1.5rem;border-radius:999px;background:linear-gradient(110deg,#ef0017,#c40014);color:#fff;font-size:.9rem;font-weight:750;line-height:1.2;text-transform:uppercase;transition:filter .2s}
.cpap-process-cta:hover{filter:brightness(1.1)}
@media(min-width:1100px){.cpap-process-step{height:10.65rem}.cpap-process-feature{min-height:30rem}}
@media(max-width:1099px){.cpap-process-grid{grid-template-columns:1fr}.cpap-process-step{grid-template-columns:1fr 1fr;min-height:11rem}.cpap-process-copy h3{font-size:1.3rem}.cpap-process-copy p{font-size:1rem}.cpap-process-feature{min-height:29rem}.cpap-process-feature h3{font-size:2.2rem}}
@media(max-width:520px){.cpap-process{padding:2.5rem 1rem}.cpap-process-heading{margin-bottom:1.5rem}.cpap-process-heading h2{font-size:2.5rem}.cpap-process-heading p{font-size:1rem}.cpap-process-step{gap:.85rem;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);min-height:13rem}.cpap-process-step>img{min-height:12rem}.cpap-process-copy{padding:.35rem .25rem .35rem 0}.cpap-process-copy h3{font-size:1.05rem}.cpap-process-copy p{font-size:.85rem;line-height:1.35}.cpap-process-number{gap:.65rem}.cpap-process-number>span{width:2rem;height:2rem;font-size:.8rem}.cpap-process-number:after{width:2rem}.cpap-process-feature{min-height:30rem}.cpap-process-feature-copy{padding:2rem 1.4rem}.cpap-process-feature h3{font-size:2rem}.cpap-process-feature p{max-width:14rem}.cpap-process-feature:before{background:linear-gradient(90deg,#101719f0,#101719ac 55%,#10171925)}.cpap-process-cta{gap:1rem;font-size:.8rem;padding-inline:1.1rem}}
/* Taller process cards with square photographs and wider spacing. */
.cpap-process-grid{align-items:stretch;gap:1.75rem}
.cpap-process-list{gap:1.25rem}
.cpap-process-step{grid-template-columns:12rem minmax(0,1fr);height:auto;min-height:13.2rem;gap:1.5rem;align-items:center}
.cpap-process-step>img{width:12rem;height:12rem;min-height:0;aspect-ratio:1;object-fit:cover}
.cpap-process-feature{margin-top:0;min-height:42rem;height:100%}
@media(max-width:600px){
.cpap-process-step{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:1rem;min-height:13rem}
.cpap-process-step>img{width:100%;height:auto;min-height:0;aspect-ratio:1}
.cpap-process-feature{min-height:32rem}
}
.technology-transform-section{background-image:url('../img/bg-branco.jpg')!important;background-blend-mode:normal!important;background-size:cover!important;background-position:center!important}

.signs-section .signs-subtitle{font-size:clamp(1.875rem,2.5vw,2.125rem)!important;line-height:1.5;text-wrap:balance}
@media(max-width:760px){.signs-section .signs-subtitle{font-size:1.875rem!important}}

/* Position the background waves across the middle of the banner. */
.signs-section::before{background-position:center 25%!important}
/* Wider process steps and square photos. */
@media(min-width:1001px){
.cpap-process-grid{max-width:1560px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.cpap-process-step{grid-template-columns:14rem minmax(0,1fr);min-height:15.2rem}
.cpap-process-step>img{width:14rem;height:14rem}
}
/* Ondas claras suaves e alinhadas ao centro vertical da seção. */
.technology-transform-section{position:relative;isolation:isolate;background:#fff!important}
.technology-transform-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../img/bg-branco.jpg') center top / 100% 125% no-repeat;opacity:.25}
/* Centraliza o fundo dos sintomas, preservando sua opacidade. */
.signs-section::before{background-position:center center!important}
/* Compact process layout with landscape photos and darker descriptions. */
.cpap-process-grid{max-width:1360px}
.cpap-process-step{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);min-height:0;height:auto;gap:1.25rem}
.cpap-process-step>img{width:100%;height:auto;min-height:0;aspect-ratio:16 / 9;object-fit:cover}
.cpap-process-copy p{color:#454f56}
@media(min-width:1001px){.cpap-process-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:600px){.cpap-process-step{grid-template-columns:minmax(0,1fr);gap:.75rem}.cpap-process-copy{padding:.5rem .75rem 1rem}}
/* Fundo do teste em casa mais visível, com as ondas no meio da seção. */
.benefits-reference-section{isolation:isolate;background:#08090b!important}
.benefits-reference-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../img/21-batHMzmy.webp') center top / 100% 130% no-repeat;opacity:1;filter:brightness(1.5)}

/* Mantém a foto dentro do hero e posiciona o casal abaixo do menu. */
.hero-media img{object-position:68% 5rem;transform-origin:center top}
@media(max-width:760px){.hero-media img{object-position:67% 5.75rem}}

/* Menu mais alto, com todos os elementos centralizados na mesma linha. */
@media(min-width:761px){
 .site-header,.site-header.is-scrolled,.site-header.menu-open{height:8rem;align-items:center;align-content:center}
 .site-header .brand,.site-header .desktop-nav,.site-header .header-cta{align-self:center}
 .site-header .desktop-nav{align-items:center;justify-content:center}
}
@media(max-width:760px){
 .site-header,.site-header.is-scrolled,.site-header.menu-open{height:6rem;align-items:center}
}

/* Título do formulário em duas linhas, usando toda a largura da coluna. */
.booking-copy h2{width:100%;max-width:none;font-size:clamp(1.5rem,2.6vw,2.8rem);line-height:1.1;letter-spacing:-.055em}
.booking-title-line{display:block;white-space:nowrap}
@media(max-width:760px){.booking-copy h2{font-size:clamp(1rem,5.5vw,2.6rem)}}

/* Texto maior e centralizado horizontalmente no destaque do teste. */
.cpap-process-feature-copy{display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:2rem}
.cpap-process-feature .cpap-process-number{justify-content:center}
.cpap-process-feature h3{font-size:clamp(2rem,2.7vw,2.85rem);text-align:center}
.cpap-process-feature p{max-width:29rem;font-size:clamp(1.15rem,1.45vw,1.4rem);line-height:1.5;text-align:center}
.cpap-process-feature .cpap-process-cta{align-self:center}
@media(max-width:520px){.cpap-process-feature-copy{padding-inline:1.25rem}.cpap-process-feature h3{font-size:2rem}.cpap-process-feature p{font-size:1.15rem;max-width:100%}}
/* Feature copy vertically centered on the right. */
.cpap-process-feature{display:flex;align-items:center;justify-content:flex-end}
.cpap-process-feature .cpap-process-feature-copy{width:65%;padding:2.5rem 2rem;text-align:right}
.cpap-process-feature .cpap-process-number{justify-content:flex-end}
.cpap-process-feature p{max-width:none;margin-left:auto;text-align:right}
.cpap-process-feature:before{background:linear-gradient(270deg,#101719eb 0%,#101719b8 45%,#10171930 100%)}
@media(max-width:600px){.cpap-process-feature .cpap-process-feature-copy{width:90%;padding:2rem 1.4rem}}
#booking-title .booking-title-intro{display:block;font-size:.5em;line-height:1.3;margin-bottom:.35em;letter-spacing:-.02em} 
#booking-title .booking-title-line{display:block}
#booking-title strong{font-weight:800}

/* Dissolve o início da foto no fundo do hero sem aproximar o casal do menu. */
.hero-media img{object-position:68% 4.25rem;-webkit-mask-image:linear-gradient(to bottom,transparent 4.25rem,#000 12rem);mask-image:linear-gradient(to bottom,transparent 4.25rem,#000 12rem)}
@media(max-width:760px){.hero-media img{object-position:67% 5.25rem;-webkit-mask-image:linear-gradient(to bottom,transparent 5.25rem,#000 11rem);mask-image:linear-gradient(to bottom,transparent 5.25rem,#000 11rem)}}
/* Consistent section spacing, preserving the hero layout. */
main>section:not(.hero){padding-top:60px!important;padding-bottom:60px!important;margin-top:0!important;margin-bottom:0!important}
/* Left-aligned, larger copy on the home trial image. */
.cpap-process-feature{justify-content:flex-start}
.cpap-process-feature .cpap-process-feature-copy{width:85%;align-items:flex-start;text-align:left;padding:2.5rem 2rem}
.cpap-process-feature .cpap-process-number{justify-content:flex-start}
.cpap-process-feature h3{font-size:clamp(2.25rem,2.8vw,3.125rem);text-align:left}
.cpap-process-feature p{max-width:28rem;margin-left:0;font-size:clamp(1.375rem,1.5vw,1.625rem);text-align:left}
.cpap-process-feature:before{background:linear-gradient(90deg,#101719ed 0%,#101719bd 45%,#10171935 100%)}
@media(max-width:600px){.cpap-process-feature .cpap-process-feature-copy{width:100%;padding:2rem 1.4rem}}/* Center the pair of patient testimonials. */
.stories-section .story-rail{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,56rem);margin-inline:auto;padding-inline:1rem}
@media(max-width:600px){.stories-section .story-rail{grid-template-columns:minmax(0,1fr);max-width:28rem}}
.stories-section .story-stars{color:#ffd43b!important}
.stories-section .story-copy .story-quote{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.2;font-style:italic}
.stories-section .story-copy .story-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-transform:none;letter-spacing:0}
.stories-section .story-footer .story-name{font-size:1rem;font-weight:600;color:#fff}
.stories-section .story-footer .story-stars{margin-left:auto;white-space:nowrap;font-size:.85rem;letter-spacing:.04em;color:#ffd43b!important}
.stories-section .story-person{display:flex;flex-direction:column;gap:.4rem}
.stories-section .story-person small{margin:0;font-size:.65rem}

/* Depoimentos: histórias em destaque e frase de apoio menor abaixo. */
.stories-section .stories-heading .stories-tagline{margin:1rem 0 0;font-size:clamp(1.1rem,1.6vw,1.5rem)!important;font-weight:400;line-height:1.4;color:#fff;text-align:center}
.stories-section .stories-heading .stories-tagline{margin:0 0 1rem}

.stories-section .story-card img{filter:none;opacity:1}

/* Equipe: título em duas linhas e texto usando a largura dos cards. */
.authority-section .authority-title{width:100%;max-width:none}
.authority-section .authority-title>span{display:block;white-space:nowrap}
.authority-section .authority-lead{width:100%;max-width:none;text-wrap:pretty}
.authority-section .authority-stat-card{justify-content:center;align-items:center;gap:.85rem;padding:1.5rem 1rem!important;text-align:center}
.authority-section .authority-stat-card strong{margin:0;line-height:1.4!important}
.authority-section .authority-stat-card>span{line-height:1.6!important}
.authority-section .authority-stat-card>[data-phosphor]{margin:0}
.authority-section .authority-stat-card svg{margin-bottom:0}
.authority-section .authority-stat-rule{margin:0}
@media(max-width:760px){.authority-section .authority-title{font-size:clamp(2rem,8.5vw,3.5rem)!important}.authority-section .authority-stat-card{min-height:12rem!important;justify-content:center}}

/* Chamada final centralizada, com os dois botões lado a lado. */
.final-cta{justify-content:center}
.final-cta .final-content{width:min(100%,60rem);margin-inline:auto;align-items:center;text-align:center}
.final-cta .final-content h2,.final-cta .final-content>p{text-align:center}
.final-cta .hero-actions{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem;width:auto;max-width:100%;margin:1rem auto 0}
.final-cta .hero-actions .button{width:auto;min-width:0;text-align:center;justify-content:center}
@media(max-width:600px){.final-cta .hero-actions{width:100%;gap:.65rem}.final-cta .hero-actions .button{flex:1;padding:.85rem .6rem;font-size:.8rem;white-space:normal;min-height:3.6rem}}

.final-content #final-title{white-space:nowrap;font-size:clamp(1.15rem,4.4vw,3.85rem)}

#final-title .text-red{color:#ee0014!important}
/* Footer with address, contact details and social profiles. */
.site-footer .footer-main{display:grid;grid-template-columns:1fr 2.5fr .7fr;gap:3rem;align-items:start;text-align:left;margin-bottom:3rem}
.footer-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.site-footer h3{margin:0 0 1rem;font-size:1rem;font-weight:700;letter-spacing:0;color:#172326}
.footer-info-block h3 i{color:#ee0014;margin-right:.5rem}
.footer-info-block address,.footer-info-block p,.footer-info-block>a{font-size:.95rem;font-style:normal;line-height:1.8;color:#454f56}
.footer-info-block>a{display:block}
.footer-info-block p{margin:.5rem 0 0}
.footer-info-block p i{margin-right:.35rem;color:#ee0014}
.footer-social-links{display:flex;gap:.75rem}
.footer-social-links a{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:#ee0014;color:#fff;font-size:1.3rem;transition:background .2s}
.footer-social-links a:hover{background:#b10011}
@media(max-width:900px){.site-footer .footer-main{grid-template-columns:1fr 2fr;gap:2rem}.footer-social{grid-column:2}}
@media(max-width:600px){.site-footer .footer-main{grid-template-columns:1fr;text-align:center;justify-items:center;gap:2rem}.footer-details{grid-template-columns:1fr;gap:1.75rem}.footer-social{grid-column:auto}.footer-social-links{justify-content:center}}/* Centered FAQ with the call to action after the questions. */
#faq{display:flex;flex-direction:column;align-items:center;gap:2rem}
#faq .faq-heading{position:static;width:100%;text-align:center;align-self:auto}
#faq .faq-heading .section-divider{margin-inline:auto}
#faq .faq-list{width:100%;max-width:52rem;margin-inline:auto}
#faq .faq-cta{display:flex;width:100%;justify-content:center}
#faq .faq-heading h2{text-align:center;width:100%;margin-inline:auto}

.authority-section .authority-stat-card span{font-weight:400!important}
/* White final call-to-action section. */
#agendamento{background:#fff!important;color:#172326}
#agendamento #final-title{color:#172326}
#agendamento .final-content>p{color:#454f56!important}
#agendamento [data-whatsapp-link]{color:#172326;background:transparent!important;border:1px solid #17232666!important;box-shadow:none}
#agendamento [data-whatsapp-link]:hover{background:#f1f4f3!important}
.cpap-process-step>img[src*='ela.jpg']{object-fit:cover;object-position:70% 18%}

.cpap-process-step>img[src*='ela.jpg']{object-view-box:inset(0 0 0 36%);object-position:center 18%}

/* Hero no celular: textos maiores e centralizados, com o casal visível. */
@media(max-width:760px){
 #inicio.hero{padding:9rem 1.25rem 3rem;min-height:52rem}
 #inicio .hero-content{width:100%;max-width:100%;align-items:center;text-align:center}
 #inicio .hero-copy{width:100%;text-align:center}
 #inicio .hero-kicker{justify-content:center;white-space:normal;font-size:.8rem;line-height:1.5;letter-spacing:.12em;text-align:center}
 #inicio h1{font-size:clamp(2rem,8.6vw,3.4rem);line-height:1.1;text-align:center}
 #inicio .hero-title-line{white-space:normal;text-wrap:balance}
 #inicio .hero-subtitle{font-size:clamp(1.25rem,5.1vw,1.6rem);line-height:1.5;text-align:center;text-wrap:balance}
 #inicio .hero-credentials{align-self:center;align-items:center;justify-content:center;width:100%;gap:1.5rem}
 #inicio .hero-credentials .hero-credential{justify-content:center}
 #inicio .hero-credentials .hero-credential>span{font-size:clamp(.85rem,3.6vw,1.05rem);text-align:center}
 #inicio .hero-credentials .hero-credential>i{font-size:1.85rem}
 #inicio .hero-actions{width:100%;align-items:center}
 #inicio .button-red{font-size:clamp(1rem,4.3vw,1.3rem);min-height:4.5rem;line-height:1.35}
 #inicio .hero-assurances{align-items:center;justify-content:center;gap:1.5rem}
 #inicio .hero-assurances li{justify-content:center;font-size:1rem;text-align:center}
 #inicio .hero-assurances i{font-size:1.75rem;width:2rem}
 #inicio .hero-media img{position:absolute;top:7rem;right:-4%;width:210%;max-width:none;height:auto;object-fit:contain;object-position:right top;opacity:.65;transform:none;animation:none;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
 #inicio .hero-scrim{background:linear-gradient(180deg,#03111455,#03111466 45%,#031114d9 80%,#031114)}
}

/* Simplifica o hero somente no celular. */
@media(max-width:760px){
 #inicio .hero-assurances{display:none}
 #inicio .hero-kicker:before{display:none}
}

/* Celular: conteúdo mais abaixo e textos maiores, preservando o CTA. */
@media(max-width:760px){
 #inicio.hero{padding-top:12rem}
 #inicio .hero-kicker{font-size:.95rem}
 #inicio h1{font-size:clamp(2.25rem,9.5vw,3.7rem)}
 #inicio .hero-subtitle{font-size:clamp(1.4rem,5.7vw,1.8rem)}
 #inicio .hero-credentials .hero-credential>span{font-size:clamp(1rem,4vw,1.2rem)}
}

.site-footer .brand-footer{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.footer-tagline{font-size:.8rem;color:#ee0014;white-space:nowrap;font-weight:500}
@media(max-width:600px){.site-footer .brand-footer{align-items:center}}
/* Mobile hero: keep faces above the text and move the photo up gently. */
@media(max-width:760px){
#inicio.hero{padding-top:25rem;min-height:60rem;align-items:flex-start}
#inicio .hero-media img{top:5.5rem}
#inicio .hero-content{position:relative}
}
@media(max-width:760px){#inicio.hero{padding-top:20rem}}

@media(max-width:760px){#inicio .hero-kicker,.footer-tagline{display:none}}

@media(max-width:760px){#inicio.hero{padding-top:17.5rem}#inicio .hero-media img{top:4.25rem}}

@media(max-width:760px){#inicio .hero-copy{order:0}#inicio .hero-actions{order:1}#inicio .hero-credentials{order:2;margin-top:1.5rem;margin-bottom:0}#inicio .hero-assurances{order:3}}

@media(max-width:760px){#inicio h1{font-size:clamp(2.125rem,9.5vw,3rem)!important;line-height:1.08}#inicio .hero-subtitle{font-size:1.375rem!important;line-height:1.5}}

@media(max-width:760px){#inicio h1{font-size:clamp(2.375rem,10.5vw,3.25rem)!important}#inicio .hero-subtitle{font-size:1.625rem!important;line-height:1.45}}

@media(max-width:760px){#inicio.hero{min-height:0;padding-bottom:2rem}#inicio .hero-credentials{margin-bottom:0}}

@media(max-width:760px){#inicio h1::after{content:'';display:block;width:2.75rem;height:2px;margin:1rem auto;background:#ee0014}}
.hero-mobile-title-break{display:none}
@media(max-width:760px){
.hero-mobile-title-break{display:block}
#inicio h1{width:calc(100% + 1.5rem);max-width:none;margin-left:-.75rem;letter-spacing:-.025em}
#inicio .hero-title-line{display:block}
}
/* Título dos benefícios em uma única linha. */
#technology-transform-title{white-space:nowrap;max-width:none}
@media(max-width:760px){.technology-transform-section #technology-transform-title{font-size:clamp(1rem,6vw,2.75rem)!important;letter-spacing:-.035em!important}}

/* Somente os três cards, centralizados na seção de equipamentos. */
.benefits-products-only{display:flex;align-items:center;justify-content:center;padding:3.5rem 1.25rem!important}
.benefits-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:min(100%,900px);margin-inline:auto;align-items:stretch}
.benefits-products-grid .benefits-reference-card{grid-column:auto!important;grid-row:auto!important;width:100%;height:auto;min-height:26rem!important}
@media(max-width:760px){.benefits-products-grid{grid-template-columns:1fr;max-width:25rem}.benefits-products-grid .benefits-reference-card{min-height:0!important}}

/* Suporte abaixo dos equipamentos, na largura dos três cards. */
.benefits-products-only{flex-direction:column;gap:2rem}
.benefits-products-support{width:min(100%,900px);margin-inline:auto;padding-top:1.75rem;border-top:2px solid #ee0014;text-align:center}
.benefits-products-support h3{margin:0 0 1rem;color:#fff;font-size:clamp(1.5rem,2vw,2rem);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.benefits-reference-section .benefits-products-support p{max-width:none;margin:0;color:#fff;font-size:1.1rem!important;line-height:1.65}
@media(max-width:760px){.benefits-products-support{max-width:25rem}.benefits-reference-section .benefits-products-support p{font-size:1rem!important}}

/* Margem vertical uniforme entre todas as seções. */
main{gap:0}
main>section:not(.hero){margin-top:60px!important;margin-bottom:60px!important}
main>section.hero{margin-top:0!important;margin-bottom:0!important}

/* Enquadra a especialista pelo rosto e parte superior do corpo. */
.cpap-process-step>img[src*='ela.jpg']{object-view-box:inset(15% 0 35% 36%);object-position:center center}
/* Botão do teste em casa alinhado à esquerda. */
.cpap-process-feature .cpap-process-cta{align-self:flex-start;margin-left:0;margin-right:auto}

/* Imagens das três etapas mais altas, com enquadramento confortável. */
.cpap-process-step>img{aspect-ratio:4 / 3;height:auto;min-height:0}
.cpap-process-step>img[src*='ela.jpg']{object-view-box:inset(10% 0 35% 36%);object-position:center center}

/* Cards de equipamentos mais largos, com suporte na mesma largura. */
.benefits-products-grid,.benefits-products-support{width:min(100%,1200px)}
@media(max-width:760px){.benefits-products-grid,.benefits-products-support{width:100%;max-width:25rem}}

/* Dois equipamentos ampliados e suporte técnico em card próprio. */
.benefits-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.benefits-products-support{padding:2rem;border:1px solid #ffffff26;border-radius:1.5rem;background:#18191bee;box-shadow:0 1rem 2rem #00000026}
.benefits-products-support h3{display:flex;align-items:center;justify-content:center;gap:.85rem;color:#ee0014}
.benefits-products-support h3 i{font-size:1.8rem}
@media(max-width:760px){.benefits-products-grid{grid-template-columns:1fr}.benefits-products-support{padding:1.5rem}}

/* Suporte alinhado à esquerda, com linhas de texto equilibradas. */
.benefits-products-support{text-align:left}
.benefits-products-support h3{justify-content:flex-start;text-align:left}
.benefits-reference-section .benefits-products-support p{text-align:left;text-wrap:balance}

/* Equipamentos sobre o mesmo fundo branco com ondas dos benefícios. */
.benefits-reference-section.benefits-products-only{background:#fff!important;color:#172326}
.benefits-reference-section.benefits-products-only::before{background:url('../img/bg-branco.jpg') center top / 100% 125% no-repeat;opacity:.25;filter:none}

/* Mais distância entre os depoimentos. */
.stories-section .story-rail{gap:2.5rem}

/* Indicadores da equipe com cards brancos e textos escuros. */
.authority-section .authority-stat-card{background:#fff;border-color:#dce2e3!important;box-shadow:0 .65rem 1.5rem #00000014!important}
.authority-section .authority-stat-card strong,.authority-section .authority-stat-card span,.authority-section .authority-stat-card p{color:#172326!important}
.authority-section .authority-stat-card>[data-phosphor],.authority-section .authority-stat-card svg{color:#ee0014!important}

/* Fotos menores e descrições maiores nos dois cards de aparelhos. */
#beneficios .benefits-products-grid .benefits-reference-card>img{height:19rem;width:100%;object-fit:contain;padding:1.25rem;background:#000}
#beneficios .benefits-products-grid .benefits-reference-card .benefits-reference-card-copy{margin-top:0;padding:1.5rem 1.65rem 2.75rem;min-height:10rem}
#beneficios .benefits-products-grid .benefits-reference-card .benefits-reference-card-copy p{font-size:1.25rem!important;line-height:1.55!important;text-wrap:balance}
@media(max-width:760px){#beneficios .benefits-products-grid .benefits-reference-card>img{height:15rem}#beneficios .benefits-products-grid .benefits-reference-card .benefits-reference-card-copy p{font-size:1.125rem!important}}

/* Os fundos acompanham as dimensões de cada seção. */
main>section{background-size:cover!important;background-repeat:no-repeat!important}
.technology-transform-section::before,.benefits-reference-section.benefits-products-only::before,.benefits-reference-section::before,.signs-section::before{inset:0;height:100%;background-size:cover!important;background-position:center center!important}

/* Conteúdo centralizado verticalmente dentro das seções. */
main>section:not(.hero){display:flex;flex-direction:column;justify-content:center}

/* Imagem 301 espelhada horizontalmente apenas no card de teste em casa. */
.cpap-process-feature>img[src='img/301.png']{transform:scaleX(-1);object-position:center}

/* Celular: aproxima o formulário do hero e destaca o título. */
@media(max-width:760px){
 main>#primeiro-formulario{margin-top:0!important;padding-top:1.5rem!important}
 #primeiro-formulario #booking-title{font-size:clamp(1.6rem,7.2vw,2.5rem)!important;line-height:1.15}
 #primeiro-formulario .booking-title-line{white-space:normal;text-wrap:balance}
}

/* Mais espaço entre os campos do formulário no celular. */
@media(max-width:760px){
 #primeiro-formulario .booking-form-step{gap:1.75rem}
 #primeiro-formulario .booking-form label{gap:.65rem}
}

/* Celular: benefícios maiores e centralizados, sem o grande vazio abaixo. */
@media(max-width:760px){
 main>#primeiro-formulario{padding-bottom:1.5rem!important;margin-bottom:0!important}
 main>#experiencia{margin-top:0!important;padding-top:2rem!important}
 #primeiro-formulario .booking-right{gap:1.25rem}
 #primeiro-formulario .booking-benefits{justify-items:center;gap:.85rem;width:100%;margin-inline:auto}
 #primeiro-formulario .booking-benefits li{display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:1.125rem;line-height:1.5;text-align:center}
 #primeiro-formulario .booking-benefits [data-phosphor]{margin-top:0;flex-shrink:0}
}

/* Celular: menos espaço entre benefícios e sintomas, sem cortar o título. */
@media(max-width:760px){
 main>#experiencia{padding-bottom:1.5rem!important;margin-bottom:0!important}
 main>#sinais{margin-top:0!important;margin-bottom:0!important;padding-top:1.5rem!important;padding-bottom:1.5rem!important}
 #sinais .signs-header{width:100%;max-width:100%}
 #sinais .signs-title{max-width:100%;white-space:normal;overflow-wrap:break-word;text-wrap:balance;font-size:calc(clamp(1.25rem,4.2vw,3.8rem) + 3px)!important;line-height:1.25}
 #sinais .signs-subtitle{font-size:calc(1.875rem + 2px)!important;line-height:1.45;white-space:normal;overflow-wrap:break-word;text-wrap:balance}
}

@media(max-width:760px){.cpap-process-heading p{font-size:calc(clamp(1rem,1.35vw,1.25rem) + 2px)}}

/* Celular: cards do processo com fonte maior e mais respiro. */
@media(max-width:760px){
 .cpap-process-list{gap:1.5rem}
 .cpap-process-step{height:auto;min-height:0;padding:1rem;row-gap:1.25rem}
 .cpap-process-copy{padding:1rem .5rem 1.25rem}
 .cpap-process-copy h3{font-size:calc(1.3rem + 2px);margin-bottom:.85rem;line-height:1.3}
 .cpap-process-copy p{font-size:calc(1rem + 2px);line-height:1.6}
 .cpap-process-number{margin-bottom:.85rem}
 .cpap-process-feature{min-height:35rem}
 .cpap-process-feature-copy{padding:2.5rem 1.5rem}
 .cpap-process-feature h3{font-size:calc(clamp(2.25rem,2.8vw,3.125rem) + 2px);margin-bottom:2rem}
 .cpap-process-feature p{font-size:calc(clamp(1.375rem,1.5vw,1.625rem) + 2px);line-height:1.6;margin-bottom:2.5rem}
}
@media(max-width:520px){
 .cpap-process-copy h3{font-size:calc(1.05rem + 2px)}
 .cpap-process-copy p{font-size:calc(.85rem + 2px)}
}

/* Celular: reduz o vazio entre o processo e os aparelhos. */
@media(max-width:760px){
 main>#entenda-o-processo{padding-bottom:1.5rem!important;margin-bottom:0!important}
 main>#beneficios{padding-top:1.5rem!important;margin-top:0!important}
}

/* Ajustes dos aparelhos e depoimentos somente no celular. */
@media(max-width:760px){
 #beneficios .benefits-products-grid .benefits-reference-card .benefits-reference-card-copy h3{color:#ee0014!important;font-size:calc(clamp(1.1rem,1.45vw,1.35rem) + 4px)!important;line-height:1.25}
 #beneficios .benefits-products-grid .benefits-reference-card .benefits-reference-card-copy p{font-size:calc(1.125rem + 2px)!important}
 main>#beneficios{margin-bottom:0!important;padding-bottom:1.5rem!important}
 main>#depoimentos{margin-top:0!important;padding-top:2rem!important}
 #depoimentos .story-card{height:clamp(34rem,150vw,42rem)}
}

/* Depoimentos com menos espaço vazio no celular. */
@media(max-width:760px){
 main>#depoimentos{margin-block:0!important;padding-block:1.5rem!important}
 #depoimentos .story-rail{margin-top:1.25rem;gap:1.5rem}
 #depoimentos .stories-heading{margin-bottom:0}
}

/* Celular: FAQ mais legível e próximo da seção da equipe. */
@media(max-width:760px){
 #faq .faq-item button{font-size:calc(1rem + 2px)}
 #faq .faq-answer p{font-size:calc(.95rem + 2px)!important}
 main>#faq{margin-bottom:0!important;padding-bottom:1.5rem!important}
 main>.authority-section{margin-top:0!important;padding-top:1.5rem!important}
}

/* Celular: equipe e indicadores maiores e mais legíveis. */
@media(max-width:760px){
 .authority-section .authority-title{font-size:calc(clamp(2rem,8.5vw,3.5rem) + 2px)!important}
 .authority-section .authority-lead{font-size:calc(1.0625rem + 5px)!important;line-height:1.85!important}
 .authority-section .authority-stat-card{min-height:15rem!important;padding:2rem 1.5rem!important;gap:1.1rem}
 .authority-section .authority-stat-card>[data-phosphor],.authority-section .authority-stat-card svg{width:2.75rem;height:2.75rem}
 .authority-section .authority-stat-card strong{font-size:1.65rem!important;line-height:1.4!important}
 .authority-section .authority-stat-card>span:not([data-phosphor]){font-size:1rem!important;line-height:1.6!important}
 .authority-section .authority-stat-rule{width:2.25rem;height:2px}
}

/* Celular: chamada final compacta, sem título cortado ou grandes vazios. */
@media(max-width:760px){
 main>.authority-section{margin-bottom:0!important;padding-bottom:1.5rem!important}
 main>#agendamento{min-height:0;margin-block:0!important;padding:2rem 1.25rem!important}
 #agendamento .final-content{width:100%;max-width:100%;margin:0}
 #agendamento #final-title{max-width:100%;white-space:normal;overflow-wrap:break-word;text-wrap:balance;font-size:clamp(2rem,8.5vw,3rem)!important;line-height:1.15!important}
 #agendamento .final-content>p{margin:1rem 0;font-size:1.125rem!important;line-height:1.5}
 #agendamento .hero-actions{margin-top:.75rem}
 .site-footer{margin-top:0!important;padding-top:2rem!important}
}

/* Fundo dos sintomas mais discreto no celular. */
@media(max-width:760px){#sinais::before{opacity:.15}}

/* Oculta a foto e os benefícios junto ao formulário somente no celular. */
@media(max-width:760px){#primeiro-formulario .booking-right{display:none}}

/* Celular: título do processo em duas linhas e FAQ mais próximo. */
@media(max-width:760px){
 .cpap-process-heading #steps-title{font-size:clamp(1.5rem,7vw,2.5rem);line-height:1.2}
 main>#depoimentos{margin-bottom:0!important;padding-bottom:1.5rem!important}
 main>#faq{margin-top:0!important;padding-top:1.5rem!important}
}

/* Espaçamento entre seções no celular. */
@media(max-width:760px){
 #conteudo{gap:0}
 #conteudo>section,#conteudo>section[id]{margin-top:0!important;margin-bottom:0!important}
 #beneficios .benefits-products-support h3{color:#fff}
}

.hero-mobile-article{display:none}
@media(max-width:760px){#inicio .hero-mobile-article{display:inline}#inicio .hero-desktop-article{display:none}}

/* Suporte com a mesma fonte das descrições dos aparelhos no celular. */
@media(max-width:760px){
 #beneficios .benefits-products-support p{font-size:calc(1.125rem + 2px)!important;line-height:1.55!important}
}

/* Padrão único de espaçamento no celular, preservando o enquadramento do hero. */
@media(max-width:760px){
 #conteudo>section:not(.hero),#conteudo>section[id]:not(.hero){margin-top:0!important;margin-bottom:0!important;padding-top:30px!important;padding-bottom:30px!important}
}

/* Celular: frase final equilibrada e botões empilhados. */
@media(max-width:760px){
 #agendamento .final-content>p{text-wrap:balance;max-width:100%;margin-inline:auto}
 #agendamento .hero-actions{flex-direction:column;align-items:stretch;width:100%;gap:1rem}
 #agendamento .hero-actions .button{flex:none;width:100%;min-height:3.6rem;font-size:.95rem;padding:1rem;white-space:normal}
}

/* Hero: foto menor e afastada do menu. */
@media(min-width:761px){
 #inicio .hero-media img{position:absolute;top:8rem;right:0;width:90%;height:calc(100% - 8rem);object-fit:cover;object-position:right top;transform:none;animation:none;-webkit-mask-image:none;mask-image:none}
}
@media(max-width:760px){
 #inicio .hero-media img{top:6.5rem;right:0;width:180%}
}

/* Logo maior e transicao suave da foto para o fundo do hero. */
.site-header .brand-logo{width:clamp(11rem,15vw,13.5rem);margin-top:0}
@media(min-width:761px){
 #inicio .hero-media img{object-fit:contain;object-position:right center;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 22%,#000 55%),linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 22%,#000 55%),linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}
 #inicio .hero-scrim{background:linear-gradient(90deg,#031114 0%,rgba(3,17,20,.92) 28%,rgba(3,17,20,.55) 47%,transparent 70%)}
}
@media(max-width:760px){
 .site-header .brand-logo{width:10.5rem}
 #inicio .hero-media img{filter:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 65%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 65%,transparent 100%)}
}

/* Logo alinhada ao centro da linha do menu. */
.site-header .brand{display:flex;align-items:center;align-self:center}
.site-header .brand-logo{width:clamp(10rem,13.5vw,12rem);margin:0}
@media(max-width:760px){.site-header .brand-logo{width:10rem}}

/* Barra mais fina, deslocada para baixo e logo com respiro interno. */
.site-header,.site-header.is-scrolled,.site-header.menu-open{height:6rem;margin-top:2.25rem;align-items:center}
.site-header .brand{height:100%;display:flex;align-items:center;justify-content:center}
.site-header .brand-logo{width:auto;max-width:12rem;height:auto;max-height:4.25rem;object-fit:contain;margin:0}
@media(max-width:760px){
 .site-header,.site-header.is-scrolled,.site-header.menu-open{height:5rem;margin-top:1.5rem}
 .site-header .brand-logo{max-width:10rem;max-height:3.4rem}
 #inicio .hero-media img{top:7.5rem}
}
@media(min-width:761px){#inicio .hero-media img{top:9.25rem;height:calc(100% - 9.25rem)}}

/* Celular: mulher centralizada e texto um pouco mais alto. */
@media(max-width:760px){
 #inicio .hero-media img{left:50%;right:auto;width:180%;transform:translateX(-69%);object-position:center top}
 #inicio.hero{padding-top:16rem}
}

/* Celular: base mais escura e fim da foto dissolvido no fundo. */
@media(max-width:760px){
 #inicio .hero-media img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 48%,rgba(0,0,0,.65) 65%,transparent 95%);mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 48%,rgba(0,0,0,.65) 65%,transparent 95%)}
 #inicio .hero-scrim{background:linear-gradient(180deg,rgba(3,17,20,.25) 0%,rgba(3,17,20,.4) 30%,rgba(3,17,20,.85) 55%,#031114 78%)}
}
