/* L39 kit — aquário / tanques de vidro. Colours ONLY via :root vars; cfg.palette appends a later :root. */
:root{--bg:#e7f5fa;--bg2:#f3fcfe;--elev:#ffffff;--line:#b7d5e0;--ink:#0c2740;--ink-soft:#1a3d55;--muted:#3f6170;
--brand:#157a96;--brand-deep:#0b5a70;--brand-hi:#d3eef5;--accent2:#c75c28;--cta-a:#0a4d63;--cta-b:#083848;--cta-ink:#ffffff;
--hot:#c75c28;--novo:#1a8a6a;--tray:#d5eef5;--tray-deep:#b3dce8;--hero-wash:#cfeaf3;--header:72px;--glass:rgba(255,255,255,.72)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 "Outfit",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}a{color:var(--brand-deep)}
h1,h2,h3{font-family:"Sora","Outfit",sans-serif;font-weight:700;line-height:1.2;color:var(--ink)}
.l39-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* compact header + rounded glass pill nav */
.l39-head{position:sticky;top:0;z-index:40;height:var(--header);display:flex;align-items:center;gap:14px;padding:0 18px;background:color-mix(in srgb,var(--elev) 88%, transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,#fff);backdrop-filter:blur(14px);box-shadow:0 4px 18px rgba(12,39,64,.05)}
.l39-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.l39-brand img{width:60px;height:60px;border-radius:16px;object-fit:contain;background:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.l39-word{display:flex;flex-direction:column;line-height:1.1}.l39-word strong{font:700 17px "Sora",sans-serif}
.l39-indep{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.l39-pills{display:flex;align-items:stretch;gap:4px;margin:0 auto;padding:4px;border-radius:999px;background:var(--glass);border:1px solid color-mix(in srgb,var(--line) 70%,#fff);box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(12,39,64,.06);backdrop-filter:blur(10px)}
.l39-pills a{position:relative;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-radius:999px;overflow:hidden;z-index:0}
.l39-pills a::after{content:"";position:absolute;inset:auto auto -8px 30%;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--brand-hi) 80%,#fff);opacity:0;transform:scale(.4);transition:opacity .25s,transform .25s,inset .25s;z-index:-1;pointer-events:none}
.l39-pills a:hover::after,.l39-pills a:focus-visible::after{opacity:1;transform:scale(3.4);inset:-8px -8px auto auto}
.l39-pills a:hover{color:var(--brand-deep)}
.l39-pills a[aria-current]{background:var(--brand-hi);box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand-deep)}
.l39-pills a svg{color:var(--brand);flex:none}
.l39-tools{display:flex;align-items:center;gap:10px;flex:none}
.l39-hcta,.l39-cta,.l39-mcta,.l39-stick a{display:inline-flex;align-items:center;justify-content:center;text-align:center;font:800 16px "Outfit",sans-serif;color:var(--cta-ink);text-decoration:none;border-radius:16px;background:linear-gradient(180deg,var(--cta-a),var(--cta-b));box-shadow:0 8px 18px color-mix(in srgb,var(--cta-a) 35%, transparent)}
.l39-hcta{padding:12px 18px;min-height:46px}
.l39-menu{display:none;flex-shrink:0;width:48px;height:48px;border-radius:16px;border:2px solid var(--line);background:var(--elev);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.l39-gaveta{position:fixed;inset:0;z-index:60}.l39-gaveta[hidden]{display:none}
.l39-gaveta-bg{position:absolute;inset:0;background:rgba(12,39,64,.42)}
.l39-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;border-radius:24px 0 0 24px}
.l39-gaveta-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:14px;border:2px solid var(--line);background:var(--elev);color:var(--ink);cursor:pointer}
.l39-gaveta-nav{display:flex;flex-direction:column;gap:6px}
.l39-gaveta-nav a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:var(--bg2);color:var(--ink);text-decoration:none;font-weight:700}
/* desktop fold: main tank 45% + path + 2x4 tanks */
.l39-fold{display:flex;flex-direction:column;height:calc(100vh - var(--header));min-height:640px;max-height:900px;background:var(--bg)}
.l39-hero{position:relative;flex:0 0 45%;min-height:250px;overflow:hidden;background:var(--hero-wash);border-radius:0 0 28px 28px;margin:0 14px;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--elev) 70%, transparent),0 12px 28px rgba(12,39,64,.1)}
.l39-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l39-caustic{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.65;mix-blend-mode:overlay;
  background:
    radial-gradient(ellipse 40% 30% at 18% 28%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(ellipse 35% 25% at 78% 62%, rgba(255,255,255,.35), transparent 55%),
    radial-gradient(ellipse 20% 18% at 52% 80%, rgba(255,255,255,.28), transparent 50%);
  animation:l39-caustic 14s ease-in-out infinite alternate}
@keyframes l39-caustic{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.l39-caustic{animation:none}}
.l39-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}
.l39-hero-panel{background:color-mix(in srgb,var(--elev) 86%, transparent);border:1px solid color-mix(in srgb,#fff 70%, var(--line));border-radius:24px;padding:12px 28px 14px;box-shadow:0 14px 36px rgba(12,39,64,.14),inset 0 1px 0 #fff;max-width:640px;width:100%;text-align:center;backdrop-filter:blur(10px)}
.l39-kicker{margin:0;font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep)}
.l39-hero h1{margin:6px 0 10px;font-size:42px;overflow:visible}
.l39-hero h1 span,.l39-mfold h1 span{display:block}
.l39-h1b{color:var(--brand)}
.l39-cta{min-width:260px;min-height:68px;padding:0 28px;font-size:22px}
.l39-hero .l39-cta{margin:0 auto}
.l39-cta-note{margin:6px 0 0;font-size:12.5px;color:var(--muted);max-width:420px;line-height:1.4}
.l39-placa{display:flex;align-items:center;gap:12px;margin:0;padding:8px;background:var(--glass);border:1px solid #fff;border-radius:22px;box-shadow:0 8px 20px rgba(12,39,64,.1);flex:none;backdrop-filter:blur(8px)}
.l39-placa img{width:168px;height:168px;border-radius:26px;object-fit:contain;background:var(--ink)}
.l39-placa span{font-weight:800;font-size:13px;color:var(--ink-soft);max-width:96px;line-height:1.3;text-align:left}
/* visitor path + small tanks */
.l39-lower{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 18px 12px;min-height:0}
.l39-trilha{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.l39-trilha-hint{margin:0;font-size:13px;font-weight:700;color:var(--muted)}
.l39-path{display:flex;flex-wrap:wrap;gap:6px}
.l39-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--elev);border:2px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:13.5px;cursor:pointer}
.l39-chip.is-on{background:var(--brand-hi);border-color:var(--brand);color:var(--brand-deep)}
.l39-tanks{min-height:0;flex:1}
.l39-tanks-in{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;height:100%}
.l39-tank{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);min-width:0;background:var(--elev);border-radius:18px;overflow:hidden;border:2px solid color-mix(in srgb,#fff 55%, var(--line));box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(12,39,64,.08)}
.l39-tank::after{content:"";position:absolute;top:8px;right:14px;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.7);box-shadow:18px 10px 0 2px rgba(255,255,255,.35);pointer-events:none}
.l39-tank.is-fora{display:none}
.l39-tank img{width:100%;height:112px;object-fit:cover;background:var(--bg2)}
.l39-tank .l39-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}
.l39-tank .l39-prov{display:block;font-size:11.5px;color:var(--muted);padding:0 8px 8px}
.l39-sel{position:absolute;top:6px;left:6px;z-index:2;font:800 10.5px "Outfit",sans-serif;padding:2px 7px;border-radius:999px;color:#fff}
.l39-sel-hot{background:var(--hot)}.l39-sel-novo{background:var(--novo)}
.l39-fish{position:absolute;top:6px;right:6px;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--brand-hi);color:var(--brand-deep);display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.l39-fish svg{width:14px;height:14px}
/* generic tiles (catalog, mobile) */
.l39-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:2px solid color-mix(in srgb,#fff 55%, var(--line));box-shadow:inset 0 1px 0 #fff}
.l39-ficha img{width:100%;aspect-ratio:1;height:auto;object-fit:cover}
.l39-ficha .l39-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}
.l39-ficha .l39-prov{display:block;font-size:11.5px;color:var(--muted);padding:0 8px 8px}
.l39-mfold{display:none}
/* sections */
.l39-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 40px}
.l39-sec{margin:34px 0}.l39-sec h2{font-size:26px;margin:0 0 10px}
.l39-note{color:var(--muted);font-size:14.5px}
.l39-promos-in{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.l39-promo{display:block;text-decoration:none;color:var(--ink);background:var(--elev);border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.l39-promo img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}.l39-promo h3{margin:12px 16px 4px;font-size:19px;font-family:"Outfit",sans-serif;font-weight:800}.l39-promo p{margin:0 16px 16px;color:var(--ink-soft);font-size:14.5px}
.l39-tiers-in{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.l39-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)}
.l39-tier:nth-child(2){border-color:var(--accent2)}.l39-tier:nth-child(3){border-color:var(--novo)}.l39-tier:nth-child(4){border-color:var(--tray-deep)}
.l39-tier b{font:800 20px "Outfit",sans-serif}
.l39-estudios,.l39-mchips{display:flex;flex-wrap:wrap;gap:8px}
.l39-estudio{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}
.l39-tz-in{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.l39-tz,.l39-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)}
.l39-tz span,.l39-casa span{display:flex;flex-direction:column;min-width:0}.l39-tz small,.l39-casa small{color:var(--muted)}.l39-casa em{font-size:14px;color:var(--ink-soft);font-style:normal}
.l39-casa .l39-facts{margin:4px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--ink-soft)}
.l39-casa .l39-facts li{margin:2px 0}
.l39-marca{width:64px;height:64px;border-radius:14px;object-fit:cover;flex:none;border:2px solid var(--line)}
.l39-typo{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:var(--bg2);font-weight:800;flex:none}
.l39-ghost{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:999px;border:2px solid var(--brand);font-weight:800;text-decoration:none}
.l39-faq .l39-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 "Outfit",sans-serif;cursor:pointer}
.l39-acc-pan{padding:4px 16px}
/* hub layouts (domain-hash variants) */
.l39-casas.is-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.l39-casas.is-list{display:flex;flex-direction:column;gap:8px}
.l39-casas.is-list .l39-casa{border-radius:12px}
.l39-casas.is-table{display:table;width:100%;border-collapse:separate;border-spacing:0 8px}
.l39-casas.is-table .l39-casa{display:table-row;background:transparent;border:0;padding:0;border-radius:0}
.l39-casas.is-table .l39-casa > *{display:table-cell;vertical-align:middle;background:var(--elev);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}
.l39-casas.is-table .l39-casa > :first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}
.l39-casas.is-table .l39-casa > :last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.l39-casa.is-guardada,.l39-casa.is-fora,.l39-gtile.is-fora{display:none}
.l39-casas.is-table .l39-casa.is-guardada,.l39-casas.is-table .l39-casa.is-fora{display:none}
/* inner pages */
.l39-page{max-width:980px;margin:0 auto;padding:22px 20px 60px}
.l39-page h1{font-size:34px;margin:10px 0 16px}.l39-page h2{font-size:22px;margin:28px 0 8px}
.l39-crumb{font-size:14px;color:var(--muted)}
.l39-cta-box{margin:16px 0}
.l39-busca{width:100%;padding:13px 16px;border-radius:999px;border:2px solid var(--line);font:inherit;margin:10px 0}
.l39-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:16px}
.l39-notas{width:100%;border-collapse:collapse}.l39-notas th,.l39-notas td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.l39-prons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.l39-revhead{display:flex;gap:14px;align-items:center;padding:14px;border-radius:20px;background:var(--bg2)}
.l39-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)}
.l39-crit{columns:2}
.l39-page .l39-tanks{padding:0;margin:20px 0;height:auto}
.l39-page .l39-tanks-in{grid-template-rows:none;height:auto}
.l39-page .l39-tank img{height:140px}
/* footer */
.l39-foot{background:var(--bg2);border-top:4px solid var(--brand);padding:34px 20px 100px}
.l39-foot-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
.l39-foot h2{font-size:17px;font-family:"Outfit",sans-serif;font-weight:800}.l39-foot a{display:block;margin:6px 0;color:var(--ink)}
.l39-18{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--accent2);color:#fff;font-weight:800}
.l39-credit,.l39-foot .rl2-credit{max-width:1200px;margin:16px auto 0;font-size:13px;color:var(--muted)}
.l39-stick{display:none}
/* H5 first-screen */
@media (max-width:800px){
 :root{--header:62px}
 .l39-head{padding:0 12px;gap:10px}.l39-brand img{width:56px;height:56px}.l39-word strong{font-size:15px}
 .l39-pills,.l39-head .l39-hcta{display:none}.l39-tools{margin-left:auto}.l39-menu{display:inline-flex}
 .l39-fold{display:none}
 .l39-mfold{display:block;padding:14px 14px 10px;background:linear-gradient(180deg,var(--hero-wash),var(--bg))}
 .l39-mfold h1{font-size:26px;margin:4px 0 12px;overflow:visible}
 .l39-mcta{display:flex;width:100%;min-height:56px;font-size:18px}
 .l39-mfold h1{font-size:24px;margin:4px 0 8px}
 .l39-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:10px 0 8px}
 .l39-mgrid .l39-ficha img,.l39-mtile img{aspect-ratio:16/10;height:auto;max-height:84px;object-fit:cover}
 .l39-mgrid .l39-nome{font-size:12px;padding-top:4px}
 .l39-mgrid .l39-prov{font-size:11px;padding-bottom:6px}
 .l39-promos-in,.l39-tz-in,.l39-casas.is-grid,.l39-prons,.l39-foot-in{grid-template-columns:1fr}.l39-tiers-in{grid-template-columns:1fr 1fr}
 .l39-casas.is-table{display:flex;flex-direction:column;gap:8px}
 .l39-casas.is-table .l39-casa,.l39-casas.is-table .l39-casa > *{display:block;border:0;border-radius:0;padding:0;background:transparent}
 .l39-casas.is-table .l39-casa{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:var(--elev);border:1px solid var(--line)}
 .l39-page h1{font-size:26px}.l39-cta{width:100%;min-width:0}.l39-crit{columns:1}
 .l39-placa img{width:160px;height:160px}
 .l39-main{display:none}
 .l39-page-hall .l39-tanks{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:10px 12px}
 .l39-page-hall .l39-tank img{height:78px}
 .l39-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(12,39,64,.12)}
 .l39-stick a{display:flex;width:100%;min-height:54px;font-size:18px}
 .l39-tanks-in{grid-template-columns:1fr 1fr;grid-template-rows:none}
 .l39-tank img{height:120px}
}
@media (min-width:801px) and (max-width:1180px){
 .l39-pills a span{display:none}.l39-hero h1{font-size:34px}.l39-placa img{width:160px;height:160px}
 .l39-tank img{height:96px}
}
/* kit fix baked in: size images in CSS (width/height attrs must not force 480px tiles); keep the 1280x800 fold to hero + path + 8 tanks */
img{height:auto}
.l39-ficha img{aspect-ratio:1;height:auto}
.l39-hero-bg{height:100%}

/* site palette (cfg) */
:root{--bg:#F4EFE3;--bg2:#FBF6EC;--elev:#FFFFFF;--line:#E4D3B0;--ink:#2C2316;--ink-soft:#4A3B28;--muted:#6E5A3E;--brand:#B88912;--brand-deep:#8A650C;--brand-hi:#F3E6C4;--accent2:#C43A2F;--cta-a:#7A1F1A;--cta-b:#5A1512;--cta-ink:#ffffff;--hot:#D97706;--novo:#1F6B3A;--tray:#F0E4C8;--tray-deep:#E2D0A8;--hero-wash:#F3E8CC}
