/* Full-width backgrounds with a shared, comfortable inner content alignment. */
.diagnostic-page{--diagnostic-gutter:max(40px,calc((100% - 1184px)/2));background:#000818}
.diagnostic-page .diagnostic-breadcrumb{width:100%;max-width:none;padding:20px var(--diagnostic-gutter);background:#000818;color:#aebdcd}
.diagnostic-page .diagnostic-breadcrumb a{color:#e2ad82}
.diagnostic-page .dpp{padding:0;background:#000818}
.diagnostic-page .dpp .dpp-page{width:100%;max-width:none;margin:0;border-radius:0;overflow:hidden}
.diagnostic-page .dpp .dpp-page>section{padding-inline:var(--diagnostic-gutter)}
.diagnostic-page .dpp .dpp-hero{padding-block:56px 60px;min-height:640px;background-image:linear-gradient(90deg,#000818 0%,#000818ed 24%,#00081875 51%,#00081800 80%),url('assets/diagnostico/hero-diagnostico.webp');background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
.diagnostic-page .dpp .dpp-hero h1{font-size:clamp(36px,3.2vw,46px);line-height:1.2;max-width:650px;text-wrap:balance}
.diagnostic-page .dpp .dpp-hero p{max-width:500px;line-height:1.85}
.diagnostic-page .dpp .dpp-stats{margin-top:32px;max-width:100%}
.diagnostic-page .dpp .dpp-light{padding-block:60px}
.diagnostic-page .dpp .dpp-light h3{max-width:700px;margin-inline:auto;line-height:1.3}
.diagnostic-page .dpp .dpp-how{padding-block:48px 24px}
.diagnostic-page .dpp .dpp-how-grid{gap:22px}
.diagnostic-page .dpp .dpp-card{padding:30px 24px;min-height:285px}
.diagnostic-page .dpp .dpp-card.dpp-big-ico{padding-top:53px}
.diagnostic-page .dpp .dpp-rec{padding-block:0 32px}
.diagnostic-page .dpp .dpp-two{gap:24px}
.diagnostic-page .dpp .dpp-p-auth{padding:32px;gap:24px}
.diagnostic-page .dpp .dpp-portrait{width:144px;height:168px}
.diagnostic-page .dpp .dpp-p-recebe{padding:32px}
.diagnostic-page .dpp .dpp-inv{padding-block:32px 64px}
.diagnostic-page .diagnostic-return{width:100%;max-width:none;margin:0;padding:0 var(--diagnostic-gutter) 48px;background:#000818;color:#e2ad82}
@media(max-width:1100px){
 .diagnostic-page{--diagnostic-gutter:36px}
 .diagnostic-page .dpp .dpp-hero{padding-block:44px 48px;background-position:center,85% center}
 .diagnostic-page .dpp .dpp-how-grid{gap:14px}
 .diagnostic-page .dpp .dpp-card{padding-inline:17px}
 .diagnostic-page .dpp .dpp-p-auth{padding:26px;gap:18px}
 .diagnostic-page .dpp .dpp-portrait{width:120px;height:140px}
 .diagnostic-page .dpp .dpp-p-recebe{padding:28px}
}
@media(max-width:850px){
 .diagnostic-page{--diagnostic-gutter:32px}
 .diagnostic-page .dpp .dpp-hero{background-size:100% 100%,cover;background-position:center,65% center}
 .diagnostic-page .dpp .dpp-hero h1{font-size:38px;max-width:580px}
 .diagnostic-page .dpp .dpp-how-grid{gap:20px}
 .diagnostic-page .dpp .dpp-card{padding-inline:24px}
 .diagnostic-page .dpp .dpp-p-auth{padding:32px;gap:30px}
 .diagnostic-page .dpp .dpp-portrait{width:150px;height:175px}
}
@media(max-width:700px){
 .diagnostic-page{--diagnostic-gutter:24px}
 .diagnostic-page .diagnostic-breadcrumb{padding-block:17px;font-size:10px}
 .diagnostic-page .dpp .dpp-hero{padding-block:34px 42px;min-height:0;background-image:url('assets/diagnostico/hero-diagnostico.webp');background-size:cover;background-position:70% center}
 .diagnostic-page .dpp .dpp-hero:before{background:linear-gradient(180deg,#0008188c,#000818c9 62%,#000818eb)}
 .diagnostic-page .dpp .dpp-hero h1{font-size:clamp(32px,6.5vw,40px);line-height:1.22;max-width:540px}
 .diagnostic-page .dpp .dpp-hero p{font-size:14px;max-width:460px}
 .diagnostic-page .dpp .dpp-badge{font-size:9px;gap:8px;padding-inline:8px 12px}
 .diagnostic-page .dpp .dpp-stats{padding:20px 9px;gap:23px 0;margin-top:28px}
 .diagnostic-page .dpp .dpp-stat{padding-inline:8px;gap:9px}
 .diagnostic-page .dpp .dpp-stat b{font-size:22px}
 .diagnostic-page .dpp .dpp-stat small{font-size:10px}
 .diagnostic-page .dpp .dpp-stat .dpp-ci{width:30px;height:30px}
 .diagnostic-page .dpp .dpp-cta{font-size:11px;min-height:54px;padding:15px 12px;gap:8px}
 .diagnostic-page .dpp .dpp-light{padding-block:42px}
 .diagnostic-page .dpp .dpp-light h3{font-size:27px;line-height:1.3;max-width:520px}
 .diagnostic-page .dpp .dpp-who-item p{font-size:12px;line-height:1.8}
 .diagnostic-page .dpp .dpp-how{padding-block:32px 24px}
 .diagnostic-page .dpp .dpp-how-grid{gap:18px}
 .diagnostic-page .dpp .dpp-card{min-height:0;padding:30px 24px}
 .diagnostic-page .dpp .dpp-card.dpp-big-ico{padding-top:35px}
 .diagnostic-page .dpp .dpp-rec{padding-block:0 26px}
 .diagnostic-page .dpp .dpp-two{gap:22px}
 .diagnostic-page .dpp .dpp-p-recebe{padding:28px 24px}
 .diagnostic-page .dpp .dpp-checks li{font-size:12px;line-height:1.75}
 .diagnostic-page .dpp .dpp-p-auth{padding:32px 24px;gap:25px}
 .diagnostic-page .dpp .dpp-auth-info h4{font-size:29px;line-height:1.25}
 .diagnostic-page .dpp .dpp-auth-info li{font-size:12px;line-height:1.8}
 .diagnostic-page .dpp .dpp-inv{padding-block:25px 42px}
 .diagnostic-page .diagnostic-return{padding-bottom:35px}
}
@media(max-width:370px){
 .diagnostic-page{--diagnostic-gutter:20px}
 .diagnostic-page .dpp .dpp-hero h1{font-size:30px}
 .diagnostic-page .dpp .dpp-hero p{font-size:13px}
 .diagnostic-page .dpp .dpp-badge{font-size:8px;gap:6px;padding-right:8px}
 .diagnostic-page .dpp .dpp-cta{font-size:10px}
 .diagnostic-page .dpp .dpp-stat b{font-size:21px}
 .diagnostic-page .dpp .dpp-light h3{font-size:25px}
 .diagnostic-page .dpp .dpp-who-item p{font-size:11px}
 .diagnostic-page .dpp .dpp-p-recebe{padding:26px 20px}
 .diagnostic-page .dpp .dpp-auth-info h4{font-size:27px}
}