:root{--ink:#1b2430;--mut:#566170;--bg:#fbfaf7;--card:#fff;--line:#e3e0d8;--ac:#0e6655;--acd:#0a4d40;--acl:#e6f2ef;--warn:#fff6e5;--warnl:#e8c27a;--star:#e0a100;--r:.75rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.w{max-width:44rem;margin:0 auto;padding:0 1rem}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:.5rem 1rem;z-index:99}
.skip:focus{left:0}
a{color:var(--ac)}
:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
.pub{background:#1b2430;color:#fff;font-size:.875rem;line-height:1.45}
.pub .w{display:flex;gap:.6rem;align-items:flex-start;padding-top:.55rem;padding-bottom:.55rem}
.pub b{background:#fff;color:#1b2430;border-radius:.25rem;padding:.05rem .45rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;flex:none;margin-top:.1rem}
.brand{display:flex;align-items:center;gap:.5rem;padding:.8rem 0;font-weight:700;color:var(--ink);font-size:1rem}
.brand svg{width:1.4rem;height:1.4rem;color:var(--ac)}
.brand small{font-weight:400;color:var(--mut)}
.hero{padding:.5rem 0 1.25rem}
h1,h2,h3{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;line-height:1.2;color:var(--ink)}
h1{font-size:1.85rem;margin:.4rem 0 .6rem}
h2{font-size:1.45rem;margin:0 0 .75rem}
h3{font-size:1.1rem;margin:0 0 .5rem}
.sub{font-size:1.1rem;color:var(--mut);margin:0 0 1rem}
.resumo{background:var(--acl);border-left:4px solid var(--ac);border-radius:0 var(--r) var(--r) 0;padding:.8rem 1rem;margin:0 0 1rem}
.resumo p{margin:0}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0 0 1rem}
.chips li{display:flex;align-items:center;gap:.4rem;background:var(--card);border:1px solid var(--line);border-radius:2rem;padding:.3rem .8rem;font-size:.9rem}
.chips svg{width:1.1rem;height:1.1rem;color:var(--star);flex:none}
.chips .g svg{color:var(--ac)}
.curta{color:var(--mut);margin:0 0 .5rem;font-size:.95rem}
section{padding:1.6rem 0;border-top:1px solid var(--line)}
section>.w>:last-child{margin-bottom:0}
.by{display:flex;gap:.9rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem}
.by .av{flex:none;width:3rem;height:3rem;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-weight:700;font-family:Georgia,serif}
.by p{margin:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem}
.nota{display:flex;gap:1rem;align-items:center;margin-bottom:.9rem;flex-wrap:wrap}
.nota .n{font:700 2.6rem/1 Georgia,serif}
.stars{display:flex;gap:.1rem;color:var(--star)}
.stars svg{width:1.3rem;height:1.3rem}
.nota small{display:block;color:var(--mut);font-size:.85rem;line-height:1.35;margin-top:.15rem}
.bar{display:grid;grid-template-columns:7.2rem 1fr 2.4rem;gap:.5rem;align-items:center;font-size:.85rem;color:var(--mut);margin:.2rem 0}
.bar i{display:block;height:.55rem;background:#ece9e1;border-radius:1rem;overflow:hidden}
.bar i s{display:block;height:100%;background:var(--star);border-radius:1rem}
.bar span:last-child{text-align:right}
dl.ficha{margin:1rem 0 0;border-top:1px solid var(--line)}
dl.ficha div{display:grid;grid-template-columns:6rem 1fr;gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
dl.ficha dt{color:var(--mut);font-size:.9rem}
dl.ficha dd{margin:0}
.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--ac);color:#fff;text-decoration:none;font-weight:700;padding:.9rem 1rem;border-radius:var(--r);margin:1.1rem 0 .35rem;min-height:3.25rem;box-shadow:0 2px 0 var(--acd);text-align:center}
.btn:hover{background:var(--acd)}
.btn svg{width:1.1rem;height:1.1rem}
.mini{font-size:.85rem;color:var(--mut);margin:0 0 .25rem}
ul.l,ol.l{padding-left:1.2rem;margin:.4rem 0}
ul.l li,ol.l li{margin:.35rem 0}
.dois{display:grid;gap:1rem}
.dois .card h3{display:flex;align-items:center;gap:.5rem}
.dois svg{width:1.3rem;height:1.3rem;flex:none}
.pro{border-top:4px solid var(--ac)}.pro svg{color:var(--ac)}
.con{border-top:4px solid #c98a00;background:#fffdf8}.con svg{color:#b07500}
.ra{background:var(--warn);border:1px solid var(--warnl);border-radius:.5rem;padding:.7rem .9rem;margin-top:.6rem;color:#4a3300}
.planos{display:grid;gap:1rem;margin:.8rem 0}
.plano{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem}
.plano h3{margin:0 0 .2rem}
.plano .p{font:700 2rem/1.1 Georgia,serif}
.plano p{margin:.2rem 0}
.plano .ln{display:flex;align-items:center;justify-content:center;min-height:3rem;margin-top:.7rem;border:2px solid var(--ac);border-radius:var(--r);font-weight:700;text-decoration:none;color:var(--ac);text-align:center;padding:.4rem .6rem}
.plano .ln:hover{background:var(--acl)}
.garantia{display:flex;gap:.7rem;background:var(--acl);border-radius:var(--r);padding:.8rem 1rem;margin:.8rem 0}
.garantia svg{flex:none;width:1.6rem;height:1.6rem;color:var(--ac)}
.garantia p{margin:0}
details{background:var(--card);border:1px solid var(--line);border-radius:.5rem;margin:.5rem 0}
summary{cursor:pointer;font-weight:600;padding:.8rem 2.6rem .8rem 1rem;list-style:none;position:relative;min-height:3rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:1rem;top:.55rem;font-size:1.4rem;color:var(--ac)}
details[open] summary::after{content:"\2212"}
details p{margin:0;padding:0 1rem 1rem}
.aviso{background:var(--warn);border:1px solid var(--warnl);border-radius:var(--r);padding:1rem;color:#3d2c00}
.aviso p{margin:0}
.fontes ul{padding-left:1.2rem;word-break:break-word}
.fontes li{margin:.4rem 0}
footer{background:#1b2430;color:#d6dbe2;font-size:.9rem;padding:1.5rem 0 5.5rem;margin-top:1rem}
footer a,footer button.lk{color:#fff}
footer p{margin:.4rem 0}
button.lk{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
#cb{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.12);padding:.8rem 1rem;font-size:.9rem;line-height:1.45}
#cb[hidden]{display:none}
#cb .in{max-width:44rem;margin:0 auto}
#cb p{margin:0 0 .6rem}
#cb .bt{display:flex;gap:.6rem}
#cb button{flex:1;min-height:2.9rem;border-radius:.5rem;font:700 .95rem system-ui,sans-serif;cursor:pointer;border:2px solid var(--ac);background:#fff;color:var(--ac)}
#fx{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.1);padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .2s}
#fx.on{transform:none}
#fx .btn{margin:0;min-height:3rem}
#fx small{display:block;text-align:center;font-size:.72rem;color:var(--mut);margin-top:.2rem}
@media(min-width:48rem){
h1{font-size:2.3rem}
.dois,.planos{grid-template-columns:1fr 1fr}
#fx{display:none}
footer{padding-bottom:1.5rem}
.w{padding:0 1.25rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#fx{transition:none}}
