:root{--bg:#E3F0F1;--fg:#0F2F39;--mut:#4F6B74;--card:#FFFFFF;--line:#CFDFE2;--acc:#0A6C78;--acc-fg:#FFFFFF;--acc-soft:#D3E6E8;--dot:#F2B233;--hero:#0A6C78;--hero-fg:#FFFFFF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0B1E25;--fg:#E3EEF0;--mut:#98B2BA;--card:#122A33;--line:#23414B;--acc:#4FC3CF;--acc-fg:#062229;--acc-soft:#183843;--hero:#0F3E48;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0B1E25;--fg:#E3EEF0;--mut:#98B2BA;--card:#122A33;--line:#23414B;--acc:#4FC3CF;--acc-fg:#062229;--acc-soft:#183843;--hero:#0F3E48;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding-inline:20px}
.w{max-width:760px;margin:0 auto}
h1,h2,h3{font-family:ui-serif,Georgia,"Times New Roman",serif;line-height:1.2;margin:0;text-wrap:balance}
p{margin:0 0 12px}
a{color:var(--acc)}
.top{background:linear-gradient(180deg,#0B7D8A 0%,#0A6C78 60%,#06515B 100%);color:#fff;margin-inline:-20px;padding:calc(env(safe-area-inset-top,0px) + 16px) 20px 28px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .top{background:linear-gradient(180deg,#0F4A55,#0F3E48)}}
.top .w{display:flex;flex-direction:column;gap:18px}
.barra{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.marca{display:flex;align-items:center;gap:10px;font-weight:600;color:#fff;text-decoration:none}
.logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(180deg,#fff,#D7E8EA);color:#0A6C78;display:grid;place-items:center;font:700 22px/1 ui-serif,Georgia,serif;position:relative}
img.logo{background:none;border-radius:9px;display:block;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.logo::after{content:"";position:absolute;right:6px;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--dot)}
.menu{display:flex;flex-wrap:wrap;gap:6px 16px;margin-left:auto;font-size:15px}
.menu a{color:#fff;opacity:.88;text-decoration:none;padding:6px 0;min-height:32px}
.menu a[aria-current="page"]{opacity:1;border-bottom:2px solid var(--dot)}
.top h1{font-size:clamp(28px,7vw,40px)}
.top p{margin:0;opacity:.92;font-size:18px}
main{padding-block:28px 8px}
main h2{font-size:clamp(22px,5vw,27px);margin:30px 0 10px}
main h2:first-child{margin-top:0}
main h3{font-size:19px;margin:20px 0 6px}
main ul,main ol{padding-left:22px;margin:0 0 14px}
main li{margin-bottom:6px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:12px}
.card h3{margin-top:0}
.card p:last-child{margin-bottom:0}
details.card{padding:0}
details.card summary{cursor:pointer;font-weight:600;padding:16px 18px;min-height:48px;list-style-position:inside}
details.card .r{padding:0 18px 16px;color:var(--mut)}
details.card .r p:last-child{margin-bottom:0}
.passi{counter-reset:p;list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:12px}
.passi li{counter-increment:p;display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:0}
.passi li::before{content:counter(p);flex:none;width:32px;height:32px;border-radius:50%;background:var(--acc);color:var(--acc-fg);display:grid;place-items:center;font-weight:700}
.passi b{display:block}
.passi span{color:var(--mut);font-size:16px}
.ev{background:var(--acc-soft);border-radius:16px;padding:16px 18px;margin-bottom:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:14px;background:var(--acc);color:var(--acc-fg);font-weight:600;text-decoration:none}
.ver{border-left:3px solid var(--acc);padding:2px 0 2px 14px;margin:0 0 18px}
.ver h3{margin:0 0 4px}
.ver small{color:var(--mut)}
footer{padding-block:28px calc(env(safe-area-inset-bottom,0px) + 28px);color:var(--mut);font-size:14px;border-top:1px solid var(--line);margin-top:36px}
footer .links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;font-size:15px}
footer p{margin:0 0 6px}
