@font-face{font-family:Archivo;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+A720-A7FF}
:root{--ink:#111;--ink-2:#3a3a3a;--grey:#6b6b68;--line:#e6e6e2;--soft:#f6f6f3;--paper:#fff;--gold:#c4922e;--gold-ink:#8a6317;--gold-soft:#faf6ea;
--f:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--larg:1200px;color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--f)}
a{color:inherit}img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--f);letter-spacing:-.02em;line-height:1.1;margin:0}
.wrap{max-width:var(--larg);margin:0 auto;padding:0 24px}.wrap-txt{max-width:760px;margin:0 auto;padding:0 24px}
.kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.k-claro{color:var(--gold)}
.meta{font-size:13.5px;color:var(--grey)}
/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.topo-in{display:flex;align-items:center;gap:28px;height:68px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.logo{height:34px;width:auto;color:var(--ink)}
.journal{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding-left:12px;border-left:1px solid var(--line)}
.rubs{display:flex;gap:22px;flex:1;overflow-x:auto;scrollbar-width:none}.rubs::-webkit-scrollbar{display:none}
.rubs a{font-size:14.5px;font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.rubs a:hover{color:var(--ink)}.rubs a[aria-current]{color:var(--ink);border-color:var(--gold)}
.acoes{display:flex;align-items:center;gap:14px;flex-shrink:0}
.lupa{display:flex;color:var(--ink);padding:6px}
.btn-loja{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px}
.btn-loja:hover{background:#000}
/* início */
.destaque{padding-top:32px}
.une{display:block;position:relative;border-radius:10px;overflow:hidden;text-decoration:none;color:#fff;background:#222}
.une .media img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:center 25%;transition:transform .6s}
.une:hover .media img{transform:scale(1.02)}
.une::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 80%),linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.6))}
.une-txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:40px 44px;max-width:820px}
.une h1{font-size:clamp(30px,4.4vw,52px);font-weight:800;margin:10px 0 12px}
.une p{margin:0 0 10px;font-size:18px;color:rgba(255,255,255,.88);max-width:60ch}.une .meta{color:rgba(255,255,255,.75)}
.grelha{display:grid;gap:40px 28px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.seguintes{padding:40px 0 16px}
.carte{text-decoration:none;display:flex;flex-direction:column;gap:14px}
.carte .media{border-radius:8px;overflow:hidden;background:var(--soft)}
.carte .media img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.carte:hover .media img{transform:scale(1.04)}
.carte .txt{display:flex;flex-direction:column;gap:7px}
.carte h3{font-size:21px;font-weight:700;line-height:1.2}.g4 .carte h3{font-size:18px}
.carte p{font-size:15px;line-height:1.55;color:var(--ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.carte:hover h3{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.ph{aspect-ratio:3/2;background:var(--soft)}
.linha{padding:48px 24px 8px}
.linha-cab{display:flex;align-items:baseline;justify-content:space-between;border-top:2px solid var(--ink);padding-top:16px;margin-bottom:26px}
.linha-cab h2{font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.linha-cab a{font-size:14px;font-weight:600;text-decoration:none;color:var(--gold-ink)}
/* bloco loja */
.loja{background:var(--ink);color:#fff;margin-top:72px}
.loja-in{display:flex;align-items:center;gap:40px;padding-top:56px;padding-bottom:56px}
.logo-loja{height:64px;color:#fff;flex-shrink:0}
.loja h2{font-size:clamp(26px,3vw,36px);font-weight:800}.loja p{margin:8px 0 0;color:rgba(255,255,255,.75);max-width:52ch}
.loja-in>div{flex:1}
.btn-ouro{background:var(--gold);color:#111;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;padding:15px 24px;border-radius:999px;white-space:nowrap}
.btn-ouro:hover{background:#d4a33d}
/* cabeçalho de rubrica / páginas */
.cab-rub{background:var(--ink);color:#fff;padding:64px 0 56px}
.cab-rub h1{font-size:clamp(36px,5.5vw,64px);font-weight:800;margin:10px 0 8px}.cab-rub p{margin:0;color:rgba(255,255,255,.7)}
.pagina{padding:48px 24px 24px}.pagina h2{font-size:24px;margin:36px 0 10px}.pagina figure{margin:0 0 32px}.pagina img{border-radius:8px}
.pagina a{color:var(--gold-ink)}
.pesq{margin-top:24px;max-width:640px}
.pesq input{width:100%;font:500 19px var(--f);padding:16px 20px;border-radius:999px;border:0;outline:none;background:#fff;color:var(--ink)}
.pesq input:focus{box-shadow:0 0 0 3px var(--gold)}
#n{margin:0 0 24px}
/* artigo */
.post-cab{padding-top:40px;padding-bottom:28px}
.fil{font-size:13.5px;color:var(--grey);margin-bottom:22px}.fil a{color:var(--grey);text-decoration:none}.fil a:hover{color:var(--ink)}
.post-cab h1{font-size:clamp(34px,5.2vw,56px);font-weight:800;margin:10px 0 18px}
.chapo{font-size:21px;line-height:1.5;color:var(--ink-2);margin:0 0 26px}
.assina{display:flex;align-items:center;gap:12px;font-size:14.5px;line-height:1.4;border-top:1px solid var(--line);padding-top:20px}
.av{width:44px;height:44px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.av .logo{height:15px;color:#fff}
.post-img{margin:0 auto}.post-img img{width:100%;border-radius:10px;aspect-ratio:2/1;object-fit:cover;object-position:center 30%}
.post-grid{display:grid;grid-template-columns:220px minmax(0,720px);gap:64px;justify-content:center;padding-top:48px}
.indice-in{position:sticky;top:96px}
.indice-tit{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin-bottom:12px}
.indice ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.indice li{margin:0}.indice a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--ink-2);text-decoration:none}
.indice a:hover{color:var(--ink);border-color:var(--gold)}
.corpo{font-size:18.5px;line-height:1.75}
.corpo>p:first-child::first-letter{float:left;font-size:4.1em;line-height:.82;font-weight:800;margin:.06em .1em 0 0;color:var(--ink)}
.corpo h2{font-size:30px;font-weight:800;margin:48px 0 14px;scroll-margin-top:90px}
.corpo h3{font-size:20px;font-weight:700;margin:26px 0 6px}
.corpo p{margin:0 0 20px}.corpo ul,.corpo ol{padding-left:24px;margin:0 0 22px}.corpo li{margin:8px 0}
.corpo li::marker{color:var(--gold);font-weight:700}.corpo strong{font-weight:700}
.corpo a{color:var(--gold-ink);text-decoration-thickness:1px;text-underline-offset:3px}
.faq{background:var(--soft);border-radius:10px;padding:8px 28px 12px;margin:40px 0}
.faq h2{margin-top:28px}.faq h3{border-top:1px solid var(--line);padding-top:18px}
.partilha{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:40px 0 0;font-size:14px}
.partilha span{font-weight:700;margin-right:6px}
.partilha a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--ink-2)}.partilha a:hover{border-color:var(--ink);color:var(--ink)}
.encart{display:flex;gap:18px;align-items:flex-start;background:var(--gold-soft);border:1px solid #e3cf9b;border-radius:10px;padding:22px 24px;margin:32px 0 0;font-size:15.5px;line-height:1.6}
.encart .logo{height:30px;flex-shrink:0;margin-top:2px}.encart a{color:var(--gold-ink);font-weight:600}
.suite{display:flex;justify-content:space-between;gap:24px;padding-top:40px;padding-bottom:8px;font-weight:700;font-size:17px;line-height:1.35}
.suite a{text-decoration:none;max-width:48%}.suite a span{display:block;font-weight:500;color:var(--grey);font-size:13px;margin-bottom:4px}
.suite a:hover{color:var(--gold-ink)}.suite .dir{text-align:right;margin-left:auto}
/* rodapé */
.rodape{background:#0b0b0b;color:rgba(255,255,255,.7);padding:64px 0 32px;font-size:14.5px}
.loja+.rodape{border-top:1px solid #222}
.rod-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.logo-rod{height:48px;color:#fff;margin-bottom:16px}.rod-marca p{max-width:40ch;margin:0;line-height:1.6}
.rodape .rod-tit{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}
.rodape a{display:block;text-decoration:none;color:rgba(255,255,255,.7);margin:0 0 9px}.rodape a:hover{color:var(--gold)}
.rod-fim{border-top:1px solid #222;margin-top:48px;padding-top:24px;font-size:13px;color:rgba(255,255,255,.5)}
/* responsivo */
@media (max-width:1060px){.g4{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:minmax(0,720px)}.indice{display:none}.indice-mob{display:block}}
@media (max-width:860px){.g3{grid-template-columns:repeat(2,1fr)}.rod-grid{grid-template-columns:1fr 1fr}.rod-marca{grid-column:1/-1}
.loja-in{flex-direction:column;align-items:flex-start;gap:20px}.une .media img{aspect-ratio:4/3}}
@media (max-width:760px){.topo-in{flex-wrap:wrap;height:auto;gap:0 16px;padding-top:12px}.marca{flex:1}.logo{height:28px}
.rubs{order:3;flex-basis:100%;gap:20px;padding:6px 0 4px}.btn-loja{padding:8px 13px;font-size:12px}}
@media (max-width:640px){body{font-size:16.5px}.wrap,.wrap-txt{padding-left:16px;padding-right:16px}.linha{padding:40px 16px 0}
.g3,.g4{grid-template-columns:1fr}.grelha{gap:36px}
.destaque{padding-top:16px}.une{border-radius:8px}.une .media img{aspect-ratio:4/5}.une-txt{padding:24px 20px}.une p{font-size:16px}
.corpo{font-size:17.5px}.corpo h2{font-size:25px}.chapo{font-size:18.5px}.post-img{padding:0}.post-img img{border-radius:0;aspect-ratio:3/2}
.faq{padding:4px 18px 8px}.suite{flex-direction:column}.suite a{max-width:100%}.suite .dir{text-align:left;margin-left:0}
.journal{display:none}.cab-rub{padding:44px 0 40px}.rod-grid{grid-template-columns:1fr}}
/* guia de tamanhos */
.nav-guia{color:var(--gold-ink)!important;font-weight:700!important}
.reco{background:var(--ink);color:#fff;border-radius:12px;padding:26px;margin:0 0 40px;display:grid;gap:16px}
.reco label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.reco .meta{color:rgba(255,255,255,.6);font-weight:400}
.reco select,.reco input{font:500 18px var(--f);padding:13px 14px;border-radius:8px;border:0;background:#fff;color:var(--ink);width:100%}
.reco-l{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.reco-out{font-size:15px;color:rgba(255,255,255,.75);min-height:24px}
.reco-out.ok span{display:block;font-size:24px;font-weight:700;color:#fff}.reco-out.ok b{color:var(--gold);font-size:30px}
.reco-out small{display:block;font-size:14.5px;line-height:1.5;margin-top:6px}
.tab-t{border:1px solid var(--line);border-radius:10px;margin:0 0 12px;background:#fff}
.tab-t summary{cursor:pointer;font-weight:700;padding:16px 18px;list-style:none;display:flex;justify-content:space-between}
.tab-t summary::after{content:"+";color:var(--gold-ink);font-size:20px;line-height:1}.tab-t[open] summary::after{content:"–"}
.tab-t .meta{padding:0 18px 14px;margin:0}
.rolo{overflow-x:auto;padding:0 18px 12px}
.tab-t table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}
.tab-t th,.tab-t td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:center}
.tab-t tbody th{text-align:left;font-weight:600;color:var(--ink-2)}.tab-t thead th{font-weight:700}
.tab-t .dest{background:var(--gold-soft);color:var(--gold-ink);font-weight:700}
@media (max-width:640px){.reco{padding:20px}.reco-l{grid-template-columns:1fr}}
.faixa-guia{display:flex;align-items:center;justify-content:space-between;gap:32px;text-decoration:none;background:var(--gold-soft);border:1px solid #e3cf9b;border-radius:12px;padding:30px 34px;margin:24px 0 8px}
.faixa-guia h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;margin:6px 0 6px}.faixa-guia p{margin:0;color:var(--ink-2);max-width:60ch}
.btn-guia{background:var(--ink);color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:14px 22px;border-radius:999px;white-space:nowrap}
.faixa-guia:hover .btn-guia{background:#000}
@media (max-width:760px){.faixa-guia{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 20px}}

/* revisão 19-10: índice recolhível no telemóvel, títulos só para leitores de ecrã, calculadora fora da tabela */
.indice-mob{display:none;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:0 0 28px}
.indice-mob summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.indice-mob ol{margin:12px 0 0;padding-left:18px}.indice-mob li{margin:6px 0;font-size:15px}
.indice-mob a{color:var(--ink-2);text-decoration:none}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reco-out.hors{color:#fff}