*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--hyl-verde:#2F6E5A;--hyl-verde-esc:#1C463A;--hyl-areia:#F4EFE6;--hyl-terra:#B5653A;--hyl-tinta:#2A2A26;--hyl-cinza:#6B6A62;--hyl-linha:#E2DACB}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{background:var(--hyl-areia);color:var(--hyl-tinta);font:18px/1.75 "Lora",Georgia,serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--hyl-verde)}
h1,h2,h3,.hyl-nav,.hyl-marca,.hyl-rubrica,.hyl-sumario,label,button,dt,.hyl-card strong,.hyl-faixa,.hyl-cookie{font-family:"Work Sans",Arial,sans-serif}
p{margin-bottom:1em}

.hyl-faixa{background:var(--hyl-verde-esc);color:#E3EDE8;font-size:13px;line-height:1.5;padding:9px 20px;text-align:center}

.hyl-cab{max-width:1160px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hyl-marca{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;color:var(--hyl-verde-esc);text-decoration:none}
.hyl-marca img{border-radius:6px}
.hyl-nav{display:flex;gap:22px;flex-wrap:wrap}
.hyl-nav a{text-decoration:none;color:var(--hyl-tinta);font-size:15px;font-weight:500;border-bottom:2px solid transparent;padding-bottom:2px}
.hyl-nav a:hover{border-color:var(--hyl-terra)}

.hyl-abertura{max-width:1160px;margin:10px auto 0;padding:0 20px}
.hyl-abertura-txt{max-width:820px;margin:30px auto 30px;text-align:center}
.hyl-rubrica{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--hyl-terra);font-weight:700}
.hyl-abertura h1{font-size:44px;line-height:1.15;color:var(--hyl-verde-esc);margin:10px 0 18px}
.hyl-olho{font-size:20px;color:var(--hyl-cinza);font-style:italic}
.hyl-abertura img{border-radius:4px}

.hyl-leitura{max-width:1160px;margin:50px auto;padding:0 20px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:60px}
.hyl-sumario{position:sticky;top:20px;align-self:start;border-left:3px solid var(--hyl-terra);padding:4px 0 4px 18px;font-size:15px}
.hyl-sumario-tit{font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;color:var(--hyl-terra)}
.hyl-sumario ol{list-style:decimal;padding-left:20px}
.hyl-sumario li{margin:7px 0;line-height:1.35}
.hyl-sumario a{text-decoration:none;color:var(--hyl-tinta)}
.hyl-sumario a:hover{color:var(--hyl-verde)}
.hyl-texto{max-width:720px}
.hyl-texto h2{font-size:28px;color:var(--hyl-verde-esc);margin:46px 0 16px;display:flex;align-items:baseline;gap:14px;line-height:1.25}
.hyl-texto h2:first-child{margin-top:0}
.hyl-texto h2 span{font-size:15px;font-weight:700;color:#fff;background:var(--hyl-terra);min-width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;flex:0 0 30px}
.hyl-quadro{margin-top:34px;background:#fff;border:1px solid var(--hyl-linha);padding:20px 22px}
.hyl-quadro-tit{font-family:"Work Sans",Arial,sans-serif;font-weight:700;color:var(--hyl-verde-esc)}
.hyl-quadro table{width:100%;border-collapse:collapse;font-size:15px}
.hyl-quadro th{text-align:left;font-family:"Work Sans",Arial,sans-serif;border-bottom:2px solid var(--hyl-verde);padding:8px 10px}
.hyl-quadro td{border-bottom:1px solid var(--hyl-linha);padding:8px 10px;vertical-align:top}

.hyl-sobre{max-width:1160px;margin:30px auto;padding:44px 20px;display:grid;grid-template-columns:5fr 7fr;gap:44px;align-items:start;border-top:1px solid var(--hyl-linha);border-bottom:1px solid var(--hyl-linha)}
.hyl-sobre img{border-radius:4px}
.hyl-sobre h2{font-size:30px;color:var(--hyl-verde-esc);margin-bottom:14px}
.hyl-sobre p{font-size:17px}

.hyl-continue{max-width:1160px;margin:40px auto;padding:0 20px}
.hyl-continue h2{font-size:26px;color:var(--hyl-verde-esc);margin-bottom:20px}
.hyl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hyl-card{text-decoration:none;color:var(--hyl-tinta);display:flex;flex-direction:column;gap:10px}
.hyl-card img{border-radius:4px}
.hyl-card strong{font-size:19px;line-height:1.3;color:var(--hyl-verde-esc)}
.hyl-card span{font-size:14px;color:var(--hyl-cinza)}
.hyl-card:hover strong{text-decoration:underline}

.hyl-perguntas{max-width:860px;margin:60px auto;padding:0 20px}
.hyl-perguntas h2{font-size:30px;color:var(--hyl-verde-esc);margin-bottom:22px;text-align:center}
.hyl-perguntas dl{counter-reset:q}
.hyl-perguntas dt{counter-increment:q;font-weight:700;font-size:18px;color:var(--hyl-verde-esc);margin-top:22px}
.hyl-perguntas dt::before{content:counter(q,decimal-leading-zero) " ";color:var(--hyl-terra)}
.hyl-perguntas dd{margin:6px 0 0 34px;color:var(--hyl-tinta);font-size:17px}

.hyl-escreva{max-width:1160px;margin:60px auto;padding:40px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#fff;border-top:4px solid var(--hyl-verde)}
.hyl-escreva h2{font-size:28px;color:var(--hyl-verde-esc);margin-bottom:12px}
.hyl-escreva-info p{font-size:17px}
.hyl-nap{font-size:15px;line-height:1.7;color:var(--hyl-cinza);border-left:3px solid var(--hyl-linha);padding-left:14px}
.hyl-form{display:flex;flex-direction:column;gap:6px}
.hyl-form label{font-size:14px;font-weight:500}
.hyl-form input[type=text],.hyl-form input[type=email],.hyl-form select,.hyl-form textarea{width:100%;padding:10px 12px;border:1px solid #CFC6B5;background:var(--hyl-areia);font:16px "Lora",Georgia,serif;color:var(--hyl-tinta);border-radius:3px}
.hyl-ok{display:flex;gap:8px;align-items:center;margin-top:6px}
.hyl-form button{margin-top:10px;align-self:flex-start;padding:11px 30px;background:var(--hyl-verde);color:#fff;border:0;border-radius:3px;font-size:15px;font-weight:700;cursor:pointer}
.hyl-form button:hover{background:var(--hyl-verde-esc)}

.hyl-rodape{background:var(--hyl-tinta);color:#D8D4C8;font-size:14px}
.hyl-rodape-in{max-width:1160px;margin:0 auto;padding:30px 20px;text-align:center}
.hyl-rodape a{color:#fff}
.hyl-rodape nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:14px 0}
.hyl-copy{color:#9A968A;font-size:13px;margin:0}

.hyl-ck{position:absolute;opacity:0;pointer-events:none}
.hyl-cookie{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--hyl-verde-esc);color:#E3EDE8;padding:10px 20px;display:flex;justify-content:center;align-items:center;gap:18px;font-size:14px}
.hyl-cookie p{margin:0}
.hyl-cookie a{color:#fff}
.hyl-cookie label{cursor:pointer;border:1px solid #E3EDE8;padding:4px 14px;border-radius:3px;font-weight:500;white-space:nowrap}
.hyl-ck:checked+.hyl-cookie{display:none}

.hyl-pagina{max-width:760px;margin:30px auto 60px;padding:0 20px}
.hyl-pagina h1{font-size:38px;line-height:1.2;color:var(--hyl-verde-esc);margin:10px 0 12px}
.hyl-pagina h2{font-size:25px;color:var(--hyl-verde-esc);margin:36px 0 12px}
.hyl-pagina ul,.hyl-pagina ol{padding-left:24px;margin-bottom:1em}
.hyl-pagina li{margin-bottom:6px}
.hyl-pagina>img{margin:14px 0 26px;border-radius:4px}
.hyl-trilha{font-family:"Work Sans",Arial,sans-serif;font-size:14px;color:var(--hyl-cinza)}
.hyl-byline{font-family:"Work Sans",Arial,sans-serif;font-size:14px;color:var(--hyl-cinza)}
.hyl-autor{display:flex;gap:16px;align-items:flex-start;margin-top:40px;padding:20px;background:#fff;border-top:3px solid var(--hyl-terra)}
.hyl-autor-ini{flex:0 0 48px;height:48px;border-radius:50%;background:var(--hyl-verde);color:#fff;font:700 18px/48px "Work Sans",Arial,sans-serif;text-align:center}
.hyl-autor p{margin:4px 0 0;font-size:15px}
.hyl-lista{max-width:1160px;margin:0 auto 60px;padding:0 20px}

@media (max-width:900px){
  .hyl-leitura{grid-template-columns:1fr;gap:30px}
  .hyl-sumario{position:static}
  .hyl-sobre,.hyl-escreva,.hyl-cards{grid-template-columns:1fr}
  .hyl-abertura h1{font-size:34px}
}
@media (max-width:520px){
  body{font-size:17px}
  .hyl-abertura h1{font-size:28px}
  .hyl-cookie{flex-direction:column;gap:8px;text-align:center}
}