:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
/* Atualização do cabeçalho e primeira seção conforme referência */
.top .wrap{max-width:1440px;padding-inline:clamp(20px,4vw,54px);padding-block:10px}
.top{background:#fff;border-bottom:0}
.brand b{font-family:var(--body);font-size:1.02rem;font-weight:400;text-transform:none;letter-spacing:.05em;color:#164b58}
.brand small{font-size:.56rem;letter-spacing:.28em;color:#164b58}
.brand .mk{width:30px;height:30px}
nav.links{gap:clamp(10px,2vw,28px);font-size:.78rem}
.top .btn{padding:10px 22px;background:#24656b;font-size:.85rem}
.hero-reference{padding:0;min-height:410px;background:#f3ece5;position:relative}
.hero-reference .wrap{max-width:1440px;min-height:410px;display:flex;align-items:center;padding:30px clamp(24px,5vw,70px);position:relative}
.hero-reference .copy{width:52%;max-width:590px;gap:13px;z-index:2}
.hero-reference .eyebrow{color:#b36f3c;font-size:.78rem;letter-spacing:.36em}
.hero-reference h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:1.02;color:#064653}
.hero-reference .lede{color:#315968;font-size:clamp(1rem,1.5vw,1.23rem);line-height:1.5;max-width:480px}
.hero-reference .btn{background:#24666d;font-size:.9rem}
.hero-reference .btn.ghost{background:transparent;color:#124c60;box-shadow:inset 0 0 0 1px #124c60}
.hero-reference .hero-reference-photo{position:absolute;right:0;top:0;bottom:0;width:56%;background-image:linear-gradient(90deg,#f3ece5 0%,rgba(243,236,229,.1) 26%,transparent 50%),url('../imagens/imagem_01.jpg');background-size:auto, auto 135%;background-position:center, center bottom;background-repeat:no-repeat}
.hero-reference .ribbon{z-index:1}
.hero-reference .ribbon path{stroke:#22636a;stroke-width:1.1;opacity:.45}
@media(max-width:860px){.hero-reference .wrap{min-height:660px;align-items:flex-start;padding-top:42px}.hero-reference .copy{width:100%;max-width:540px}.hero-reference .hero-reference-photo{top:auto;height:48%;width:100%;background-image:linear-gradient(180deg,#f3ece5,transparent 35%),url('../imagens/imagem_02.jpg');background-position:center 40%}.hero-reference h1{font-size:clamp(2.7rem,8vw,4.2rem)}.hero-reference .ribbon{display:none}}

/* Correção específica: o banner começa imediatamente abaixo do menu. */
section.hero.hero-reference{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;}
section.hero.hero-reference > .wrap{padding-top:20px;padding-bottom:20px;}
section.hero.hero-reference .hero-reference-photo{top:0!important;}

/* Ajuste exclusivo do primeiro bloco: conteúdo integral sem cortes. */
section.hero.hero-reference{height:auto!important;min-height:0!important;overflow:visible!important;}
section.hero.hero-reference > .wrap{height:auto!important;min-height:530px!important;padding-top:24px!important;padding-bottom:24px!important;align-items:center!important;}
section.hero.hero-reference .copy{height:auto!important;max-height:none!important;overflow:visible!important;gap:13px!important;}
section.hero.hero-reference .actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;}
@media(max-width:860px){section.hero.hero-reference > .wrap{min-height:0!important;padding-top:24px!important;padding-bottom:340px!important;align-items:flex-start!important;}section.hero.hero-reference .hero-reference-photo{top:auto!important;bottom:0!important;height:320px!important;}}
@media(max-width:520px){section.hero.hero-reference > .wrap{padding-left:20px!important;padding-right:20px!important;}section.hero.hero-reference h1{font-size:clamp(2.65rem,10vw,3.7rem)!important;}}

/* Ajuste exclusivo do primeiro bloco: menos espaços e botões lado a lado. */
section.hero.hero-reference > .wrap{min-height:0!important;padding-top:12px!important;padding-bottom:12px!important;}
section.hero.hero-reference .copy{gap:8px!important;}
section.hero.hero-reference .actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;}
section.hero.hero-reference .actions .btn{padding:10px 15px!important;font-size:.82rem!important;white-space:nowrap!important;}
@media(max-width:860px){section.hero.hero-reference > .wrap{padding-top:12px!important;padding-bottom:320px!important;}}
@media(max-width:520px){section.hero.hero-reference .actions{gap:7px!important;}section.hero.hero-reference .actions .btn{font-size:.7rem!important;padding:9px 10px!important;}}

/* Sugestão 4: cartões editoriais de fatores de risco */
.risk/* Sugestão 4: painéis editoriais compactos com ilustrações laterais */
.risk.risk4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.risk.risk4>.risk4-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:clamp(22px,2.7vw,32px);border-radius:18px;border:1px solid #e5d7c9;box-shadow:0 3px 14px rgba(39,68,65,.045);background:linear-gradient(125deg,#fffdfb,#faf1e7);min-width:0}
.risk.risk4>.risk4-change{background:linear-gradient(120deg,#f8fefb,#eaf6f1);border-color:#d2e6de}
.risk4-panel h3{position:relative;z-index:2;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.22;max-width:78%;margin:0 0 18px;color:#0d5053}
.risk4-panel h3:after{content:'';display:block;width:36px;height:2px;margin-top:11px;background:#c5a47e;border-radius:2px}
.risk4-change h3:after{background:#7fb6a8}
.risk.risk4 ul{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 20px;padding:0;list-style:none}
.risk.risk4 li,.risk.risk4 .can li{display:flex;align-items:center;gap:10px;padding:0;border-radius:0;background:transparent;color:#24484b;font-size:clamp(.81rem,1vw,.93rem);line-height:1.35;min-height:30px}
.risk4-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;font-family:Arial,sans-serif;font-size:1.04rem;color:#98734b;background:#f3e8da}
.risk4-change .risk4-icon{color:#146d6d;background:#dceee8}
.risk.risk4 .risk4-note{position:relative;z-index:2;margin-top:auto;padding:14px 15px;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid rgba(197,164,126,.18);color:#52666a;font-size:clamp(.8rem,.95vw,.9rem);line-height:1.55}
.risk.risk4 .risk4-change .risk4-note{background:rgba(220,239,232,.88);border-color:#cce5db}
.risk4-fixed:before,.risk4-change:before{content:'';position:absolute;z-index:0;right:0;top:0;width:28%;height:55%;background-repeat:no-repeat;background-position:right top;background-size:100% auto;opacity:.66;pointer-events:none;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
.risk4-fixed:before{background-image:url('../imagens/imagem_01.png')}
.risk4-change:before{background-image:url('../imagens/imagem_02.png')}
@media(max-width:760px){.risk.risk4{grid-template-columns:1fr}.risk.risk4>.risk4-panel{padding:24px}.risk4-panel h3{max-width:85%}.risk4-fixed:before,.risk4-change:before{width:22%;height:45%}}

/* Refinamento visual fiel à sugestão 4: ícones vetoriais e ilustrações decorativas. */
.risk.risk4{gap:12px}
.risk.risk4>.risk4-panel{min-height:430px;padding:clamp(24px,2.8vw,34px);border-radius:17px}
.risk4-panel h3{max-width:82%;margin-bottom:22px;font-weight:700}
.risk.risk4 ul{gap:8px}
.risk4-icon svg{display:block;flex:none}
.risk4-fixed:before,.risk4-change:before{width:36%;height:78%;background-size:contain;opacity:.85;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}
.risk4-panel .risk4-note{margin-top:auto}
@media(max-width:700px){.risk.risk4>.risk4-panel{min-height:unset}.risk4-fixed:before,.risk4-change:before{width:30%;height:55%}}

/* Cards de fatores: reprodução visual fiel da sugestão 4, com nota acessível e ícone */
.risk.risk4.risk4-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.1vw,20px);align-items:stretch;background:transparent;padding:0;border:0;box-shadow:none}
.risk4-reference-card{position:relative;min-width:0;overflow:hidden;border-radius:clamp(12px,1.5vw,24px);container-type:inline-size}
.risk4-reference-card>img{display:block;width:100%;height:auto;object-fit:contain}
.risk4-reference-note{position:absolute;left:4.25%;right:5%;top:78.4%;min-height:15.8%;display:flex;align-items:center;gap:2.2%;padding:1.5% 2.5%;box-sizing:border-box;color:#657b89;font-family:Arial,sans-serif;font-size:clamp(9px,2.45cqw,22px);line-height:1.65}
.risk4-reference-note-icon{display:grid;place-items:center;flex:0 0 8%;aspect-ratio:1;border-radius:50%;background:#f1e2d2;color:#947048}
.risk4-reference-note-icon svg{width:58%;height:58%}
@media(max-width:720px){.risk.risk4.risk4-reference{grid-template-columns:1fr;gap:14px}.risk4-reference-note{font-size:2.45cqw}}

/* Fotografias educativas da classificação CEAP — somente este card */
.ceap-figure{margin:0;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;min-height:260px}
.ceap-figure[hidden]{display:none!important}
.ceap-photo{width:min(100%,360px);height:280px;object-fit:contain;border-radius:15px;background:#eeecea;border:1px solid var(--line)}
.ceap-fotos{display:flex;justify-content:center;background:color-mix(in srgb,var(--blush) 50%,var(--card));border-radius:18px;padding:18px;overflow:hidden}
.ceap-figure figcaption{font-size:.85rem;color:var(--muted);text-align:center}
.ceap-pair-inner{display:flex;gap:14px;align-items:center;justify-content:center;max-width:100%}
.ceap-pair-inner .ceap-photo{width:min(50%,260px);height:280px}
.ceap-disclaimer{font-size:.82rem;color:var(--muted);line-height:1.5}


.regiao-foto{width:100%;height:245px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:var(--blush)}