/* L33 kit — arena de duelos / versus. Colours ONLY via :root vars; cfg.palette appends a later :root. */
:root{--bg:#f7f4ef;--bg2:#eef3fb;--elev:#ffffff;--line:#d5dce8;--ink:#142033;--ink-soft:#2c3a52;--muted:#5a6578;
--brand:#2456b8;--brand-deep:#163a86;--brand-hi:#e4ecfb;--accent2:#c5362f;--duelo-a:#2456b8;--duelo-b:#c5362f;
--cta-a:#1a4ea8;--cta-b:#123a82;--cta-ink:#ffffff;--hot:#c5362f;--novo:#1e8a6a;--tray:#e8eef8;--tray-deep:#c5d0e4;
--hero-wash:#eef3fb;--header:72px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 "Manrope",system-ui,sans-serif}
img{max-width:100%;display:block}a{color:var(--brand-deep)}
h1,h2,h3{font-family:"Bungee","Manrope",sans-serif;font-weight:400;line-height:1.15;color:var(--ink)}
.l33-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* scoreboard header */
.l33-head{position:sticky;top:0;z-index:40;height:var(--header);display:flex;align-items:center;gap:16px;padding:0 18px;background:var(--elev);border-bottom:3px solid var(--brand);box-shadow:0 2px 12px rgba(20,32,51,.06)}
.l33-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.l33-brand img{width:60px;height:60px;border-radius:14px}
.l33-word{display:flex;flex-direction:column;line-height:1.1}.l33-word strong{font:400 18px "Bungee",sans-serif}
.l33-indep{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.l33-score{display:flex;align-items:stretch;gap:0;margin:0 auto;background:var(--tray);border:2px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 0 #fff}
.l33-score a{display:flex;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;color:var(--ink);font-weight:700;font-size:13.5px;white-space:nowrap;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--tray))}
.l33-score a:last-child{border-right:0}
.l33-score a svg{color:var(--brand)}
.l33-score a[aria-current]{background:var(--brand-hi);box-shadow:inset 0 -3px 0 var(--brand)}
.l33-tools{display:flex;align-items:center;gap:10px;flex:none}
.l33-hcta,.l33-cta,.l33-mcta,.l33-stick a{display:inline-flex;align-items:center;justify-content:center;text-align:center;font:800 16px "Manrope",sans-serif;color:var(--cta-ink);text-decoration:none;border-radius:14px;background:linear-gradient(180deg,var(--cta-a),var(--cta-b));box-shadow:0 6px 16px rgba(18,58,130,.22)}
.l33-hcta{padding:12px 18px;min-height:46px}
.l33-menu{display:none;width:48px;height:48px;border-radius:14px;border:2px solid var(--line);background:var(--elev);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.l33-gaveta{position:fixed;inset:0;z-index:60}.l33-gaveta[hidden]{display:none}
.l33-gaveta-bg{position:absolute;inset:0;background:rgba(20,32,51,.45)}
.l33-gaveta-pan{position:absolute;top:0;right:0;bottom:0;width:min(330px,88vw);background:var(--elev);padding:70px 20px 24px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.l33-gaveta-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:12px;border:2px solid var(--line);background:var(--elev);color:var(--ink);cursor:pointer}
.l33-gaveta-nav{display:flex;flex-direction:column;gap:6px}
.l33-gaveta-nav a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:var(--bg2);color:var(--ink);text-decoration:none;font-weight:700}
/* desktop fold: hero 40% + arena 60% */
.l33-fold{display:flex;flex-direction:column;height:calc(100vh - var(--header));min-height:640px;max-height:900px;background:var(--bg)}
.l33-hero{position:relative;flex:0 0 40%;min-height:250px;overflow:hidden;background:var(--hero-wash)}
.l33-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l33-hero-split{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--duelo-a) 0 50%,var(--duelo-b) 50% 100%);opacity:.38;pointer-events:none}
/* light overlay behind hero text — readable on ANY follower art */
.l33-hero-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:22px;padding:12px 24px}
.l33-hero-panel{background:var(--hero-wash);background:color-mix(in srgb,var(--hero-wash) 92%,#fff);border-radius:24px;padding:12px 28px 14px;box-shadow:0 14px 36px rgba(20,32,51,.16);max-width:640px;width:100%;text-align:center}
.l33-kicker{margin:0;font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep)}
.l33-hero h1{margin:6px 0 10px;font-size:42px;overflow:visible}
.l33-hero h1 span,.l33-mfold h1 span{display:block}
.l33-h1b{color:var(--duelo-b)}
.l33-cta{min-width:260px;min-height:68px;padding:0 28px;font-size:22px}
.l33-hero .l33-cta{margin:0 auto}
.l33-cta-note{margin:6px 0 0;font-size:12.5px;color:var(--muted);max-width:420px;line-height:1.4}
.l33-placa{display:flex;align-items:center;gap:12px;margin:0;padding:8px;background:var(--elev);border-radius:22px;box-shadow:0 8px 20px rgba(20,32,51,.1);flex:none}
.l33-placa img{width:168px;height:168px;border-radius:26px}
.l33-placa span{font-weight:800;font-size:13px;color:var(--ink-soft);max-width:96px;line-height:1.3;text-align:left}
/* vs arena */
.l33-arena{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 22px 12px;min-height:0}
.l33-arena-hint{margin:0;font-size:13px;font-weight:700;color:var(--muted);text-align:center}
.l33-duelo{display:grid;grid-template-columns:1fr 88px 1fr;grid-template-rows:auto auto;gap:8px 10px;align-items:center;min-height:0}
.l33-duelo[hidden]{display:none}
.l33-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--elev);border-radius:20px;overflow:hidden;border:3px solid var(--side,var(--duelo-a));box-shadow:0 8px 18px rgba(20,32,51,.1);min-width:0}
.l33-card.is-b{border-color:var(--duelo-b)}
.l33-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg2)}
.l33-card .l33-nome{display:block;font-weight:800;font-size:15px;padding:6px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l33-card .l33-prov{display:block;font-size:12px;color:var(--muted);padding:0 10px 8px}
.l33-vs{display:grid;place-items:center;align-self:center}
.l33-vs b{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff;color:var(--ink);font:400 28px "Bungee",sans-serif;box-shadow:0 0 0 4px #fff,0 0 0 8px var(--duelo-a),0 0 0 12px var(--duelo-b);letter-spacing:0}
.l33-cmp{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--elev);border-radius:16px;border:1px solid var(--line);overflow:hidden}
.l33-cmp div{padding:8px 12px;border-right:1px solid var(--line);min-width:0}
.l33-cmp div:last-child{border-right:0}
.l33-cmp small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.l33-cmp b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* bracket */
.l33-chave{display:flex;flex-direction:column;gap:4px;padding:6px 8px 8px;border-radius:16px;background:var(--bg2)}
.l33-chave-lab{display:flex;justify-content:space-around;font-weight:800;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.l33-chave-in{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;position:relative}
.l33-chave-svg{position:absolute;left:0;right:0;top:-14px;height:16px;width:100%;pointer-events:none}
.l33-thumb{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);background:transparent;border:0;padding:0;cursor:pointer;min-width:0}
.l33-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:2px solid var(--line);background:var(--elev)}
.l33-thumb.is-on img{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-hi)}
.l33-thumb .l33-nome{font-size:10.5px;font-weight:700;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l33-thumb .l33-prov,.l33-thumb .l33-sel{display:none}
.l33-sel{position:absolute;top:4px;right:4px;z-index:2;font:800 10.5px "Manrope",sans-serif;padding:2px 7px;border-radius:999px;color:#fff}
.l33-sel-hot{background:var(--hot)}.l33-sel-novo{background:var(--novo)}
/* tiles used in grids */
.l33-ficha{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);min-width:0;background:var(--elev);border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.l33-ficha img{width:100%;aspect-ratio:1;object-fit:cover}
.l33-ficha .l33-nome{display:block;font-weight:800;font-size:13px;line-height:1.15;padding:6px 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l33-ficha .l33-prov{display:block;font-size:11.5px;color:var(--muted);padding:0 8px 8px}
/* mobile fold */
.l33-mfold{display:none}
/* sections */
.l33-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 40px}
.l33-sec{margin:34px 0}.l33-sec h2{font-size:26px;margin:0 0 10px}
.l33-note{color:var(--muted);font-size:14.5px}
.l33-promos-in{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.l33-promo{display:block;text-decoration:none;color:var(--ink);background:var(--elev);border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.l33-promo img{aspect-ratio:16/9;width:100%;object-fit:cover}.l33-promo h3{margin:12px 16px 4px;font-size:19px;font-family:"Manrope",sans-serif;font-weight:800}.l33-promo p{margin:0 16px 16px;color:var(--ink-soft);font-size:14.5px}
.l33-tiers-in{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.l33-tier{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;text-align:center;text-decoration:none;color:var(--ink);background:var(--bg2);border:3px solid var(--brand)}
.l33-tier:nth-child(2){border-color:var(--duelo-b)}.l33-tier:nth-child(3){border-color:var(--novo)}.l33-tier:nth-child(4){border-color:var(--tray-deep)}
.l33-tier b{font:800 20px "Manrope",sans-serif}
.l33-estudios,.l33-mchips{display:flex;flex-wrap:wrap;gap:8px}
.l33-estudio,.l33-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:var(--elev);border:2px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}
.l33-chip.is-on{background:var(--brand-hi);border-color:var(--brand)}
.l33-tz-in{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.l33-tz,.l33-casa{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:var(--elev);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.l33-tz span,.l33-casa span{display:flex;flex-direction:column;min-width:0}.l33-tz small,.l33-casa small{color:var(--muted)}.l33-casa em{font-size:14px;color:var(--ink-soft);font-style:normal}
.l33-casa .l33-facts{margin:4px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--ink-soft)}
.l33-casa .l33-facts li{margin:2px 0}
.l33-marca{width:64px;height:64px;border-radius:14px;object-fit:cover;flex:none;border:2px solid var(--line)}
.l33-typo{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:var(--bg2);font-weight:800;flex:none}
.l33-ghost{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:999px;border:2px solid var(--brand);font-weight:800;text-decoration:none}
.l33-faq .l33-acc{display:flex;justify-content:space-between;width:100%;text-align:left;gap:10px;padding:14px 16px;margin:6px 0 0;border-radius:14px;border:1px solid var(--line);background:var(--elev);color:var(--ink);font:700 16px "Manrope",sans-serif;cursor:pointer}
.l33-acc-pan{padding:4px 16px}
/* hub layouts (domain-hash variants) */
.l33-casas.is-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.l33-casas.is-list{display:flex;flex-direction:column;gap:8px}
.l33-casas.is-list .l33-casa{border-radius:12px}
.l33-casas.is-table{display:table;width:100%;border-collapse:separate;border-spacing:0 8px}
.l33-casas.is-table .l33-casa{display:table-row;background:transparent;border:0;padding:0;border-radius:0}
.l33-casas.is-table .l33-casa > *{display:table-cell;vertical-align:middle;background:var(--elev);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}
.l33-casas.is-table .l33-casa > :first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}
.l33-casas.is-table .l33-casa > :last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.l33-casa.is-guardada,.l33-casa.is-fora,.l33-gtile.is-fora{display:none}
.l33-casas.is-table .l33-casa.is-guardada,.l33-casas.is-table .l33-casa.is-fora{display:none}
/* inner pages */
.l33-page{max-width:980px;margin:0 auto;padding:22px 20px 60px}
.l33-page h1{font-size:34px;margin:10px 0 16px}.l33-page h2{font-size:22px;margin:28px 0 8px}
.l33-crumb{font-size:14px;color:var(--muted)}
.l33-cta-box{margin:16px 0}
.l33-busca{width:100%;padding:13px 16px;border-radius:999px;border:2px solid var(--line);font:inherit;margin:10px 0}
.l33-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:16px}
.l33-notas{width:100%;border-collapse:collapse}.l33-notas th,.l33-notas td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.l33-prons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.l33-revhead{display:flex;gap:14px;align-items:center;padding:14px;border-radius:20px;background:var(--bg2)}
.l33-mais{margin:16px 0;padding:12px 20px;border-radius:999px;border:2px solid var(--brand);background:var(--elev);font-weight:800;cursor:pointer;color:var(--ink)}
.l33-crit{columns:2}
.l33-page .l33-arena{padding:0;margin:20px 0;height:auto}
.l33-page .l33-duelo{min-height:280px}
/* footer */
.l33-foot{background:var(--bg2);border-top:4px solid var(--brand);padding:34px 20px 100px}
.l33-foot-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
.l33-foot h2{font-size:17px;font-family:"Manrope",sans-serif;font-weight:800}.l33-foot a{display:block;margin:6px 0;color:var(--ink)}
.l33-18{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--accent2);color:#fff;font-weight:800}
.l33-credit,.l33-foot .rl2-credit{max-width:1200px;margin:16px auto 0;font-size:13px;color:var(--muted)}
.l33-stick{display:none}
/* H5 first-screen */
@media (max-width:800px){
 :root{--header:62px}
 .l33-head{padding:0 12px;gap:10px}.l33-brand img{width:56px;height:56px}.l33-word strong{font-size:15px}
 .l33-score,.l33-head .l33-hcta{display:none}.l33-tools{margin-left:auto}.l33-menu{display:inline-flex}
 .l33-fold{display:none}
 .l33-mfold{display:block;padding:14px 14px 10px;background:linear-gradient(180deg,var(--hero-wash),var(--bg))}
 .l33-mfold h1{font-size:26px;margin:4px 0 12px;overflow:visible}
 .l33-mcta{display:flex;width:100%;min-height:58px;font-size:19px}
 .l33-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:16px 0}
 .l33-promos-in,.l33-tz-in,.l33-casas.is-grid,.l33-prons,.l33-foot-in{grid-template-columns:1fr}.l33-tiers-in{grid-template-columns:1fr 1fr}
 .l33-casas.is-table{display:flex;flex-direction:column;gap:8px}
 .l33-casas.is-table .l33-casa,.l33-casas.is-table .l33-casa > *{display:block;border:0;border-radius:0;padding:0;background:transparent}
 .l33-casas.is-table .l33-casa{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:var(--elev);border:1px solid var(--line)}
 .l33-page h1{font-size:26px}.l33-cta{width:100%;min-width:0}.l33-crit{columns:1}
 .l33-cmp{grid-template-columns:1fr 1fr}
 .l33-duelo{grid-template-columns:1fr 64px 1fr}
 .l33-vs b{width:56px;height:56px;font-size:22px}
 .l33-placa img{width:160px;height:160px}
 .l33-chave-in{grid-template-columns:repeat(4,1fr)}
 .l33-stick{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--elev);box-shadow:0 -6px 18px rgba(20,32,51,.12)}
 .l33-stick a{display:flex;width:100%;min-height:54px;font-size:18px}
}
@media (min-width:801px) and (max-width:1180px){
 .l33-score a span{display:none}.l33-hero h1{font-size:34px}.l33-placa img{width:160px;height:160px}
}
/* kit fix (leader build): explicit width/height attrs made tiles 480px tall — size images in CSS, cap the arena so the 1280x800 fold holds hero + duel + bracket */
img{height:auto}
.l33-ficha img{aspect-ratio:1;height:auto}
.l33-duelo{flex:1 1 auto}
.l33-card img{aspect-ratio:auto;height:150px;width:100%;object-fit:cover}
.l33-thumb img{aspect-ratio:auto;height:62px;width:100%;object-fit:cover}
.l33-hero-bg{height:100%}
@media (max-width:800px){.l33-card img{height:110px}.l33-thumb img{height:72px}}
.l33-thumb .l33-prov{display:block;font-size:9.5px;color:var(--muted);line-height:1.1}
.l33-thumb img{height:54px}

/* site palette (cfg) */
:root{--bg:#f7efef;--bg2:#fbeeee;--elev:#ffffff;--line:#e8d5d5;--ink:#331414;--ink-soft:#522c2c;--muted:#785a5a;--brand:#b88c24;--brand-deep:#866416;--brand-hi:#fbf4e4;--accent2:#2f5cc5;--duelo-a:#b88c24;--duelo-b:#c5982f;--cta-a:#a81a1a;--cta-b:#821212;--cta-ink:#ffffff;--hot:#c5982f;--novo:#8a6a1e;--tray:#f8f3e8;--tray-deep:#e4dbc5;--hero-wash:#fbf7ee}