:root{--bg:#0c1020;--panel:#171d30;--gold:#ffd63d;--text:#f8fafc;--muted:#aeb8cc;--cyan:#6ee7f9}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f6fa;color:#182035}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}.top{background:var(--bg);color:white}.bar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900}.brand img{height:66px;width:76px;object-fit:contain}.brand b{color:var(--gold)}nav{display:flex;gap:20px;flex-wrap:wrap;font-weight:700;font-size:14px}nav a:hover{color:var(--gold)}.hero{background:radial-gradient(circle at 80% 30%,#28406d,#0c1020 60%);color:white;padding:80px 0 90px}.badge{display:inline-block;background:#343d56;color:var(--gold);padding:9px 15px;border-radius:40px;font-weight:800;font-size:12px;letter-spacing:.1em}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.07;max-width:800px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#c4cede;font-size:18px;max-width:660px;line-height:1.6}.search{display:flex;max-width:690px;margin-top:30px;background:white;padding:7px;border-radius:14px}.search input{flex:1;min-width:0;padding:15px;border:0;font-size:16px;outline:0}.search button,.btn{background:var(--gold);border:0;border-radius:10px;padding:14px 22px;font-weight:900;cursor:pointer}.section{padding:58px 0}.section h2{font-size:31px;margin:0 0 10px}.sub{color:#647084;margin:0 0 26px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #e7eaf0;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #17243b09}.card .visual{height:145px;display:flex;align-items:center;justify-content:center;font-size:55px;background:linear-gradient(135deg,#fff0b3,#c6f2ff)}.card .body{padding:23px}.tag{font-size:11px;font-weight:900;letter-spacing:.07em;color:#3d6b83;text-transform:uppercase}.card h3{font-size:20px;line-height:1.3}.card p{color:#69758a;line-height:1.55}.card a.more{color:#0d6278;font-weight:800}.categories{display:flex;gap:12px;flex-wrap:wrap}.chip{padding:13px 18px;background:white;border:1px solid #e4e8ef;border-radius:12px;font-weight:800}.chip:hover{background:var(--gold)}.note{background:#eaf4f7;border-left:4px solid #36a9bd;padding:20px 24px;border-radius:8px;color:#3c5b65}.ad{border:2px dashed #cbd2dc;color:#8d96a5;border-radius:12px;text-align:center;padding:25px;margin:22px 0;font-size:13px}.footer{background:#0c1020;color:#bbc6d8;padding:45px 0;line-height:1.7}.footer strong{color:white}.footer a{color:var(--gold)}.article{max-width:820px;margin:55px auto;padding:0 24px;line-height:1.8}.article h1{font-size:clamp(32px,5vw,52px);line-height:1.13}.article h2{margin-top:36px}.article p,.article li{color:#455269}.article .lead{font-size:20px}.article .box{background:#fff5cc;padding:20px;border-radius:14px}.crumb{font-size:13px;color:#66758d}.empty{display:none;padding:20px;background:white;border-radius:12px}@media(max-width:800px){.grid{grid-template-columns:1fr}.hero{padding:55px 0}.bar{align-items:flex-start}nav{gap:12px}.brand img{height:50px;width:56px}}

.compare{border-collapse:collapse;width:100%;background:white;font-size:14px}.compare th,.compare td{padding:12px;border:1px solid #dce3ee;text-align:left}.compare th{background:#fff1a3;color:#192339}.buy{padding:20px;background:#fff;border:1px solid #e0e5ec;border-radius:14px;margin:18px 0}.buybuttons{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.buybuttons a{display:inline-block;padding:12px 18px;border-radius:9px;font-weight:800;color:#182235;text-decoration:none}.buybuttons .orange{background:#ffb269}.buybuttons .yellow{background:#ffe05c}.affiliate{padding:17px;border-left:4px solid #ffc83e;background:#fff8dc;border-radius:8px}

/* Ajustes de layout: destaque inicial mais compacto */
.hero{padding:38px 0 44px}.hero h1{font-size:clamp(34px,5vw,58px);margin:14px 0}.hero p{margin:12px 0;font-size:16px}.hero .search{margin-top:18px}.hero .badge{padding:7px 12px}@media(max-width:800px){.hero{padding:30px 0 35px}.hero h1{font-size:clamp(32px,8vw,48px)}}

/* Simulador de consumo */
.energy-calculator{margin:28px 0;padding:24px;border:1px solid #2f4050;border-radius:18px;background:#13212b;color:#f6fafc}.energy-calculator h2{margin:0 0 8px}.energy-calculator p{color:#cbd6df}.energy-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.energy-fields label{display:block;font-size:.9rem;color:#e2edf5}.energy-fields input,.energy-fields select{width:100%;padding:12px;margin-top:6px;background:#fff;color:#17212b;border:1px solid #a9b9c7;border-radius:9px;font:inherit}.energy-output{background:#203b46;border-radius:12px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:16px}.energy-output div{flex:1;min-width:130px}.energy-output strong{display:block;color:#f5ce57;font-size:1.4rem}.energy-calculator small{display:block;margin-top:14px;color:#bfcdd5}
.product-figure{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:16px;text-align:center;margin:24px 0}.product-figure img{max-width:100%;height:260px;object-fit:contain}.product-figure figcaption{font-size:12px;color:#67758b;line-height:1.5}.table-scroll{overflow-x:auto}.affiliate-note{font-size:12px;color:#67758b;border-top:1px solid #ddd;padding-top:18px}

/* V11: hierarquia editorial mais leve e leitura fluida */
.article h1{font-size:clamp(29px,4vw,43px);line-height:1.2;margin:14px 0 16px}
.article h2{font-size:clamp(21px,2.5vw,26px);line-height:1.32;margin-top:30px;margin-bottom:12px}
.article h3{font-size:19px;line-height:1.35}
.article .lead{font-size:clamp(17px,2.2vw,19px);line-height:1.75;color:#26364c;margin:0 0 23px;font-weight:500}
.article p{margin:0 0 16px}.article .editorial-note{font-size:13px;color:#687487;background:#eef2f6;padding:12px 16px;border-radius:10px;margin-top:20px}
.article .affiliate-note{font-size:13px;line-height:1.6}

/* Links de produtos discretos, sem interromper o fluxo da leitura */
a.product-inline-link{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:rgba(64,188,211,.7);text-underline-offset:3px;text-decoration-thickness:1px;font-weight:inherit}a.product-inline-link:hover,a.product-inline-link:focus-visible{color:#36d5e8;text-decoration-style:solid;text-decoration-thickness:2px}

/* Recomendações editoriais discretas, após contexto útil */
.context-offer{background:#f2f8f9;border:1px solid #d9e9ec;border-left:3px solid #40bccd;border-radius:12px;padding:16px 19px;margin:24px 0 29px;color:#26364c}
.article .context-offer p{margin:0 0 8px;line-height:1.6;font-size:15px}
.article .context-offer .context-offer-title{font-size:17px;font-weight:700;color:#17354b}
.context-offer-link{font-size:15px;font-weight:700;color:#126b7b;text-decoration:underline;text-underline-offset:3px}.context-offer-link:hover{color:#0a4650}

/* V17: cartões editoriais compactos, imagem e título clicáveis. */
#articles.grid{gap:14px;align-items:stretch}
#articles .card{border-radius:14px;transition:transform .16s ease,box-shadow .16s ease}
#articles .card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #17243b18}
#articles .card-visual-link{display:block;outline-offset:-3px}
#articles .card .visual{height:116px;font-size:42px}
#articles .card .visual img{max-height:106px!important;max-width:95%!important;object-fit:contain}
#articles .card .body{padding:14px 16px 16px}
#articles .card h3{font-size:16px;line-height:1.32;margin:8px 0}
#articles .card p{font-size:13px;line-height:1.45;margin:6px 0 0}
#articles .card .tag{font-size:10px;letter-spacing:.035em}
#articles .card-title-link:hover h3,#articles .card-title-link:focus-visible h3{text-decoration:underline;text-decoration-color:#178ca5;text-underline-offset:3px}
#articles .card-visual-link:focus-visible,#articles .card-title-link:focus-visible{outline:3px solid #168ba5;border-radius:4px}
@media(min-width:650px) and (max-width:950px){#articles.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:649px){#articles.grid{grid-template-columns:1fr;gap:10px}#articles .card:has(.card-title-link){display:grid;grid-template-columns:112px minmax(0,1fr);min-height:108px}#articles .card-visual-link{height:100%}#articles .card .visual{height:100%;min-height:108px;font-size:36px}#articles .card .visual img{max-width:100px!important;max-height:96px!important}#articles .card .body{padding:11px 12px}#articles .card h3{font-size:15px;margin:5px 0}#articles .card p{font-size:12px;line-height:1.35;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#articles .card .tag{font-size:9px}}

/* V18: busca e categorias com hierarquia clara e densidade equilibrada */
.hero{padding:30px 0 34px}
.hero .search{max-width:630px;margin-top:17px;padding:5px;align-items:center;border-radius:13px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.hero .search input{width:100%;padding:12px 13px;font-size:15px;background:transparent}
.hero .search button{padding:12px 22px;white-space:nowrap;min-height:44px}
#categorias.section{padding-top:30px;padding-bottom:30px}
#categorias{margin-top:0;margin-bottom:0}
#categorias h2{font-size:clamp(23px,3vw,29px);line-height:1.2;margin-bottom:5px}
#categorias .sub{font-size:14px;line-height:1.4;margin-bottom:16px}
#categorias .categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
#categorias .chip{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 11px;text-align:center;border-radius:12px;font-size:14px;line-height:1.25;box-shadow:0 2px 7px rgba(22,31,50,.035);transition:background .15s,border-color .15s,transform .15s}
#categorias .chip:hover,#categorias .chip:focus-visible{background:#fff2b5;border-color:#eac644;transform:translateY(-1px)}
#categorias .chip-upcoming{color:#687487;background:#f9fafc}
#categorias .chip-all{background:#ffdb47;border-color:#f2cc32;color:#182035}
#guias.section{padding-top:25px}
@media(min-width:650px) and (max-width:900px){#categorias .categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:649px){
 .wrap{padding-left:18px;padding-right:18px}
 .hero{padding:23px 0 27px}
 .hero .search{margin-top:15px;padding:4px;border-radius:12px}
 .hero .search input{padding:10px 9px;font-size:14px}
 .hero .search button{padding:10px 14px;font-size:14px;min-height:42px}
 #categorias.section{padding-top:25px;padding-bottom:21px}
 #categorias h2{font-size:24px;margin-bottom:6px}
 #categorias .sub{font-size:13px;margin-bottom:14px}
 #categorias .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #categorias .chip{min-height:45px;padding:9px 7px;font-size:13px;border-radius:11px;box-shadow:none}
 #guias.section{padding-top:22px}
}

.energy-calc-button{display:inline-block;margin:4px 0 14px;cursor:pointer;background:#ffda54;color:#152334;border:0;padding:12px 20px;border-radius:10px;font-weight:750}.energy-calc-button:hover,.energy-calc-button:focus-visible{background:#ffe78a;outline:2px solid #fff;outline-offset:2px}

.article-photo{max-width:720px;margin:22px auto 26px}.article-photo img{display:block;width:100%;max-height:330px;height:auto;object-fit:contain;margin:auto}.article-photo figcaption{padding-top:10px}.article-photo img:not([src]){display:none}

.related-products{margin:32px 0;padding:20px;border:1px solid #d9e3e8;border-radius:16px;background:#f8fbfd}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:16px}.related-item{padding:14px;border:1px solid #e1e5ea;border-radius:12px;background:#fff}.related-item img{width:100%;height:135px;object-fit:contain}.related-item h3{font-size:1.02rem;margin:12px 0 6px}.related-item p{font-size:.91rem}.related-actions{display:flex;flex-wrap:wrap;gap:8px}.related-actions a{font-size:.84rem;font-weight:700;padding:8px 10px;border-radius:8px;background:#f1f5f9;text-decoration:none}

.inline-offer{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:16px;margin:24px 0;padding:17px 18px;border:1px solid #dce4e8;border-left:4px solid #f2c94c;border-radius:12px;background:#f8fafc;box-shadow:0 2px 10px rgba(30,42,55,.04)}.inline-offer-kicker{display:block;font-size:10px;letter-spacing:.09em;font-weight:800;color:#586677;margin-bottom:6px}.inline-offer h3{font-size:1.09rem;line-height:1.35;margin:0 0 7px;color:#1b2738}.inline-offer p{font-size:.93rem;line-height:1.5;margin:0 0 12px;color:#3c4858}.inline-offer-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-offer-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:36px;padding:9px 11px;border-radius:8px;font-size:.82rem;font-weight:750;text-decoration:none!important;color:#1b2738!important;border:1px solid #e4c446;background:#ffe06b;transition:transform .15s,filter .15s}.inline-offer-sh{background:#ffe5d7;border-color:#f6b58d}.inline-offer-btn:hover,.inline-offer-btn:focus-visible{filter:brightness(.96);transform:translateY(-1px)}.inline-offer-image{display:flex;justify-content:center;align-items:center;width:120px;height:120px;padding:7px;border-radius:10px;background:#fff;border:1px solid #e8edf0}.inline-offer-image img{width:100%;height:100%;object-fit:contain}@media(max-width:480px){.inline-offer{grid-template-columns:minmax(0,1fr) 88px;gap:10px;padding:12px}.inline-offer-image{width:88px;height:88px;padding:4px}.inline-offer-btn{font-size:.78rem;padding:8px 9px}.inline-offer h3{font-size:1rem}}
