@font-face{font-family:"Titan Mancha";src:url("/fonts/titan-one.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Mancha";src:url("/fonts/nunito-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Mancha";src:url("/fonts/nunito-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Mancha";src:url("/fonts/nunito-sans-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Arrow Mancha";src:url("/fonts/arrow.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2197}
:root{
  --ink:#08040a;--gold:#ffd024;--ivory:#fff4dc;--cinnabar:#e01018;--chop:#c80820;
  --bronze:#b87828;--jade:#1a8a5a;--paper:#fff4dc;--line:#3a1818;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:"Nunito Mancha",system-ui,sans-serif;font-size:16px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
.mc-skip{position:absolute;left:-999px;top:8px}
.mc-skip:focus{left:8px;background:var(--gold);color:var(--ink);padding:8px 12px;z-index:80}
.mc-arr{font-family:"Arrow Mancha","Titan Mancha",sans-serif}

/* ===== HEADER ruler ===== */
.mc-ruler{
  display:flex;align-items:center;gap:16px;
  height:78px;padding:0 18px 0 14px;
  background:linear-gradient(180deg,#1a0a0c 0%,#0c0508 100%);
  border-bottom:2px solid #ffd024;
  position:relative;z-index:20;
}
.mc-ruler::after{
  content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='10' viewBox='0 0 120 10'><path d='M8 0 Q10 10 12 0 M28 0 Q31 8 34 0 M60 0 Q63 11 66 0 M90 0 Q93 7 96 0' fill='none' stroke='%23ffd024' stroke-width='2'/></svg>") repeat-x;
  pointer-events:none;
}
.mc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.mc-brand img{width:64px;height:64px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px #ffd024,0 0 12px #e01018}
.mc-word{font-family:"Titan Mancha",sans-serif;font-size:56px;line-height:1;letter-spacing:.02em;
  background:linear-gradient(180deg,#fff4dc 0%,#ffd024 55%,#e8a010 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 #140308) drop-shadow(2px 0 0 #140308);
  padding-top:4px}
.mc-burger{display:none;background:var(--chop);color:var(--ivory);border:2px solid var(--gold);border-radius:8px;font-family:"Titan Mancha",sans-serif;font-size:16px;padding:8px 12px}
.mc-chops{display:flex;gap:8px;margin-left:auto;align-items:center}
.mc-chop{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:86px;height:40px;padding:0 10px;
  background:linear-gradient(180deg,#e01018,#8a0810);
  color:var(--ivory)!important;text-decoration:none;
  font-family:"Titan Mancha",sans-serif;font-size:13px;letter-spacing:.02em;
  border:2px solid #ffd024;border-radius:6px;
  box-shadow:0 2px 0 #3a0808, inset 0 1px 0 #ff6a4a;
}
.mc-chop[aria-current="page"],.mc-chop:hover{background:linear-gradient(180deg,#ffd024,#e8a010);color:#140308!important}
.mc-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(180deg,#ff3a28 0%,#c80820 50%,#8a0810 100%);
  color:#fff4dc!important;text-decoration:none;
  font-family:"Titan Mancha",sans-serif;letter-spacing:.03em;
  border:2px solid #ffd024;border-radius:999px;
  box-shadow:0 0 16px rgba(224,16,24,.55),0 3px 0 #4a0808;
  text-shadow:0 1px 0 #3a0808;
}
.mc-cta:hover{filter:brightness(1.08)}
.mc-cta-nav{height:44px;padding:0 18px;font-size:16px;flex:0 0 auto;margin-left:10px}
.mc-cta-hero{min-width:280px;height:56px;padding:0 28px;font-size:22px}

/* ===== DESK + ORBIT FOLD ===== */
.mc-desk{
  background:#08040a url("/img/desk-laca.webp") center top / cover no-repeat;
  position:relative;overflow:hidden;
}
.mc-stage{height:722px;position:relative;display:flex;justify-content:center;overflow:hidden}
.mc-orbit{position:relative;width:1280px;height:722px;flex:0 0 1280px}

.mc-hero{position:absolute;left:300px;top:-8px;width:680px;height:620px;z-index:2;pointer-events:none}
.mc-hero img{width:680px;height:620px;object-fit:contain;object-position:center 20%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.65))}

.mc-title{position:absolute;left:310px;top:268px;width:660px;z-index:4;text-align:center;margin:0;line-height:.88;pointer-events:none}
.mc-title .mc-out,.mc-title .mc-fill{
  font-family:"Titan Mancha",sans-serif;font-size:84px;font-weight:400;
  letter-spacing:.01em;display:block;
}
.mc-title .mc-out{position:absolute;inset:0;color:#140308;-webkit-text-stroke:6px #140308;z-index:0;text-align:center}
.mc-title .mc-fill{
  position:relative;z-index:1;
  background:linear-gradient(180deg,#fff8e0 0%,#ffe56a 28%,#ffd024 62%,#ffb018 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.mc-hero-cta{position:absolute;left:400px;top:478px;z-index:5}
.mc-seal{
  position:absolute;left:710px;top:470px;z-index:5;
  width:92px;height:92px;border-radius:10px;
  background:linear-gradient(180deg,#e01018,#8a0810);
  border:3px solid #ffd024;color:#fff4dc;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:"Titan Mancha",sans-serif;line-height:1.05;text-align:center;
  box-shadow:0 4px 0 #3a0808,0 0 16px rgba(224,16,24,.4);
  transform:rotate(6deg);
}
.mc-seal b{font-size:16px;color:#ffd024}
.mc-seal span{font-size:11px}

/* tiles + promos */
.mc-tile,.mc-promo{position:absolute;z-index:3;display:block;text-decoration:none;color:inherit}
.mc-tile{width:206px}
.mc-tile .mc-art{
  position:relative;border-radius:22px;
  overflow:hidden;
  box-shadow:0 0 0 3px #ffd024,0 0 0 6px #6a1010,0 8px 18px rgba(0,0,0,.55);
  background:#10060a;
}
.mc-tile .mc-art img{width:100%;height:164px;object-fit:cover}
.mc-tile .mc-plaque{
  display:block;background:linear-gradient(180deg,#3a1a0a,#1a0a08);
  color:#ffd024;font-family:"Titan Mancha",sans-serif;
  font-size:16px;line-height:1.15;text-align:center;
  padding:7px 6px 8px;border-top:2px solid #ffd024;
  letter-spacing:.01em;
}
.mc-badge{
  position:absolute;top:8px;right:8px;z-index:4;
  font-family:"Titan Mancha",sans-serif;font-size:11px;letter-spacing:.04em;
  padding:3px 8px;border-radius:4px;border:1px solid #ffd024;
  color:#fff4dc;background:#c80820;
}
.mc-badge-novo{background:#6a4a08;color:#ffd024}

.mc-t-carimbo{left:22px;top:14px;transform:rotate(-8deg)}
.mc-t-respingo{left:1054px;top:14px;transform:rotate(8deg)}
.mc-t-selo{left:16px;top:236px;transform:rotate(-6deg)}
.mc-t-pegada{left:1056px;top:236px;transform:rotate(7deg)}
.mc-t-gota{left:20px;top:508px;transform:rotate(-5deg);width:214px}
.mc-t-olho{left:1048px;top:508px;transform:rotate(6deg);width:214px}
.mc-t-sino{left:268px;top:530px;width:232px;transform:rotate(-4deg)}
.mc-t-moedas{left:780px;top:530px;width:232px;transform:rotate(4deg)}
.mc-t-gota .mc-art img,.mc-t-olho .mc-art img{height:168px}
.mc-t-sino .mc-art img,.mc-t-moedas .mc-art img{height:150px}

.mc-promo{width:148px}
.mc-promo .mc-art{
  border-radius:12px;overflow:hidden;
  box-shadow:0 0 0 3px #ffd024,0 0 0 6px #8a0810,0 8px 16px rgba(0,0,0,.5);
}
.mc-promo .mc-art img{width:100%;height:118px;object-fit:cover}
.mc-promo .mc-ptitle{
  display:block;background:linear-gradient(180deg,#c80820,#6a0810);
  color:#fff4dc;font-family:"Titan Mancha",sans-serif;
  font-size:22px;line-height:1.1;text-align:center;padding:8px 6px 10px;
  border-top:2px solid #ffd024;
}
.mc-p-quente{left:248px;top:22px;transform:rotate(-7deg)}
.mc-p-giro{left:884px;top:22px;transform:rotate(7deg)}

/* below-fold ledger */
.mc-ledger{
  background:linear-gradient(180deg,#12060a,#08040a);
  border-top:2px solid #ffd024;padding:28px 24px 40px;
}
.mc-wrap{max-width:1100px;margin:0 auto}
.mc-facts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 28px}
.mc-fact{
  background:#14080c;border:2px solid #b87828;border-radius:10px;
  padding:12px 18px;min-width:160px;text-align:center;
}
.mc-fact b{display:block;font-family:"Titan Mancha",sans-serif;font-size:22px;color:#ffd024;line-height:1.1}
.mc-fact span{font-size:13px;color:#fff4dc}
.mc-led-title{font-family:"Titan Mancha",sans-serif;font-size:32px;color:#ffd024;text-align:center;margin:8px 0 18px}
.mc-fulls{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mc-full{background:#14080c;border:2px solid #c80820;border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ivory)}
.mc-full img{width:100%;height:110px;object-fit:cover}
.mc-full strong{display:block;padding:8px 10px;font-family:"Titan Mancha",sans-serif;font-size:16px;color:#ffd024;text-align:center}
.mc-note{font-size:14px;color:#d8c8a8;text-align:center;margin:18px 0}
.mc-cta-row{text-align:center;margin:16px 0 8px}

/* interior pages */
.mc-main{background:var(--ink)}
.mc-cover{margin:0;background:#08040a}
.mc-cover img{width:100%;height:auto;max-height:420px;object-fit:cover}
.mc-cover figcaption{padding:8px 16px;font-size:14px;color:#d8c8a8;text-align:center}
.mc-crumb{max-width:900px;margin:12px auto 0;padding:0 16px;font-size:14px;color:#d8c8a8}
.mc-article{max-width:900px;margin:0 auto;padding:8px 16px 48px}
.mc-article h1{
  font-family:"Titan Mancha",sans-serif;font-size:48px;line-height:1.05;margin:12px 0 18px;
  background:linear-gradient(180deg,#fff4dc,#ffd024 60%,#e01018);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 #140308);
}
.mc-article h2{font-family:"Titan Mancha",sans-serif;font-size:28px;color:#ffd024;margin:28px 0 10px}
.mc-article p,.mc-article li{color:#f3ead8}
.mc-article ul{padding-left:1.2em}
.mc-src{font-size:14px;color:#d8c8a8}
.mc-18{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#c80820;color:#fff;font-weight:800;margin-right:6px}

/* reviews hub */
.mc-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 16px}
.mc-tools input[type="search"]{
  flex:1;min-width:220px;background:#14080c;border:2px solid #b87828;color:var(--ivory);
  padding:10px 12px;border-radius:8px;font:inherit;
}
.mc-pads{display:flex;flex-wrap:wrap;gap:6px}
.mc-pads button{
  font-family:"Titan Mancha",sans-serif;font-size:13px;
  background:#14080c;color:#ffd024;border:2px solid #b87828;border-radius:6px;padding:8px 12px;cursor:pointer;
}
.mc-pads button[aria-pressed="true"]{background:#c80820;border-color:#ffd024;color:#fff4dc}
.mc-slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.mc-slip{background:#14080c;border:2px solid #6a1818;border-radius:12px;padding:12px 14px}
.mc-slip h3{font-family:"Titan Mancha",sans-serif;font-size:18px;color:#ffd024;margin:6px 0}
.mc-stamp{display:inline-block;background:#c80820;color:#fff4dc;font-family:"Titan Mancha",sans-serif;font-size:11px;padding:2px 8px;border-radius:4px;border:1px solid #ffd024}
.mc-more{
  display:block;margin:20px auto 0;font-family:"Titan Mancha",sans-serif;
  background:#c80820;color:#fff4dc;border:2px solid #ffd024;border-radius:999px;padding:12px 22px;cursor:pointer;font-size:16px;
}
.mc-go{display:inline-block;margin-top:8px;color:#ffd024}

.mc-footer{background:#060308;border-top:2px solid #3a1818;padding:24px 16px 36px;text-align:center;color:#d8c8a8;font-size:14px}
.mc-footer a{color:#ffd024;margin:0 6px}
.mc-dock{
  display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;
  justify-content:center;
}

@media (max-width:1279px) and (min-width:761px){
  .mc-stage{height:calc(722 * 100vw / 1280)}
  .mc-orbit{transform:scale(calc(100vw / 1280));transform-origin:top center}
}
@media (max-width:760px){
  .mc-ruler{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 10px 10px;gap:8px}
  .mc-brand img{width:52px;height:52px}
  .mc-word{font-size:34px}
  .mc-burger{display:block;margin-left:auto}
  .mc-chops{display:none;width:100%;flex-wrap:wrap}
  .mc-ruler.is-open .mc-chops{display:flex}
  .mc-cta-nav{display:none}
  .mc-stage{height:auto;display:block;overflow:visible}
  .mc-orbit{width:100%;height:auto;flex:none;display:block;padding:4px 8px 88px;position:relative}
  .mc-hero{position:relative;width:100%;height:auto;margin:0 auto;left:auto;top:auto;transform:none;pointer-events:none}
  .mc-hero img{width:100%;height:auto;max-height:340px;object-fit:contain;padding-bottom:70px}
  .mc-title{position:absolute;left:8px;right:8px;top:210px;width:auto;transform:none;margin:0;z-index:4}
  .mc-title .mc-out,.mc-title .mc-fill{font-size:42px}
  .mc-title .mc-out{position:absolute;inset:0;-webkit-text-stroke:5px #140308}
  .mc-hero-cta{position:absolute;left:0;right:0;top:320px;width:auto;transform:none;display:flex;justify-content:center;z-index:5}
  .mc-cta-hero{min-width:210px;height:46px;font-size:16px}
  .mc-seal{position:static;width:72px;height:72px;margin:8px auto 10px;transform:none;left:auto;top:auto}
  .mc-promo{position:static;transform:none;left:auto;top:auto;width:47%;display:inline-block;vertical-align:top;margin:4px 1.4%}
  .mc-tile{position:static;transform:none;left:auto;top:auto;width:47%;display:inline-block;vertical-align:top;margin:6px 1.4%}
  .mc-tile .mc-art img{height:112px}
  .mc-promo .mc-art img{height:86px}
  .mc-promo .mc-ptitle{font-size:16px}
  .mc-fulls{grid-template-columns:1fr 1fr}
  .mc-article h1{font-size:34px}
  .mc-dock{display:flex}
  .mc-dock .mc-cta{width:100%;height:52px;font-size:18px}
}
