/*
Theme Name: Mystika Estelar
Description: Tema da Mystika Estelar baseado na landing aprovada.
Version: 8.0.0
*/


:root{--pink:#ef91aa;--pink2:#f8b5c7;--deep:#e51d68;--black:#121012;--yellow:#ffd51f;--cream:#fff8f2}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Arial,sans-serif;background:var(--cream);color:var(--black)}
nav{height:86px;background:#fffaf7;border-bottom:3px solid var(--black);display:flex;align-items:center;padding:0 5vw;position:relative;z-index:10}
.logo{width:225px;height:auto}.menu{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:800}
.menu a{text-decoration:none;color:var(--black)}.menu .cta{border:2px solid var(--black);background:var(--pink);padding:10px 16px;border-radius:999px}
.hero{height:570px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f29ab2 0%,#ef91aa 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.72) 1px,transparent 1.5px),radial-gradient(var(--yellow) 1px,transparent 1.5px);background-size:78px 78px,121px 121px;background-position:0 0,31px 42px;opacity:.55}
.hero::after{content:"";position:absolute;width:620px;height:620px;border:2px solid rgba(255,255,255,.12);border-radius:50%;left:50%;top:62%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.02)}
.stage{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mascot-box{width:235px;height:220px;display:grid;place-items:center;margin-bottom:-20px;position:relative}
.mascot{max-width:230px;max-height:215px;object-fit:contain;image-rendering:pixelated;transition:opacity .08s linear,transform .08s linear}
.mascot.pop{transform:translateY(-3px) scale(1.02)}
.action{border:4px solid var(--black);background:var(--pink2);padding:17px 34px;min-width:330px;box-shadow:7px 7px 0 var(--black);font:900 20px "Courier New",monospace;text-transform:uppercase;cursor:pointer;position:relative}
.action:hover{background:#ffc5d3;transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--black)}
.action::before,.action::after{content:"✦";color:var(--yellow);-webkit-text-stroke:1px var(--black);margin:0 10px}
.deco{position:absolute;color:var(--yellow);font:900 30px "Courier New",monospace;text-shadow:2px 2px var(--black)}.d1{left:18%;top:25%}.d2{right:19%;top:34%}.d3{left:26%;bottom:18%;font-size:20px}.d4{right:27%;bottom:17%;font-size:20px}
.modalbg{position:fixed;inset:0;background:rgba(18,16,18,.7);z-index:100;display:none;place-items:center;padding:18px}.modalbg.open{display:grid}
.popup{width:min(610px,96vw);background:var(--cream);border:4px solid var(--black);box-shadow:10px 10px 0 var(--deep);padding:26px;position:relative;animation:appear .18s ease-out}
@keyframes appear{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:3px solid var(--black);background:var(--pink);font-size:20px;font-weight:900;cursor:pointer}
.popup-title{text-align:center;font:900 13px "Courier New",monospace;letter-spacing:.08em;margin-bottom:17px}
.result{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center}
.cardframe{width:180px;height:309px;border:4px solid var(--black);overflow:hidden;background:#eadbbf;box-shadow:5px 5px 0 var(--pink)}
.cardimg{width:180px;height:309px;object-fit:cover;display:block;image-rendering:pixelated}
.reading h2{font:900 25px "Courier New",monospace;margin:0 0 12px}.reading p{font-size:14px;line-height:1.58;margin:0;color:#443a40}
.again{margin-top:17px;border:3px solid var(--black);background:var(--pink);padding:10px 13px;font:900 12px "Courier New",monospace;cursor:pointer}
.loading{display:none;font:900 12px "Courier New",monospace;margin-top:10px}.loading.show{display:block}
@media(max-width:760px){.menu{display:none}nav{justify-content:center}.hero{height:530px}.result{grid-template-columns:1fr}.cardframe{margin:auto}.reading{text-align:center}.popup{max-height:94vh;overflow:auto;padding-top:48px}.action{min-width:280px;font-size:16px}}

:root {
  --pink:#f391aa;
  --pink2:#ffd4df;
  --hot:#ec1b67;
  --yellow:#ffd735;
  --ink:#171217;
  --paper:#fffaf7;
  --green:#63754b;
}
/* MENU MYSTIKA */
.topbar{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,250,247,.96);
  border-bottom:3px solid var(--ink);
  backdrop-filter:blur(10px);
}
.nav{
  width:min(1180px,94%);
  min-height:82px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:28px;
}
.nav-logo{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  text-decoration:none;
  flex-shrink:0;
}
.nav-logo img{
  width:245px;
  height:auto;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:transparent;
  image-rendering:auto;
}
.nav-logo span{
  font-family:"Courier New",monospace;
  font-size:.9rem;
  font-weight:900;
  line-height:1.05;
}
.nav-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  flex:1;
}
.nav-links a{
  position:relative;
  color:var(--ink);
  text-decoration:none;
  font-size:.88rem;
  font-weight:800;
  white-space:nowrap;
}
.nav-links a:not(.consulta):after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:0;
  height:3px;
  background:var(--hot);
  transition:.2s ease;
}
.nav-links a:not(.consulta):hover:after{width:100%}
.consulta{
  padding:11px 16px;
  background:var(--pink);
  border:2px solid var(--ink);
  border-radius:999px;
  box-shadow:4px 4px 0 var(--yellow);
}
.consulta:hover{
  transform:translate(-1px,-1px);
  box-shadow:6px 6px 0 var(--yellow);
}
.menu-toggle{display:none}
@media(max-width:1100px){
  .nav{gap:12px}
  .nav-links{gap:12px}
  .nav-links a{font-size:.76rem}
  .nav-logo img{width:190px}
}
@media(max-width:760px){
  .topbar{position:relative}
  .nav{min-height:72px;flex-wrap:wrap;padding:8px 0 12px}
  .nav-logo img{width:175px;height:auto}
  .nav-links{
    width:100%;
    flex-basis:100%;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 16px;
  }
  .nav-links a{font-size:.8rem}
  .consulta{padding:9px 14px}
}


.services-section{position:relative;overflow:hidden;background:var(--pink);border-top:4px solid var(--black);padding:76px 6vw 88px}
.services-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.7) 1px,transparent 1.5px),radial-gradient(var(--yellow) 1px,transparent 1.5px);background-size:73px 73px,119px 119px;background-position:4px 8px,31px 41px;opacity:.45}
.services-inner{position:relative;z-index:1;max-width:1050px;margin:auto}
.services-head{text-align:center;max-width:700px;margin:0 auto 34px}
.services-head .mini{font:900 12px "Courier New",monospace;letter-spacing:.08em}
.services-head h2{font:900 clamp(28px,4vw,44px) "Courier New",monospace;margin:8px 0 11px}
.services-head p{line-height:1.55;margin:0;color:#46373e}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{min-height:245px;border:4px solid var(--black);background:var(--cream);box-shadow:7px 7px 0 var(--black);padding:25px 18px 20px;text-align:center;cursor:pointer;position:relative;transition:.12s ease}
.service-card:hover,.service-card:focus-visible{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--black);outline:none}
.service-icon{width:84px;height:84px;margin:0 auto 17px;border:3px solid var(--black);background:var(--pink2);display:grid;place-items:center;font:900 34px "Courier New",monospace;image-rendering:pixelated;box-shadow:4px 4px 0 var(--black)}
.service-card h3{font:900 18px "Courier New",monospace;margin:0 0 8px;text-transform:uppercase}
.service-card p{font-size:13px;line-height:1.45;margin:0;color:#5b4a52}
.service-card .open-label{display:inline-block;margin-top:15px;font:900 10px "Courier New",monospace;border:2px solid var(--black);background:var(--pink2);padding:6px 8px}
.service-modal{position:fixed;inset:0;z-index:120;background:rgba(18,16,18,.72);display:none;place-items:center;padding:18px}
.service-modal.open{display:grid}
.service-popup{width:min(690px,96vw);max-height:90vh;overflow:auto;background:var(--cream);border:4px solid var(--black);box-shadow:10px 10px 0 var(--deep);padding:30px;position:relative;animation:appear .18s ease-out}
.service-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:3px solid var(--black);background:var(--pink);font-size:20px;font-weight:900;cursor:pointer}
.service-kicker{font:900 11px "Courier New",monospace;color:var(--deep);letter-spacing:.08em}
.service-popup h3{font:900 29px "Courier New",monospace;margin:7px 0 12px}
.service-intro{font-size:15px;line-height:1.6;color:#443a40;margin:0 0 22px}
.service-options{display:grid;gap:10px}
.service-option{border:3px solid var(--black);background:#fff;padding:15px 16px}
.service-option strong{display:block;font:900 14px "Courier New",monospace;margin-bottom:5px}
.service-option p{font-size:13px;line-height:1.5;margin:0;color:#55464d}
.service-note{font-size:12px;line-height:1.5;color:#78636d;margin:18px 0 0}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.services-section{padding:56px 5vw 68px}.service-grid{grid-template-columns:1fr}.service-card{min-height:210px}.service-popup{padding:46px 20px 24px}}

/* AJUSTES E NOVAS SEÇÕES */
.mascot-box{margin-bottom:12px!important}
.action{z-index:5}
.site-section{padding:76px 6vw;border-top:4px solid var(--black);position:relative}
.site-inner{max-width:980px;margin:auto}
.section-kicker{font:900 12px "Courier New",monospace;letter-spacing:.08em;color:var(--deep)}
.site-section h2{font:900 clamp(28px,4vw,44px) "Courier New",monospace;margin:8px 0 16px}
.site-section p{line-height:1.65;color:#51434a}
.about-section{background:#ffd4df}
.about-card{background:#fff8f2;border:4px solid var(--black);box-shadow:9px 9px 0 var(--black);padding:28px}
.arcano-more{display:flex;justify-content:center;margin-top:28px}
.read-more-btn{display:inline-block;text-decoration:none;color:var(--black);background:var(--pink);border:3px solid var(--black);box-shadow:5px 5px 0 var(--yellow);padding:13px 20px;font:900 13px "Courier New",monospace}
.read-more-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--yellow)}
.placeholder-section{min-height:230px;background:#fff8f2}
.placeholder-section.alt{background:#ffd4df}
.placeholder-box{height:92px;border:3px dashed rgba(18,16,18,.28);margin-top:24px;background:rgba(255,255,255,.35)}
.site-footer{background:#121012;color:#fff8f2;padding:42px 6vw;border-top:4px solid #121012}
.footer-inner{max-width:980px;margin:auto;text-align:center}
.footer-title{font:900 20px "Courier New",monospace;margin-bottom:18px}
.footer-social{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.footer-social a{color:#121012;background:#f391aa;border:2px solid #fff8f2;text-decoration:none;padding:9px 12px;font:900 11px "Courier New",monospace}
.footer-note{font-size:12px;opacity:.75;margin-top:20px}
@media(max-width:760px){
  .site-section{padding:56px 5vw}
}

/* REVISÃO SOLICITADA */
.consulta{border-radius:0!important;box-shadow:4px 4px 0 var(--ink)!important}
.consulta:hover{box-shadow:6px 6px 0 var(--ink)!important}

/* hero em linguagem de game, sem círculo/fundo rosa preso à imagem */
.hero{
  background-color:#f391aa!important;
  background-image:
    linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
    radial-gradient(circle at 14% 24%,#ffd735 0 3px,transparent 4px),
    radial-gradient(circle at 82% 28%,#fff8f2 0 2px,transparent 3px),
    radial-gradient(circle at 72% 78%,#ffd735 0 3px,transparent 4px)!important;
  background-size:32px 32px,32px 32px,100% 100%,100% 100%,100% 100%!important;
}
.stage{gap:14px!important}
.mascot-box{
  background:transparent!important;border:0!important;box-shadow:none!important;
  overflow:visible!important;margin-bottom:18px!important;
}
.mascot{max-width:245px!important;max-height:230px!important;background:transparent!important}
.action{z-index:8!important}
.cardframe{border:0!important;background:transparent!important;box-shadow:6px 6px 0 var(--pink)!important}
.cardimg{width:180px!important;height:309px!important;display:block!important}

/* Arcano */
.arcano-head{margin-bottom:32px!important}

/* Sobre */
.about-section{background:#ffd4df!important}
.about-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:center}
.about-copy h2{font:900 clamp(30px,4vw,46px) "Courier New",monospace;margin:0 0 18px}
.about-copy p{font-size:15px;line-height:1.72;margin:0 0 15px}
.about-photo-placeholder{
  min-height:330px;background:#fff8f2;border:4px solid var(--black);
  box-shadow:8px 8px 0 var(--black);display:grid;place-items:center;position:relative;
  overflow:visible;text-align:center;font:900 12px "Courier New",monospace;color:#8a737d
}
.about-photo-placeholder span{opacity:.7}
.about-nickie{position:absolute;width:105px;right:-20px;bottom:-18px;image-rendering:pixelated}

/* Serviços */
#servicos .services-inner>h2{margin-top:0!important}
.service-card{scroll-margin-top:110px}
.service-option{position:relative;padding-bottom:54px!important}
.service-option.clickable:after{
  content:"SAIBA MAIS ✦";position:absolute;left:14px;bottom:13px;
  border:2px solid var(--black);background:var(--pink2);padding:8px 10px;
  font:900 10px "Courier New",monospace;box-shadow:3px 3px 0 var(--black)
}
.offer{border-radius:0!important}
.offer-btn{display:inline-block!important;width:auto!important;border-radius:0!important;box-shadow:4px 4px 0 var(--black)!important}

/* Testes e Blog */
.clean-placeholder{background:#fff8f2!important;border-top:4px solid var(--black)!important;min-height:260px}
.clean-placeholder h2{font:900 clamp(30px,4vw,46px) "Courier New",monospace;margin:0}
.blank-area{height:110px}

/* Rodapé */
.site-footer{background:#f391aa!important;color:var(--black)!important;border-top:4px solid var(--black)!important}
.footer-logo{width:min(320px,80vw);height:auto;margin:0 auto 22px;display:block}
.footer-social a{background:#fff8f2!important;border:2px solid var(--black)!important;color:var(--black)!important;box-shadow:3px 3px 0 var(--black)}
.footer-bottom{border-top:2px solid var(--black);margin-top:28px;padding-top:20px;font-size:12px;line-height:1.7}
.footer-bottom a{color:var(--black);font-weight:900}
@media(max-width:760px){
  .about-layout{grid-template-columns:1fr}
  .about-photo-placeholder{min-height:260px}
}

/* ILUSTRAÇÃO DO SOBRE */
.about-photo-placeholder{padding:0!important;overflow:hidden!important;min-height:0!important;aspect-ratio:1/1;background:#fff8f2!important}
.about-portrait{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}
.about-nickie{display:none!important}

/* SERVIÇOS: POPUPS REFEITOS */
.service-modal{padding:24px!important}
.service-popup{
 width:min(920px,94vw)!important;max-height:88vh!important;overflow:auto!important;
 padding:0!important;background:#fffaf7!important;border:4px solid var(--black)!important;
 border-radius:0!important;box-shadow:12px 12px 0 var(--black)!important;
}
.service-modal-header{
 position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:14px;
 padding:18px 58px 18px 20px;background:var(--pink);border-bottom:4px solid var(--black)
}
.service-modal-header #serviceTitle{margin:0!important;font:900 clamp(22px,3vw,34px) "Courier New",monospace!important}
.service-top-back{
 display:none;background:#fffaf7;border:3px solid var(--black);border-radius:0;
 box-shadow:3px 3px 0 var(--black);padding:9px 11px;
 font:900 10px "Courier New",monospace;cursor:pointer;color:var(--black)
}
.service-top-back.show{display:inline-block}
.service-close{
 position:sticky!important;float:right!important;top:14px!important;margin:14px 14px -52px 0!important;
 z-index:12!important;width:38px!important;height:38px!important;background:#fffaf7!important;
 border:3px solid var(--black)!important;border-radius:0!important;box-shadow:3px 3px 0 var(--black)!important
}
#serviceIntro{padding:25px 28px 8px!important;margin:0!important;line-height:1.72!important;color:#493b42!important;font-size:15px!important}
.service-options{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;padding:18px 28px 26px!important;margin:0!important
}
.service-option{
 position:relative!important;min-height:145px!important;padding:18px!important;
 background:var(--pink2)!important;border:3px solid var(--black)!important;border-radius:0!important;
 box-shadow:5px 5px 0 var(--black)!important
}
.service-option strong{display:block!important;margin-bottom:10px!important;font:900 16px "Courier New",monospace!important}
.service-option p{margin:0!important;line-height:1.55!important}
.service-option.clickable{cursor:pointer!important;padding-bottom:58px!important}
.service-option.clickable:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)!important}
.service-option.clickable:after{
 content:"ABRIR ✦"!important;position:absolute!important;left:18px!important;bottom:14px!important;
 background:#fffaf7!important;border:2px solid var(--black)!important;box-shadow:3px 3px 0 var(--black)!important;
 padding:8px 10px!important;font:900 10px "Courier New",monospace!important
}
#serviceNote{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
 gap:16px!important;padding:0 28px 30px!important;margin:0!important
}
.offer{
 margin:0!important;min-height:255px!important;padding:20px!important;display:flex!important;flex-direction:column!important;
 background:#fff!important;border:3px solid var(--black)!important;border-radius:0!important;
 box-shadow:6px 6px 0 var(--pink)!important
}
.offer-badge{align-self:flex-start!important;background:var(--yellow)!important;border:2px solid var(--black)!important;padding:6px 8px!important;font:900 10px "Courier New",monospace!important;margin-bottom:12px!important}
.offer h4{font:900 18px "Courier New",monospace!important;margin:0 0 10px!important}
.offer p{line-height:1.55!important;margin:0 0 16px!important}
.old-price{text-decoration:line-through;opacity:.55}
.new-price{font:900 24px "Courier New",monospace!important;color:var(--hot)!important}
.offer-btn{
 margin-top:auto!important;display:block!important;width:auto!important;text-align:center!important;
 background:var(--pink)!important;color:var(--black)!important;text-decoration:none!important;
 border:3px solid var(--black)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--black)!important;
 padding:12px 10px!important;font:900 11px "Courier New",monospace!important
}
.offer-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)!important}
.service-detail{
 grid-column:1/-1;background:#fff!important;border:3px solid var(--black)!important;
 box-shadow:6px 6px 0 var(--pink)!important;padding:24px!important
}
.service-detail h4{font:900 15px "Courier New",monospace!important;margin:20px 0 8px!important}
.service-detail h4:first-child{margin-top:0!important}
.service-detail p{line-height:1.72!important;margin:0!important}
.service-back{display:none!important}
@media(max-width:700px){
 .service-modal{padding:12px!important}
 .service-options{grid-template-columns:1fr!important;padding:16px 18px 22px!important}
 #serviceNote{grid-template-columns:1fr!important;padding:0 18px 24px!important}
 #serviceIntro{padding:22px 18px 8px!important}
 .service-modal-header{padding-left:16px!important}
}

/* CORREÇÃO POPUP: não fica mais atrás do menu nem cortado */
.service-modal{
  z-index:5000!important;
  place-items:start center!important;
  overflow:hidden!important;
  padding:18px!important;
}
.service-popup{
  width:min(920px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 36px)!important;
  margin:0 auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable;
}
.service-modal-header{
  top:0!important;
}
@supports not (height:100dvh){
  .service-popup{max-height:calc(100vh - 36px)!important}
}
@media(max-width:700px){
  .service-modal{padding:8px!important}
  .service-popup{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
}


/* AJUSTE DAS GRADES COM TRÊS ITENS */
.service-options > .service-option:last-child:nth-child(odd){
  grid-column:1 / -1!important;
  min-height:145px!important;
}
@media(max-width:700px){
  .service-options > .service-option:last-child:nth-child(odd){
    grid-column:auto!important;
  }
}

/* NICKIE VISÍVEL IMEDIATAMENTE */
.hero-cat img, .nickie img, #nickie img{
  opacity:1!important;
  visibility:visible!important;
}



.arcano-section{background:#fff8f2;padding:76px 6vw 86px;border-top:4px solid var(--black);position:relative;overflow:hidden}
.arcano-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(239,145,170,.32) 1px,transparent 1.5px);background-size:34px 34px;pointer-events:none}
.arcano-inner{position:relative;z-index:1;max-width:980px;margin:auto}
.arcano-head{text-align:center;margin-bottom:32px}
.arcano-head .mini{font:900 12px "Courier New",monospace;color:var(--deep);letter-spacing:.08em}
.arcano-head h2{font:900 clamp(28px,4vw,44px) "Courier New",monospace;margin:9px 0 12px}
.arcano-head p{max-width:650px;margin:auto;line-height:1.55;color:#574850}
.calcbox{max-width:650px;margin:auto;background:var(--pink2);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);padding:27px;text-align:center}
.calcbox label{display:block;font:900 14px "Courier New",monospace;margin-bottom:12px}
.birth{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.birth input{width:92px;border:3px solid var(--black);background:#fff;padding:12px;text-align:center;font:900 16px "Courier New",monospace;outline:none}
.birth input.year{width:112px}
.calcbtn{margin-top:18px;border:3px solid var(--black);background:var(--pink);padding:13px 22px;box-shadow:4px 4px 0 var(--black);font:900 14px "Courier New",monospace;cursor:pointer}
.calcbtn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--black)}
.calc-error{min-height:20px;margin-top:12px;font-size:13px;font-weight:700;color:#9c1748}
.arcano-result{display:none;max-width:760px;margin:38px auto 0;background:#fff;border:4px solid var(--black);box-shadow:9px 9px 0 var(--pink);padding:30px}
.arcano-result.show{display:block;animation:arcIn .2s ease-out}
@keyframes arcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.arcano-number{font:900 12px "Courier New",monospace;color:var(--deep);letter-spacing:.08em}
.arcano-result h3{font:900 30px "Courier New",monospace;margin:7px 0 18px}
.arcano-result h4{font:900 15px "Courier New",monospace;margin:23px 0 7px}
.arcano-result p{font-size:15px;line-height:1.65;color:#443a40;margin:0}
.arcano-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 4px}
.arcano-tags span{border:2px solid var(--black);background:var(--pink2);padding:6px 9px;font:900 11px "Courier New",monospace}
.calc-note{font-size:12px!important;color:#76636d!important;margin-top:22px!important}
@media(max-width:560px){.arcano-section{padding:55px 5vw 65px}.calcbox,.arcano-result{padding:21px}.birth input{width:78px}.birth input.year{width:100px}}


/* WordPress pages */
:root{--pink:#ef91aa;--pink2:#f8b5c7;--deep:#e51d68;--black:#121012;--yellow:#ffd51f;--cream:#fff8f2}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Arial,sans-serif;background:var(--cream);color:var(--black)}
nav{height:86px;background:#fffaf7;border-bottom:3px solid var(--black);display:flex;align-items:center;padding:0 5vw;position:relative;z-index:10}
.logo{width:225px;height:auto}.menu{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:800}
.menu a{text-decoration:none;color:var(--black)}.menu .cta{border:2px solid var(--black);background:var(--pink);padding:10px 16px;border-radius:999px}
.hero{height:570px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f29ab2 0%,#ef91aa 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.72) 1px,transparent 1.5px),radial-gradient(var(--yellow) 1px,transparent 1.5px);background-size:78px 78px,121px 121px;background-position:0 0,31px 42px;opacity:.55}
.hero::after{content:"";position:absolute;width:620px;height:620px;border:2px solid rgba(255,255,255,.12);border-radius:50%;left:50%;top:62%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.02)}
.stage{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mascot-box{width:235px;height:220px;display:grid;place-items:center;margin-bottom:-20px;position:relative}
.mascot{max-width:230px;max-height:215px;object-fit:contain;image-rendering:pixelated;transition:opacity .08s linear,transform .08s linear}
.mascot.pop{transform:translateY(-3px) scale(1.02)}
.action{border:4px solid var(--black);background:var(--pink2);padding:17px 34px;min-width:330px;box-shadow:7px 7px 0 var(--black);font:900 20px "Courier New",monospace;text-transform:uppercase;cursor:pointer;position:relative}
.action:hover{background:#ffc5d3;transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--black)}
.action::before,.action::after{content:"✦";color:var(--yellow);-webkit-text-stroke:1px var(--black);margin:0 10px}
.deco{position:absolute;color:var(--yellow);font:900 30px "Courier New",monospace;text-shadow:2px 2px var(--black)}.d1{left:18%;top:25%}.d2{right:19%;top:34%}.d3{left:26%;bottom:18%;font-size:20px}.d4{right:27%;bottom:17%;font-size:20px}
.modalbg{position:fixed;inset:0;background:rgba(18,16,18,.7);z-index:100;display:none;place-items:center;padding:18px}.modalbg.open{display:grid}
.popup{width:min(610px,96vw);background:var(--cream);border:4px solid var(--black);box-shadow:10px 10px 0 var(--deep);padding:26px;position:relative;animation:appear .18s ease-out}
@keyframes appear{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:3px solid var(--black);background:var(--pink);font-size:20px;font-weight:900;cursor:pointer}
.popup-title{text-align:center;font:900 13px "Courier New",monospace;letter-spacing:.08em;margin-bottom:17px}
.result{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center}
.cardframe{width:180px;height:309px;border:4px solid var(--black);overflow:hidden;background:#eadbbf;box-shadow:5px 5px 0 var(--pink)}
.cardimg{width:180px;height:309px;object-fit:cover;display:block;image-rendering:pixelated}
.reading h2{font:900 25px "Courier New",monospace;margin:0 0 12px}.reading p{font-size:14px;line-height:1.58;margin:0;color:#443a40}
.again{margin-top:17px;border:3px solid var(--black);background:var(--pink);padding:10px 13px;font:900 12px "Courier New",monospace;cursor:pointer}
.loading{display:none;font:900 12px "Courier New",monospace;margin-top:10px}.loading.show{display:block}
@media(max-width:760px){.menu{display:none}nav{justify-content:center}.hero{height:530px}.result{grid-template-columns:1fr}.cardframe{margin:auto}.reading{text-align:center}.popup{max-height:94vh;overflow:auto;padding-top:48px}.action{min-width:280px;font-size:16px}}

:root {
  --pink:#f391aa;
  --pink2:#ffd4df;
  --hot:#ec1b67;
  --yellow:#ffd735;
  --ink:#171217;
  --paper:#fffaf7;
  --green:#63754b;
}
/* MENU MYSTIKA */
.topbar{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,250,247,.96);
  border-bottom:3px solid var(--ink);
  backdrop-filter:blur(10px);
}
.nav{
  width:min(1180px,94%);
  min-height:82px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:28px;
}
.nav-logo{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  text-decoration:none;
  flex-shrink:0;
}
.nav-logo img{
  width:245px;
  height:auto;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:transparent;
  image-rendering:auto;
}
.nav-logo span{
  font-family:"Courier New",monospace;
  font-size:.9rem;
  font-weight:900;
  line-height:1.05;
}
.nav-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  flex:1;
}
.nav-links a{
  position:relative;
  color:var(--ink);
  text-decoration:none;
  font-size:.88rem;
  font-weight:800;
  white-space:nowrap;
}
.nav-links a:not(.consulta):after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:0;
  height:3px;
  background:var(--hot);
  transition:.2s ease;
}
.nav-links a:not(.consulta):hover:after{width:100%}
.consulta{
  padding:11px 16px;
  background:var(--pink);
  border:2px solid var(--ink);
  border-radius:999px;
  box-shadow:4px 4px 0 var(--yellow);
}
.consulta:hover{
  transform:translate(-1px,-1px);
  box-shadow:6px 6px 0 var(--yellow);
}
.menu-toggle{display:none}
@media(max-width:1100px){
  .nav{gap:12px}
  .nav-links{gap:12px}
  .nav-links a{font-size:.76rem}
  .nav-logo img{width:190px}
}
@media(max-width:760px){
  .topbar{position:relative}
  .nav{min-height:72px;flex-wrap:wrap;padding:8px 0 12px}
  .nav-logo img{width:175px;height:auto}
  .nav-links{
    width:100%;
    flex-basis:100%;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 16px;
  }
  .nav-links a{font-size:.8rem}
  .consulta{padding:9px 14px}
}


.services-section{position:relative;overflow:hidden;background:var(--pink);border-top:4px solid var(--black);padding:76px 6vw 88px}
.services-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.7) 1px,transparent 1.5px),radial-gradient(var(--yellow) 1px,transparent 1.5px);background-size:73px 73px,119px 119px;background-position:4px 8px,31px 41px;opacity:.45}
.services-inner{position:relative;z-index:1;max-width:1050px;margin:auto}
.services-head{text-align:center;max-width:700px;margin:0 auto 34px}
.services-head .mini{font:900 12px "Courier New",monospace;letter-spacing:.08em}
.services-head h2{font:900 clamp(28px,4vw,44px) "Courier New",monospace;margin:8px 0 11px}
.services-head p{line-height:1.55;margin:0;color:#46373e}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{min-height:245px;border:4px solid var(--black);background:var(--cream);box-shadow:7px 7px 0 var(--black);padding:25px 18px 20px;text-align:center;cursor:pointer;position:relative;transition:.12s ease}
.service-card:hover,.service-card:focus-visible{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--black);outline:none}
.service-icon{width:84px;height:84px;margin:0 auto 17px;border:3px solid var(--black);background:var(--pink2);display:grid;place-items:center;font:900 34px "Courier New",monospace;image-rendering:pixelated;box-shadow:4px 4px 0 var(--black)}
.service-card h3{font:900 18px "Courier New",monospace;margin:0 0 8px;text-transform:uppercase}
.service-card p{font-size:13px;line-height:1.45;margin:0;color:#5b4a52}
.service-card .open-label{display:inline-block;margin-top:15px;font:900 10px "Courier New",monospace;border:2px solid var(--black);background:var(--pink2);padding:6px 8px}
.service-modal{position:fixed;inset:0;z-index:120;background:rgba(18,16,18,.72);display:none;place-items:center;padding:18px}
.service-modal.open{display:grid}
.service-popup{width:min(690px,96vw);max-height:90vh;overflow:auto;background:var(--cream);border:4px solid var(--black);box-shadow:10px 10px 0 var(--deep);padding:30px;position:relative;animation:appear .18s ease-out}
.service-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:3px solid var(--black);background:var(--pink);font-size:20px;font-weight:900;cursor:pointer}
.service-kicker{font:900 11px "Courier New",monospace;color:var(--deep);letter-spacing:.08em}
.service-popup h3{font:900 29px "Courier New",monospace;margin:7px 0 12px}
.service-intro{font-size:15px;line-height:1.6;color:#443a40;margin:0 0 22px}
.service-options{display:grid;gap:10px}
.service-option{border:3px solid var(--black);background:#fff;padding:15px 16px}
.service-option strong{display:block;font:900 14px "Courier New",monospace;margin-bottom:5px}
.service-option p{font-size:13px;line-height:1.5;margin:0;color:#55464d}
.service-note{font-size:12px;line-height:1.5;color:#78636d;margin:18px 0 0}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.services-section{padding:56px 5vw 68px}.service-grid{grid-template-columns:1fr}.service-card{min-height:210px}.service-popup{padding:46px 20px 24px}}

/* AJUSTES E NOVAS SEÇÕES */
.mascot-box{margin-bottom:12px!important}
.action{z-index:5}
.site-section{padding:76px 6vw;border-top:4px solid var(--black);position:relative}
.site-inner{max-width:980px;margin:auto}
.section-kicker{font:900 12px "Courier New",monospace;letter-spacing:.08em;color:var(--deep)}
.site-section h2{font:900 clamp(28px,4vw,44px) "Courier New",monospace;margin:8px 0 16px}
.site-section p{line-height:1.65;color:#51434a}
.about-section{background:#ffd4df}
.about-card{background:#fff8f2;border:4px solid var(--black);box-shadow:9px 9px 0 var(--black);padding:28px}
.arcano-more{display:flex;justify-content:center;margin-top:28px}
.read-more-btn{display:inline-block;text-decoration:none;color:var(--black);background:var(--pink);border:3px solid var(--black);box-shadow:5px 5px 0 var(--yellow);padding:13px 20px;font:900 13px "Courier New",monospace}
.read-more-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--yellow)}
.placeholder-section{min-height:230px;background:#fff8f2}
.placeholder-section.alt{background:#ffd4df}
.placeholder-box{height:92px;border:3px dashed rgba(18,16,18,.28);margin-top:24px;background:rgba(255,255,255,.35)}
.site-footer{background:#121012;color:#fff8f2;padding:42px 6vw;border-top:4px solid #121012}
.footer-inner{max-width:980px;margin:auto;text-align:center}
.footer-title{font:900 20px "Courier New",monospace;margin-bottom:18px}
.footer-social{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.footer-social a{color:#121012;background:#f391aa;border:2px solid #fff8f2;text-decoration:none;padding:9px 12px;font:900 11px "Courier New",monospace}
.footer-note{font-size:12px;opacity:.75;margin-top:20px}
@media(max-width:760px){
  .site-section{padding:56px 5vw}
}

/* REVISÃO SOLICITADA */
.consulta{border-radius:0!important;box-shadow:4px 4px 0 var(--ink)!important}
.consulta:hover{box-shadow:6px 6px 0 var(--ink)!important}

/* hero em linguagem de game, sem círculo/fundo rosa preso à imagem */
.hero{
  background-color:#f391aa!important;
  background-image:
    linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
    radial-gradient(circle at 14% 24%,#ffd735 0 3px,transparent 4px),
    radial-gradient(circle at 82% 28%,#fff8f2 0 2px,transparent 3px),
    radial-gradient(circle at 72% 78%,#ffd735 0 3px,transparent 4px)!important;
  background-size:32px 32px,32px 32px,100% 100%,100% 100%,100% 100%!important;
}
.stage{gap:14px!important}
.mascot-box{
  background:transparent!important;border:0!important;box-shadow:none!important;
  overflow:visible!important;margin-bottom:18px!important;
}
.mascot{max-width:245px!important;max-height:230px!important;background:transparent!important}
.action{z-index:8!important}
.cardframe{border:0!important;background:transparent!important;box-shadow:6px 6px 0 var(--pink)!important}
.cardimg{width:180px!important;height:309px!important;display:block!important}

/* Arcano */
.arcano-head{margin-bottom:32px!important}

/* Sobre */
.about-section{background:#ffd4df!important}
.about-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:center}
.about-copy h2{font:900 clamp(30px,4vw,46px) "Courier New",monospace;margin:0 0 18px}
.about-copy p{font-size:15px;line-height:1.72;margin:0 0 15px}
.about-photo-placeholder{
  min-height:330px;background:#fff8f2;border:4px solid var(--black);
  box-shadow:8px 8px 0 var(--black);display:grid;place-items:center;position:relative;
  overflow:visible;text-align:center;font:900 12px "Courier New",monospace;color:#8a737d
}
.about-photo-placeholder span{opacity:.7}
.about-nickie{position:absolute;width:105px;right:-20px;bottom:-18px;image-rendering:pixelated}

/* Serviços */
#servicos .services-inner>h2{margin-top:0!important}
.service-card{scroll-margin-top:110px}
.service-option{position:relative;padding-bottom:54px!important}
.service-option.clickable:after{
  content:"SAIBA MAIS ✦";position:absolute;left:14px;bottom:13px;
  border:2px solid var(--black);background:var(--pink2);padding:8px 10px;
  font:900 10px "Courier New",monospace;box-shadow:3px 3px 0 var(--black)
}
.offer{border-radius:0!important}
.offer-btn{display:inline-block!important;width:auto!important;border-radius:0!important;box-shadow:4px 4px 0 var(--black)!important}

/* Testes e Blog */
.clean-placeholder{background:#fff8f2!important;border-top:4px solid var(--black)!important;min-height:260px}
.clean-placeholder h2{font:900 clamp(30px,4vw,46px) "Courier New",monospace;margin:0}
.blank-area{height:110px}

/* Rodapé */
.site-footer{background:#f391aa!important;color:var(--black)!important;border-top:4px solid var(--black)!important}
.footer-logo{width:min(320px,80vw);height:auto;margin:0 auto 22px;display:block}
.footer-social a{background:#fff8f2!important;border:2px solid var(--black)!important;color:var(--black)!important;box-shadow:3px 3px 0 var(--black)}
.footer-bottom{border-top:2px solid var(--black);margin-top:28px;padding-top:20px;font-size:12px;line-height:1.7}
.footer-bottom a{color:var(--black);font-weight:900}
@media(max-width:760px){
  .about-layout{grid-template-columns:1fr}
  .about-photo-placeholder{min-height:260px}
}

/* ILUSTRAÇÃO DO SOBRE */
.about-photo-placeholder{padding:0!important;overflow:hidden!important;min-height:0!important;aspect-ratio:1/1;background:#fff8f2!important}
.about-portrait{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}
.about-nickie{display:none!important}

/* SERVIÇOS: POPUPS REFEITOS */
.service-modal{padding:24px!important}
.service-popup{
 width:min(920px,94vw)!important;max-height:88vh!important;overflow:auto!important;
 padding:0!important;background:#fffaf7!important;border:4px solid var(--black)!important;
 border-radius:0!important;box-shadow:12px 12px 0 var(--black)!important;
}
.service-modal-header{
 position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:14px;
 padding:18px 58px 18px 20px;background:var(--pink);border-bottom:4px solid var(--black)
}
.service-modal-header #serviceTitle{margin:0!important;font:900 clamp(22px,3vw,34px) "Courier New",monospace!important}
.service-top-back{
 display:none;background:#fffaf7;border:3px solid var(--black);border-radius:0;
 box-shadow:3px 3px 0 var(--black);padding:9px 11px;
 font:900 10px "Courier New",monospace;cursor:pointer;color:var(--black)
}
.service-top-back.show{display:inline-block}
.service-close{
 position:sticky!important;float:right!important;top:14px!important;margin:14px 14px -52px 0!important;
 z-index:12!important;width:38px!important;height:38px!important;background:#fffaf7!important;
 border:3px solid var(--black)!important;border-radius:0!important;box-shadow:3px 3px 0 var(--black)!important
}
#serviceIntro{padding:25px 28px 8px!important;margin:0!important;line-height:1.72!important;color:#493b42!important;font-size:15px!important}
.service-options{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;padding:18px 28px 26px!important;margin:0!important
}
.service-option{
 position:relative!important;min-height:145px!important;padding:18px!important;
 background:var(--pink2)!important;border:3px solid var(--black)!important;border-radius:0!important;
 box-shadow:5px 5px 0 var(--black)!important
}
.service-option strong{display:block!important;margin-bottom:10px!important;font:900 16px "Courier New",monospace!important}
.service-option p{margin:0!important;line-height:1.55!important}
.service-option.clickable{cursor:pointer!important;padding-bottom:58px!important}
.service-option.clickable:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)!important}
.service-option.clickable:after{
 content:"ABRIR ✦"!important;position:absolute!important;left:18px!important;bottom:14px!important;
 background:#fffaf7!important;border:2px solid var(--black)!important;box-shadow:3px 3px 0 var(--black)!important;
 padding:8px 10px!important;font:900 10px "Courier New",monospace!important
}
#serviceNote{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
 gap:16px!important;padding:0 28px 30px!important;margin:0!important
}
.offer{
 margin:0!important;min-height:255px!important;padding:20px!important;display:flex!important;flex-direction:column!important;
 background:#fff!important;border:3px solid var(--black)!important;border-radius:0!important;
 box-shadow:6px 6px 0 var(--pink)!important
}
.offer-badge{align-self:flex-start!important;background:var(--yellow)!important;border:2px solid var(--black)!important;padding:6px 8px!important;font:900 10px "Courier New",monospace!important;margin-bottom:12px!important}
.offer h4{font:900 18px "Courier New",monospace!important;margin:0 0 10px!important}
.offer p{line-height:1.55!important;margin:0 0 16px!important}
.old-price{text-decoration:line-through;opacity:.55}
.new-price{font:900 24px "Courier New",monospace!important;color:var(--hot)!important}
.offer-btn{
 margin-top:auto!important;display:block!important;width:auto!important;text-align:center!important;
 background:var(--pink)!important;color:var(--black)!important;text-decoration:none!important;
 border:3px solid var(--black)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--black)!important;
 padding:12px 10px!important;font:900 11px "Courier New",monospace!important
}
.offer-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)!important}
.service-detail{
 grid-column:1/-1;background:#fff!important;border:3px solid var(--black)!important;
 box-shadow:6px 6px 0 var(--pink)!important;padding:24px!important
}
.service-detail h4{font:900 15px "Courier New",monospace!important;margin:20px 0 8px!important}
.service-detail h4:first-child{margin-top:0!important}
.service-detail p{line-height:1.72!important;margin:0!important}
.service-back{display:none!important}
@media(max-width:700px){
 .service-modal{padding:12px!important}
 .service-options{grid-template-columns:1fr!important;padding:16px 18px 22px!important}
 #serviceNote{grid-template-columns:1fr!important;padding:0 18px 24px!important}
 #serviceIntro{padding:22px 18px 8px!important}
 .service-modal-header{padding-left:16px!important}
}

/* CORREÇÃO POPUP: não fica mais atrás do menu nem cortado */
.service-modal{
  z-index:5000!important;
  place-items:start center!important;
  overflow:hidden!important;
  padding:18px!important;
}
.service-popup{
  width:min(920px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 36px)!important;
  margin:0 auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable;
}
.service-modal-header{
  top:0!important;
}
@supports not (height:100dvh){
  .service-popup{max-height:calc(100vh - 36px)!important}
}
@media(max-width:700px){
  .service-modal{padding:8px!important}
  .service-popup{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
}


/* AJUSTE DAS GRADES COM TRÊS ITENS */
.service-options > .service-option:last-child:nth-child(odd){
  grid-column:1 / -1!important;
  min-height:145px!important;
}
@media(max-width:700px){
  .service-options > .service-option:last-child:nth-child(odd){
    grid-column:auto!important;
  }
}

/* NICKIE VISÍVEL IMEDIATAMENTE */
.hero-cat img, .nickie img, #nickie img{
  opacity:1!important;
  visibility:visible!important;
}



.arcano-section{background:#fff8f2;padding:76px 6vw 86px;border-top:4px solid var(--black);position:relative;overflow:hidden}
.arcano-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(239,145,170,.32) 1px,transparent 1.5px);background-size:34px 34px;pointer-events:none}
.arcano-inner{position:relative;z-index:1;max-width:980px;margin:auto}
.arcano-head{text-align:center;margin-bottom:32px}
.arcano-head .mini{font:900 12px "Courier New",monospace;color:var(--deep);letter-spacing:.08em}
.arcano-head h2{font:900 clamp(28px,4vw,44px) "Courier New",monospace;margin:9px 0 12px}
.arcano-head p{max-width:650px;margin:auto;line-height:1.55;color:#574850}
.calcbox{max-width:650px;margin:auto;background:var(--pink2);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);padding:27px;text-align:center}
.calcbox label{display:block;font:900 14px "Courier New",monospace;margin-bottom:12px}
.birth{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.birth input{width:92px;border:3px solid var(--black);background:#fff;padding:12px;text-align:center;font:900 16px "Courier New",monospace;outline:none}
.birth input.year{width:112px}
.calcbtn{margin-top:18px;border:3px solid var(--black);background:var(--pink);padding:13px 22px;box-shadow:4px 4px 0 var(--black);font:900 14px "Courier New",monospace;cursor:pointer}
.calcbtn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--black)}
.calc-error{min-height:20px;margin-top:12px;font-size:13px;font-weight:700;color:#9c1748}
.arcano-result{display:none;max-width:760px;margin:38px auto 0;background:#fff;border:4px solid var(--black);box-shadow:9px 9px 0 var(--pink);padding:30px}
.arcano-result.show{display:block;animation:arcIn .2s ease-out}
@keyframes arcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.arcano-number{font:900 12px "Courier New",monospace;color:var(--deep);letter-spacing:.08em}
.arcano-result h3{font:900 30px "Courier New",monospace;margin:7px 0 18px}
.arcano-result h4{font:900 15px "Courier New",monospace;margin:23px 0 7px}
.arcano-result p{font-size:15px;line-height:1.65;color:#443a40;margin:0}
.arcano-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 4px}
.arcano-tags span{border:2px solid var(--black);background:var(--pink2);padding:6px 9px;font:900 11px "Courier New",monospace}
.calc-note{font-size:12px!important;color:#76636d!important;margin-top:22px!important}
@media(max-width:560px){.arcano-section{padding:55px 5vw 65px}.calcbox,.arcano-result{padding:21px}.birth input{width:78px}.birth input.year{width:100px}}

body.admin-bar .topbar{top:32px}.wp-post-card{background:#fff;border:3px solid #171217;box-shadow:6px 6px 0 #f391aa;padding:22px}.wp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.wp-post-card a{color:#171217}.wp-content{max-width:900px;margin:0 auto;padding:70px 6vw;line-height:1.75}.wp-content img{max-width:100%;height:auto}@media(max-width:782px){body.admin-bar .topbar{top:46px}}

/* WordPress dynamic Blog + Testes */
.home-content-section{padding:76px 0;background:#fffaf7}.blog-home-section{background:#ffd4df;border-top:3px solid #171217}.content-section-head{text-align:center;max-width:720px;margin:0 auto 34px}.content-section-head h2{font:900 clamp(30px,5vw,54px) "Courier New",monospace;margin:0 0 10px}.content-section-head p{line-height:1.65;margin:0}.mystika-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mystika-content-card{background:#fff;border:3px solid #171217;box-shadow:7px 7px 0 #171217;display:flex;flex-direction:column;min-width:0}.card-cover{aspect-ratio:4/3;background:#f391aa;border-bottom:3px solid #171217;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none}.card-cover img{width:100%;height:100%;object-fit:cover}.pixel-placeholder{font:900 32px "Courier New",monospace;color:#171217}.card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.card-type,.single-type{display:inline-block;align-self:flex-start;background:#ffd735;border:2px solid #171217;padding:5px 8px;font:900 10px "Courier New",monospace}.card-copy h3,.card-copy h2{font:900 20px "Courier New",monospace;line-height:1.2;margin:12px 0 8px}.card-copy h3 a,.card-copy h2 a{color:#171217;text-decoration:none}.card-copy p{line-height:1.55;margin:0 0 18px}.mini-button,.section-more-button{display:inline-block;background:#f391aa;color:#171217!important;text-decoration:none;border:3px solid #171217;box-shadow:4px 4px 0 #171217;padding:11px 13px;font:900 11px "Courier New",monospace}.mini-button{margin-top:auto;align-self:flex-start}.section-more{text-align:center;margin-top:34px}.section-more-button{background:#ffd735;padding:13px 18px}.mystika-archive-page,.mystika-single-page{min-height:100vh;background:#fffaf7;color:#171217;padding-bottom:80px}.archive-hero{padding:70px 5vw 60px;text-align:center;background:#f391aa;border-bottom:4px solid #171217}.blog-archive-hero{background:#ffd4df}.archive-hero span{font:900 11px "Courier New",monospace}.archive-hero h1{font:900 clamp(42px,8vw,82px) "Courier New",monospace;margin:12px 0}.archive-hero p{max-width:680px;margin:0 auto 24px;line-height:1.6}.archive-hero a,.single-back{display:inline-block;color:#171217;text-decoration:none;font:900 11px "Courier New",monospace;border:2px solid #171217;background:#fffaf7;padding:9px 11px;box-shadow:3px 3px 0 #171217}.archive-content{width:min(1180px,92%);margin:50px auto}.mystika-single-page{padding:60px 16px}.mystika-single-card{width:min(860px,100%);margin:auto;background:#fff;border:4px solid #171217;box-shadow:10px 10px 0 #f391aa;padding:clamp(24px,5vw,58px)}.mystika-single-card h1{font:900 clamp(34px,6vw,64px) "Courier New",monospace;line-height:1.05;margin:20px 0 28px}.single-type{margin-top:26px}.single-cover{margin:0 0 32px;border:3px solid #171217;box-shadow:6px 6px 0 #ffd735}.single-cover img{display:block;width:100%;height:auto}.single-body{font-size:17px;line-height:1.8}.single-body h2,.single-body h3{font-family:"Courier New",monospace}.single-body a{color:#ec1b67}.nav-links a{white-space:nowrap}@media(max-width:900px){.mystika-content-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.mystika-content-grid{grid-template-columns:1fr}.home-content-section{padding:52px 0}.mystika-single-page{padding:24px 10px}.mystika-single-card{box-shadow:6px 6px 0 #f391aa}}

/* Foto principal da página individual de artigo */
.single-cover{aspect-ratio:16/9;overflow:hidden;background:#f391aa}
.single-cover img.article-featured-image{width:100%;height:100%;object-fit:cover}
.article-photo-placeholder{width:100%;height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f391aa;color:#171217;font-family:"Courier New",monospace}
.article-photo-placeholder span{font-size:46px}
.article-photo-placeholder strong{font-size:13px;letter-spacing:.08em}

/* ===== Mystika game + dynamic content v4 ===== */
.mystika-list-page,.mystika-game-page,.mystika-single-page{background:#fffaf7;color:#171217;min-height:70vh;padding:54px 0}
.list-hero,.game-shell,.mystika-single-card{width:min(1080px,92%);margin:auto}
.list-hero{background:#f391aa;border:4px solid #171217;box-shadow:10px 10px 0 #171217;padding:42px;text-align:center}
.list-hero span,.game-kicker,.article-label{font-family:"Courier New",monospace;font-weight:900;letter-spacing:.08em}
.list-hero h1,.game-screen h1,.game-screen h2,.article-pretty h1{margin:10px 0;font-size:clamp(2rem,5vw,4.4rem);line-height:1}
.mystika-card-grid{width:min(1080px,92%);margin:36px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mystika-content-card{display:flex;flex-direction:column;background:#fff;border:3px solid #171217;box-shadow:7px 7px 0 #f391aa;color:#171217;text-decoration:none;transition:.15s}
.mystika-content-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 #ffd735}
.mystika-content-card img,.card-pixel-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:3px solid #171217}
.card-pixel-cover{display:grid;place-items:center;background:#ffd4df;font:900 2rem "Courier New",monospace}
.card-copy{padding:20px}.card-copy small{font:900 .75rem "Courier New",monospace;color:#ec1b67}.card-copy h2,.card-copy h3{font-size:1.35rem;margin:8px 0}.card-copy span,.pixel-more{display:inline-block;margin-top:12px;font-weight:900}
.dynamic-home-section{padding:68px 0;background:#fffaf7}.dynamic-home-section:nth-of-type(even){background:#ffd4df}
.dynamic-home-section .section-inner>h2{text-align:center;font-size:clamp(2rem,4vw,3.2rem)}
.home-three{width:min(1080px,92%)}
.section-more{text-align:center}.pixel-more{padding:13px 18px;border:3px solid #171217;box-shadow:5px 5px 0 #f391aa;background:#ffd735;color:#171217;text-decoration:none}

/* Game */
.game-shell{max-width:820px;background:#f391aa;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:32px 32px;border:4px solid #171217;box-shadow:12px 12px 0 #171217;padding:18px}
.game-stars{text-align:center;font-weight:900}.game-screen{min-height:570px;background:#fffaf7;border:3px solid #171217;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.game-nickie img{width:150px;height:150px;object-fit:contain;image-rendering:pixelated}.game-nickie.mini img{width:95px;height:95px}
.game-top{width:100%;display:flex;align-items:center;justify-content:space-between;font:900 .78rem "Courier New",monospace}
.game-back{border:0;background:transparent;font-weight:900;cursor:pointer}.game-progress{width:100%;height:14px;border:2px solid #171217;background:#fff;margin:14px 0 26px}.game-progress i{display:block;height:100%;background:#ffd735}
.game-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:22px}.game-answers button,.game-primary{border:3px solid #171217;border-radius:0;background:#ffd4df;box-shadow:5px 5px 0 #171217;padding:16px;font-weight:800;cursor:pointer;color:#171217}.game-answers button:hover,.game-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #171217}.game-answers b{display:inline-grid;place-items:center;width:28px;height:28px;background:#ffd735;border:2px solid #171217;margin-right:8px}
.game-primary{background:#ec1b67;color:white;margin-top:20px}.nickie-message{border:3px solid #171217;background:#ffd4df;box-shadow:5px 5px 0 #ffd735;padding:16px;margin:18px 0;max-width:620px}.game-home{margin-top:18px;color:#171217;font-weight:900}
.result-main{font-size:1.1rem;max-width:620px}

/* Article */
.article-pretty{max-width:860px;background:#fff;border:3px solid #171217;box-shadow:9px 9px 0 #f391aa;padding:36px}.single-back{color:#171217;font-weight:900;text-decoration:none}.article-label{margin-top:30px;color:#ec1b67}.article-pretty h1{font-size:clamp(2.2rem,5vw,4rem)}.article-meta{font:700 .8rem "Courier New",monospace;margin:12px 0 24px}.single-cover{margin:0 0 28px;border:3px solid #171217;box-shadow:7px 7px 0 #ffd735}.single-cover img{display:block;width:100%;height:auto}.single-body{font-size:1.06rem;line-height:1.8}.single-body h2{margin-top:2em;font-size:1.7rem}.single-body img{max-width:100%;height:auto}

@media(max-width:760px){.mystika-card-grid,.game-answers{grid-template-columns:1fr}.game-screen{padding:22px;min-height:520px}.list-hero{padding:28px 18px}.article-pretty{padding:22px}}

/* V5 global consistency */
body:not(.home) .topbar{display:block!important}
body:not(.home) footer{display:block!important}
.game-answers{max-height:390px;overflow-y:auto;padding:4px 8px 10px 4px}
.game-answers button{text-align:left}
@media(max-width:760px){.game-answers{max-height:none;overflow:visible}}

/* V5.3 */
.test-card-cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:3px solid #171217}
.nav-links a,.consulta,.mystika-content-card,.game-primary,.game-answers button{pointer-events:auto!important}

/* V5.4 navegação e retornos */
.nav-logo,.footer-logo-link,.nav-links a,.pixel-more,.game-page-back{position:relative;z-index:20;pointer-events:auto!important}
.footer-logo-link{display:inline-block}
.game-page-back-wrap{width:min(920px,94%);margin:26px auto 0}
.game-page-back{display:inline-block;color:#171217;text-decoration:none;font-weight:900;border:2px solid #171217;background:#fffaf7;padding:10px 14px;box-shadow:4px 4px 0 #f391aa}
.list-hero .game-page-back{margin-top:16px}

/* V5.5 BLOG UNIFICADO */
.mystika-content-grid,.mystika-card-grid.home-three{align-items:stretch}
.blog-card{height:100%;min-height:520px;overflow:hidden}
.blog-card .card-cover{width:100%;aspect-ratio:16/9;min-height:0;flex:0 0 auto;overflow:hidden;background:#f391aa;border-bottom:3px solid #171217}
.blog-card .card-cover img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;border:0!important;display:block}
.blog-card .card-copy{display:flex;flex-direction:column;flex:1;padding:20px}
.blog-card .card-copy h2,.blog-card .card-copy h3{font:900 1.28rem/1.25 "Courier New",monospace;margin:10px 0;min-height:3.2em}
.blog-card .card-copy h2 a,.blog-card .card-copy h3 a{color:#171217;text-decoration:none}
.blog-card .card-copy p{font-size:1rem;line-height:1.55;margin:0 0 18px;min-height:6.2em}
.blog-card .mini-button{margin-top:auto;align-self:flex-start}
.single-body figure:first-child img[src],.single-body>img:first-child{max-width:100%}
.mystika-pagination{margin-top:40px;text-align:center}
@media(max-width:620px){.blog-card{min-height:0}.blog-card .card-copy h2,.blog-card .card-copy h3,.blog-card .card-copy p{min-height:0}}

/* V5.5 final: navegação e testes */
.pixel-back-button{
 display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 16px!important;
 background:#ffd735!important;color:#171217!important;border:3px solid #171217!important;border-radius:0!important;
 box-shadow:5px 5px 0 #171217!important;text-decoration:none!important;font-weight:900!important;font-size:.82rem!important;
 letter-spacing:.03em!important;line-height:1.2!important;
}
.pixel-back-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #171217!important}
.tests-hero-inner{max-width:760px;margin:auto;text-align:center}.tests-hero-inner .pixel-back-button{margin-top:18px}
.game-nav-box{padding:18px 18px 0;display:flex;justify-content:flex-start}
.game-shell{overflow:visible!important}
.menu-service-link{cursor:pointer!important}

/* V5.6: Blog e Testes usam exatamente a mesma linguagem visual */
.mystika-archive-page{background:#fffaf7!important;color:#171217!important}
.mystika-archive-page .archive-hero{
 background:#f391aa!important;
 padding:70px 5vw 60px!important;
 text-align:center!important;
 border-bottom:4px solid #171217!important;
}
.mystika-archive-page .archive-hero h1{
 font:900 clamp(42px,8vw,82px) "Courier New",monospace!important;
 line-height:1!important;margin:0 0 14px!important;color:#171217!important;
}
.mystika-archive-page .archive-hero p{max-width:680px;margin:0 auto 24px!important;line-height:1.6!important}
.mystika-archive-page .archive-back-button{
 display:inline-block!important;color:#171217!important;text-decoration:none!important;
 font:900 11px "Courier New",monospace!important;border:2px solid #171217!important;
 background:#fffaf7!important;padding:9px 11px!important;box-shadow:3px 3px 0 #171217!important;border-radius:0!important;
}
.mystika-archive-page .mystika-content-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;
}
.mystika-archive-page .mystika-content-card{height:100%!important}
.mystika-archive-page .card-cover{display:block!important}
.mystika-archive-page .card-cover img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;display:block!important}
.mystika-archive-page .card-copy{display:flex!important;flex-direction:column!important;flex:1!important}
.mystika-archive-page .card-copy h2,.mystika-archive-page .card-copy h2 a{
 font:900 1.35rem/1.15 "Courier New",monospace!important;color:#171217!important;text-decoration:none!important;
}
.mystika-archive-page .mini-button{
 display:inline-block!important;background:#f391aa!important;color:#171217!important;border:3px solid #171217!important;
 box-shadow:4px 4px 0 #171217!important;padding:11px 13px!important;font:900 11px "Courier New",monospace!important;
 text-decoration:none!important;border-radius:0!important;margin-top:auto!important;align-self:flex-start!important;
}
@media(max-width:900px){.mystika-archive-page .mystika-content-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.mystika-archive-page .mystika-content-grid{grid-template-columns:1fr!important}}
/* Sorte do dia: leitura um pouco menor para comportar os textos variados */
#modal .reading #reading{font-size:.94rem!important;line-height:1.58!important}
#modal .again{display:none!important}

/* Horóscopo do dia */
.horoscope-action{margin-top:14px!important}
.horoscope-popup{width:min(760px,94vw)!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important}
.horoscope-intro{text-align:center;margin:8px auto 22px;max-width:560px}
.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zodiac-button{
 appearance:none;background:#fffaf7;color:#171217;border:3px solid #171217;border-radius:0;
 box-shadow:4px 4px 0 #f391aa;padding:15px 8px;cursor:pointer;font:900 .82rem "Courier New",monospace;
 display:flex;flex-direction:column;align-items:center;gap:7px;min-height:92px;justify-content:center
}
.zodiac-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #ffd735}
.zodiac-button .zodiac-icon{font-size:2rem;line-height:1}
.horoscope-result{text-align:center;padding:4px 12px 18px}
.horoscope-result[hidden]{display:none!important}
.horoscope-symbol{font-size:4rem;line-height:1;margin:12px 0 5px}
.horoscope-result h2{font:900 clamp(1.8rem,5vw,3rem) "Courier New",monospace;margin:8px 0}
.horoscope-date{display:inline-block;background:#ffd735;border:2px solid #171217;padding:7px 10px;font:900 .76rem "Courier New",monospace;margin:4px 0 18px}
.horoscope-result p{max-width:580px;margin:0 auto;font-size:.96rem;line-height:1.65}
.horoscope-back{display:inline-block;background:#fffaf7;border:2px solid #171217;box-shadow:3px 3px 0 #171217;padding:8px 10px;font:900 .72rem "Courier New",monospace;cursor:pointer}
@media(max-width:650px){.zodiac-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.zodiac-grid{grid-template-columns:repeat(2,1fr)}}

/* final polish */
.horoscope-result p{max-width:640px!important;font-size:1rem!important;line-height:1.72!important;text-align:left!important}.blog-empty{grid-column:1/-1;text-align:center;padding:40px;border:3px solid #171217;background:#fff}

/* Revisão Sobre */
.about-layout{grid-template-columns:minmax(0,1fr) minmax(330px,430px)!important;align-items:center!important}
.about-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.about-social-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;background:#ffd735;color:#171217!important;border:2px solid #171217;border-radius:0;box-shadow:3px 3px 0 #171217;text-decoration:none!important;font:900 .72rem "Courier New",monospace}
.about-social-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #171217}
@media(max-width:760px){.about-layout{grid-template-columns:1fr!important}.about-socials{justify-content:flex-start}}
/* Resultados dos testes mais completos */
.game-result p{line-height:1.7!important}

/* V6.1 testes: capas fotográficas */
.test-card-cover,.mystika-content-card img{object-fit:cover!important;image-rendering:auto!important}
.test-card-cover{aspect-ratio:3/2!important;width:100%!important}

/* V7 responsive pass */
html{overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
.mystika-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1024px){
 .site-inner,.section-inner,.services-inner,.archive-inner{width:min(94%,900px)!important}
 .mystika-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .about-layout{grid-template-columns:1fr 360px!important;gap:28px!important}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hero-inner{padding-left:4%!important;padding-right:4%!important}
}
@media(max-width:760px){
 body{overflow-x:hidden}
 .nav{width:94%!important}
 .nav-links{gap:8px 12px!important}
 .nav-links a{font-size:.76rem!important}
 .mystika-card-grid,.service-grid{grid-template-columns:1fr!important}
 .about-layout{grid-template-columns:1fr!important}
 .about-photo-placeholder{max-width:420px;margin:0 auto;width:100%}
 .section,.site-section,.services-section{padding-left:0!important;padding-right:0!important}
 h1{font-size:clamp(2rem,11vw,3.4rem)!important}
 h2{font-size:clamp(1.7rem,9vw,2.6rem)!important}
 .service-popup,.fortune-popup,.horoscope-popup{width:94vw!important;max-height:88vh!important;overflow:auto!important;box-shadow:7px 7px 0 #171217!important}
 .game-shell,.test-game,.mystika-game{width:94%!important;margin-left:auto!important;margin-right:auto!important}
 .answer-grid,.answers{grid-template-columns:1fr!important}
 .about-socials{display:grid!important;grid-template-columns:1fr!important}
 .about-social-btn{width:100%;box-sizing:border-box}
}
@media(max-width:430px){
 .nav-logo img{width:150px!important}
 .nav-links{justify-content:flex-start!important}
 .nav-links a{font-size:.72rem!important}
 .consulta{padding:8px 10px!important}
 .mystika-content-card h3{font-size:1.08rem!important}
 .mystika-content-card .card-copy{padding:14px!important}
 button,.button,.calcbtn,.read-more-btn{max-width:100%;white-space:normal}
}

/* V8: Calculadoras + arquivo de testes */
.calculators-fixed{width:min(1180px,94%);margin:0 auto 46px}.calculators-fixed h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 8px}.calculators-fixed>p{max-width:760px;margin:0 0 22px}.calculator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.calculator-card{display:block;background:var(--pink2);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:24px;color:var(--ink);text-decoration:none;min-height:150px}.calculator-card h3{margin:0 0 8px;font-size:1.25rem}.calculator-card p{margin:0}.archive-tests-title{width:min(1180px,94%);margin:18px auto 20px}.mystika-calculator-page{width:min(920px,94%);margin:40px auto 80px}.calc-box{background:var(--paper);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--pink);padding:clamp(20px,4vw,44px)}.calc-box label{font-weight:900;display:block;margin:18px 0 8px}.calc-box input{width:100%;max-width:440px;padding:14px;border:3px solid var(--ink);font:inherit;background:white}.calc-box button{display:block;margin-top:16px;padding:13px 20px;border:3px solid var(--ink);background:var(--pink);box-shadow:4px 4px 0 var(--ink);font-weight:900;cursor:pointer}.calc-result{margin-top:24px;padding:20px;background:var(--pink2);border:3px solid var(--ink);display:none}.calc-result.show{display:block}.calc-related{margin-top:30px}.calc-related a{font-weight:900;color:var(--hot)}
@media(max-width:820px){.calculator-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.calculator-grid{grid-template-columns:1fr}.calculator-card{min-height:0}}