@font-face{font-family:CascaRock;src:url("/fonts/newrocker.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:CascaPlex;src:url("/fonts/ibmplexsans-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:CascaPlex;src:url("/fonts/ibmplexsans-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:CascaPlex;src:url("/fonts/ibmplexsans-semibold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:CascaPlex;src:url("/fonts/ibmplexsans-bold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --ink:#0c0a08;--magma:#ff6a22;--gold:#f3d56a;--sulfur:#ffe56a;--ivory:#fff6e4;
  --ember:#e04820;--panel:#1a100c;--line:#8a5a20;--dim:#e2d0b0;--card:#1c120c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:CascaPlex,system-ui,sans-serif}
body{background:
  radial-gradient(ellipse 90% 58% at 50% -8%,#8a2e0c 0%,#4a1608 38%,transparent 62%),
  radial-gradient(circle at 8% 72%,#5a180a 0%,transparent 44%),
  radial-gradient(circle at 94% 78%,#4a1408 0%,transparent 42%),
  var(--ink);
  min-height:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--sulfur)}
.cs-skip{position:absolute;left:-999px;top:0}
.cs-skip:focus{left:8px;top:8px;background:var(--gold);color:var(--ink);padding:8px;z-index:80}

/* header / caldera rim */
.cs-rim{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;
  padding:7px 16px;background:linear-gradient(#2a160e,#120c08 72%);
  border-bottom:2px solid var(--gold);box-shadow:0 4px 20px #000,0 0 22px #ff531055}
.cs-brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-family:CascaRock,serif;font-size:1.85rem;letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 14px #ff9a3055}
.cs-brand svg{width:48px;height:48px;flex:none;filter:drop-shadow(0 0 8px #ff6a2288)}
.cs-menu{display:none;background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:8px;padding:6px 10px;font:600 1rem CascaPlex}
.cs-shards{display:flex;flex-wrap:wrap;gap:7px;margin-left:8px;flex:1}
.cs-shards a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--gold);
  background:linear-gradient(#3a2214,#160e08);color:var(--ivory);font-weight:700;font-size:.95rem;
  clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);border-radius:3px;box-shadow:0 0 10px #ff531022}
.cs-shards a .cs-ico{width:17px;height:17px;flex:none}
.cs-shards a[aria-current="page"],.cs-shards a:hover{background:linear-gradient(#7a3414,#2a1208);border-color:var(--sulfur);color:var(--sulfur);box-shadow:0 0 14px #ff531066}
.cs-18{border:1px solid var(--gold);color:var(--gold);font-weight:700;font-size:.78rem;padding:5px 7px;border-radius:4px;margin-left:auto}
.cs-cta,.cs-cta-rec{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;
  border-radius:8px;padding:10px 16px;letter-spacing:.03em;border:0;cursor:pointer;text-align:center}
.cs-cta{background:linear-gradient(#ff7a2c,#d43814);color:#fff8ee!important;box-shadow:0 0 18px #ff531088,inset 0 1px 0 #ffc09a;font-size:.95rem}
.cs-cta:hover{filter:brightness(1.08);color:#fff!important}
.cs-cta-rec{background:linear-gradient(#ffe08a,#d4aa40);color:#1a0e08!important;box-shadow:0 0 14px #f3d56a77}
.cs-cta-rec:hover{filter:brightness(1.05);color:#1a0e08!important}
.cs-rim .cs-cta{padding:9px 16px;font-size:.92rem}
.cs-disc{font-size:.8rem;color:var(--dim);margin:.4rem 0 0}

/* ticker */
.cs-tick{overflow:hidden;background:#180a04;border-bottom:1px solid var(--ember);height:24px;line-height:24px;font-size:.78rem;color:var(--sulfur)}
.cs-tick-in{display:inline-block;white-space:nowrap;padding-left:100%;animation:cs-marquee 36s linear infinite}
@keyframes cs-marquee{to{transform:translateX(-100%)}}

/* home hero — compact so the 8 tiles clear a 1280x800 fold */
.cs-hero{display:grid;grid-template-columns:minmax(260px,1.22fr) minmax(250px,1.15fr) minmax(210px,.85fr);
  gap:12px;align-items:center;padding:6px 16px 2px;max-width:1280px;margin:0 auto}
.cs-hero-copy h1{font-family:CascaRock,serif;font-weight:400;font-size:clamp(2.05rem,4.1vw,3.2rem);
  line-height:1.06;color:#fff8e8;margin:0 0 8px;letter-spacing:-.01em;
  text-shadow:0 0 22px #ff6a2288,0 2px 0 #7a2a00,0 4px 14px #000;
  -webkit-text-stroke:.45px #f3d56a}
.cs-hero-copy h1 em{font-style:normal;color:var(--gold);display:block;-webkit-text-stroke:0;
  text-shadow:0 0 20px #f3d56a99,0 2px 0 #6a3a00,0 4px 12px #000}
.cs-hero-copy p{margin:0 0 10px;color:var(--ivory);font-size:.95rem;max-width:38ch;font-weight:600}
.cs-shell{position:relative}
.cs-shell img{width:100%;border-radius:50% 50% 46% 46%/54% 54% 46% 46%;border:3px solid var(--gold);
  box-shadow:0 0 48px #ff6a2299,0 0 80px #ff8a2044,0 12px 36px #000;object-fit:cover;aspect-ratio:16/10;max-height:228px}
.cs-escada{background:linear-gradient(#2a1a10,#120c08);border:2px solid var(--gold);border-radius:14px;
  padding:8px 12px 6px;box-shadow:inset 0 0 20px #000,0 0 18px #ff531044,0 8px 24px #0008}
.cs-escada h2{font-family:CascaRock,serif;font-size:1.12rem;color:var(--gold);margin:0 0 6px;text-align:center;font-weight:400;text-shadow:0 0 10px #f3d56a66}
.cs-escada table{width:100%;border-collapse:collapse;font-size:.82rem}
.cs-escada th{text-align:left;padding:2px 4px;color:var(--ivory);font-weight:600;border-bottom:1px solid #4a2c14}
.cs-escada td{text-align:right;padding:2px 4px;color:var(--gold);font-weight:800;border-bottom:1px solid #4a2c14}
.cs-escada caption{caption-side:bottom;font-size:.68rem;color:var(--dim);padding-top:5px;text-align:left}
.cs-stage{display:inline-flex;align-items:center;gap:6px}
.cs-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--magma);flex:none}

/* promos — slim cards with HTML titles + CTA, art cropped to the left */
.cs-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1280px;margin:6px auto 4px;padding:0 16px}
.cs-promo{position:relative;display:flex;align-items:stretch;border:2px solid var(--gold);border-radius:12px;overflow:hidden;
  min-height:124px;max-height:140px;background:linear-gradient(#2a160e,#120804);
  box-shadow:0 0 16px #ff531055,0 6px 18px #000a;color:inherit}
.cs-promo:hover{box-shadow:0 0 22px #ff6a2277,0 6px 18px #000a}
.cs-promo img{width:42%;height:100%;min-height:124px;max-height:140px;object-fit:cover;object-position:left center;flex:none}
.cs-promo-copy{display:flex;flex-direction:column;justify-content:center;padding:8px 10px 8px 10px;gap:3px;min-width:0}
.cs-promo-copy strong{font-family:CascaRock,serif;font-size:1.12rem;font-weight:400;color:#fff8e8;line-height:1.12;
  text-shadow:0 0 10px #ff6a2266;display:block}
.cs-promo-copy .cs-promo-sub{font-size:.78rem;color:var(--ivory);font-weight:700;line-height:1.25}
.cs-promo-go{display:inline-flex;align-self:flex-start;margin-top:5px;background:linear-gradient(#ff7a2c,#d43814);
  color:#fff8ee!important;font-weight:800;font-size:.72rem;padding:5px 10px;border-radius:6px;letter-spacing:.03em;
  box-shadow:0 0 10px #ff531066}

/* clutch tray */
.cs-tray-wrap{max-width:1280px;margin:4px auto 16px;padding:0 16px}
.cs-tray-wrap h2{font-family:CascaRock,serif;font-weight:400;color:var(--gold);font-size:1.28rem;margin:4px 0 6px;
  display:flex;align-items:center;gap:8px;text-shadow:0 0 10px #f3d56a66}
.cs-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:
  linear-gradient(#24150c,#100a06);border:2px solid var(--gold);border-radius:16px;
  box-shadow:inset 0 0 28px #000,0 0 20px #ff531033,0 8px 24px #0008}
.cs-tile{position:relative;display:flex;align-items:stretch;background:#140c08;border:2px solid var(--gold);
  border-radius:10px;overflow:hidden;box-shadow:0 0 12px #ff531044,0 4px 12px #000a;min-height:84px}
.cs-tile img{width:96px;height:84px;object-fit:cover;object-position:center 42%;flex:none;transform:scale(1.16);transform-origin:center center}
.cs-tile figcaption{margin:0;padding:8px 40px 8px 12px;font-weight:800;font-size:1.06rem;line-height:1.2;color:#fff8e8;
  display:flex;align-items:center;text-shadow:0 1px 6px #000;letter-spacing:-.01em}
.cs-badge{position:absolute;top:8px;right:8px;font-size:.68rem;font-weight:800;letter-spacing:.06em;
  padding:3px 7px;border-radius:4px;box-shadow:0 1px 4px #0008}
.cs-badge.hot{background:var(--ember);color:#fff}
.cs-badge.novo{background:var(--gold);color:#1a0e08}

/* facts plaque */
.cs-plaques{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1280px;margin:0 auto 24px;padding:0 18px}
.cs-plaque{background:linear-gradient(#2a1c10,#140c08);border:1px solid var(--gold);border-radius:10px;padding:10px 12px;text-align:center}
.cs-plaque strong{display:block;color:var(--gold);font-size:1.05rem}
.cs-plaque span{font-size:.75rem;color:var(--dim)}

/* inner pages */
.cs-wrap{max-width:980px;margin:0 auto;padding:18px 18px 40px}
.cs-wrap.wide{max-width:1180px}
.cs-crumbs{font-size:.82rem;color:var(--dim);margin:0 0 14px}
.cs-crumbs a{color:var(--gold)}
.cs-wrap h1{font-family:CascaRock,serif;font-weight:400;color:var(--gold);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;margin:0 0 12px}
.cs-wrap h2{font-family:CascaRock,serif;font-weight:400;color:var(--sulfur);font-size:1.25rem;margin:1.4rem 0 .6rem}
.cs-wrap h3{color:var(--gold);font-size:1.05rem;margin:1.1rem 0 .4rem}
.cs-wrap p,.cs-wrap li{line-height:1.65;color:var(--ivory)}
.cs-wrap ul,.cs-wrap ol{padding-left:1.2rem}
.cs-fig{margin:16px 0;border:2px solid var(--gold);border-radius:12px;overflow:hidden;background:#100c08}
.cs-fig img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.cs-fig figcaption{padding:8px 12px;font-size:.82rem;color:var(--dim)}
.cs-note{background:#1a100c;border-left:3px solid var(--magma);padding:10px 14px;border-radius:0 8px 8px 0;color:var(--dim);font-size:.92rem}
.cs-cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}
table.cs-docs{width:100%;border-collapse:collapse;margin:12px 0;font-size:.92rem}
table.cs-docs th,table.cs-docs td{border:1px solid var(--line);padding:8px 10px;text-align:left}
table.cs-docs th{background:#1a100c;color:var(--gold)}
.cs-faq details{background:#140e0a;border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:8px 0}
.cs-faq summary{cursor:pointer;color:var(--gold);font-weight:600}

/* reviews hub — clutch trays */
.cs-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px;align-items:center}
.cs-tools input[type="search"]{flex:1;min-width:180px;background:#100c08;border:1px solid var(--gold);
  color:var(--ivory);border-radius:8px;padding:8px 12px;font:500 1rem CascaPlex}
.cs-trays-nav{display:flex;flex-wrap:wrap;gap:6px}
.cs-trays-nav button{background:#1a100c;border:1px solid var(--line);color:var(--ivory);border-radius:999px;
  padding:6px 12px;font:600 .82rem CascaPlex;cursor:pointer}
.cs-trays-nav button[aria-pressed="true"],.cs-trays-nav button:hover{border-color:var(--gold);color:var(--gold)}
.cs-ninhada{margin:18px 0 28px;padding:12px;border:2px solid var(--gold);border-radius:16px;background:#100c08}
.cs-ninhada h2{margin:0 0 10px}
.cs-cups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.cs-cup{background:linear-gradient(#1c140e,#120c08);border:1px solid var(--line);border-radius:12px;padding:10px 12px;
  min-height:108px;display:flex;flex-direction:column;gap:6px}
.cs-cup h3{margin:0;font-size:.98rem;color:var(--ivory)}
.cs-cup .tag{font-size:.7rem;color:var(--sulfur);font-weight:600}
.cs-cup .cs-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.cs-cup a.visit{color:var(--gold);font-weight:600;font-size:.82rem}
.cs-cup.hidden{display:none}
.cs-more{display:block;margin:12px auto 0;background:transparent;border:1px solid var(--gold);color:var(--gold);
  border-radius:8px;padding:8px 16px;font:600 .9rem CascaPlex;cursor:pointer}

/* full review / certidao */
.cs-cert{border:2px solid var(--gold);border-radius:16px;padding:16px;background:linear-gradient(#1a120c,#0e0a08);margin:16px 0}
.cs-cert h2{margin-top:0}

footer.cs-foot{background:#0a0806;border-top:2px solid var(--gold);padding:28px 18px 40px;color:var(--dim);font-size:.88rem}
.cs-foot-in{max-width:1100px;margin:0 auto}
.cs-foot a{color:var(--gold)}
.cs-legal{margin-top:10px}

@media (max-width:900px){
  .cs-menu{display:inline-flex}
  .cs-shards{display:none;position:absolute;top:100%;left:0;right:0;background:#120c08;padding:10px;flex-direction:column;
    border-bottom:2px solid var(--gold)}
  .cs-rim.is-open .cs-shards{display:flex}
  .cs-hero{grid-template-columns:1fr;padding:12px}
  .cs-shell img{aspect-ratio:16/10;border-radius:16px;max-height:none}
  .cs-hero-copy h1{font-size:clamp(2rem,8vw,2.8rem);-webkit-text-stroke:0}
  .cs-promos{grid-template-columns:1fr;padding:0 12px}
  .cs-promo{max-height:none;min-height:120px}
  .cs-promo img{width:46%;min-height:120px;max-height:none;height:auto}
  .cs-tray{grid-template-columns:repeat(2,1fr);padding:8px}
  .cs-plaques{grid-template-columns:repeat(2,1fr);padding:0 12px}
  .cs-tray-wrap{padding:0 12px}
  .cs-rim{flex-wrap:wrap;gap:8px}
  .cs-18{margin-left:auto}
  .cs-rim .cs-cta{flex:1 1 100%;justify-content:center;padding:9px 14px}
}

@media (max-width:420px){
  .cs-tray{grid-template-columns:1fr 1fr;gap:6px}
  .cs-brand{font-size:1.4rem}
  .cs-brand svg{width:40px;height:40px}
  .cs-tile{min-height:76px}
  .cs-tile img{width:80px;height:76px}
}
.cs-cup.cs-filtered-out{display:none!important}