/* ============================================================
   MAXIMO SITE MAGIC V19
   Refinamento visual nao destrutivo do site publico.
   Mantem tema claro/escuro e identidade atual.
   ============================================================ */

body.public-page{
  --mxm-v18-glass: rgba(255,255,255,.075);
  --mxm-v18-glass-strong: rgba(255,255,255,.115);
  --mxm-v18-pearl:#f7dcff;
  --mxm-v18-pearl-edge:#d59aeb;
  --mxm-v18-pearl-shine:#fffaff;
  --mxm-v19-pearl-hi:#fffaff;
  --mxm-v19-pearl-mid:#f1c8fb;
  --mxm-v19-pearl-low:#b978d4;
  --mxm-v19-gold:#f4cf79;
  --mxm-v19-wire:rgba(244,207,121,.56);
  --mxm-v18-spark:#ffd976;
  --mxm-v18-pink:#ff77d8;
  --mxm-v18-lilac:#bd7aff;
  --mxm-v18-transition: .28s cubic-bezier(.2,.7,.2,1);
  transition:background-color .35s ease,color .25s ease;
}

body.public-page[data-theme="light"]{
  --mxm-v18-glass: rgba(255,255,255,.58);
  --mxm-v18-glass-strong: rgba(255,255,255,.76);
  --mxm-v18-pearl:#f5d6f7;
  --mxm-v18-pearl-edge:#cb93d7;
  --mxm-v18-pearl-shine:#fff;
  --mxm-v19-pearl-hi:#fff;
  --mxm-v19-pearl-mid:#f3d5ee;
  --mxm-v19-pearl-low:#d49bc8;
  --mxm-v19-gold:#d8aa4e;
  --mxm-v19-wire:rgba(196,143,49,.46);
  --mxm-v18-spark:#e9ad37;
}

/* Transicao de tema sem piscar cards/hero */
body.public-page .nav,
body.public-page .hero,
body.public-page .section,
body.public-page .work-card,
body.public-page .product,
body.public-page .simple-card,
body.public-page .solution-card,
body.public-page .chain-card,
body.public-page .service-pill,
body.public-page .footer,
body.public-page .btn,
body.public-page .theme-toggle{
  transition:background-color .32s ease,border-color .32s ease,color .24s ease,box-shadow .32s ease,transform var(--mxm-v18-transition),filter .28s ease;
}

/* Header mais refinado, preservando a estrutura atual */
body.public-page .nav{
  border-color:color-mix(in srgb,var(--line) 80%,transparent)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.public-page .nav a:hover,
body.public-page .nav a.active{
  transform:translateY(-1px);
}
body.public-page .nav .ticket{
  position:relative;
  overflow:hidden;
}
body.public-page .nav .ticket::after,
body.public-page .btn.primary::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -55%;
  width:36%;
  pointer-events:none;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  animation:mxmV18ButtonShine 5.8s ease-in-out infinite;
}

/* HERO: mantem o desenho atual, acrescenta profundidade */
body.public-page .hero{
  isolation:isolate!important;
  box-shadow:0 30px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 80px rgba(190,91,255,.045)!important;
}
body.public-page[data-theme="light"] .hero{
  box-shadow:0 28px 64px rgba(143,72,179,.16),inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 80px rgba(221,123,255,.06)!important;
}

/* Chibis: idle suave em vez de imagem totalmente estatica */
body.public-page.mxm-v18-ready .hero .fairy.left{
  animation:mxmV18FairyLeft 6.8s ease-in-out infinite!important;
  transform-origin:48% 92%!important;
  will-change:transform,filter!important;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.32)) drop-shadow(0 0 16px rgba(209,111,255,.18))!important;
}
body.public-page.mxm-v18-ready .hero .fairy.right{
  animation:mxmV18FairyRight 7.4s ease-in-out infinite!important;
  transform-origin:52% 93%!important;
  will-change:transform,filter!important;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.32)) drop-shadow(0 0 16px rgba(209,111,255,.18))!important;
}
body.public-page.mxm-v18-ready .hero .fairy.left:hover,
body.public-page.mxm-v18-ready .hero .fairy.right:hover{filter:drop-shadow(0 22px 32px rgba(0,0,0,.30)) drop-shadow(0 0 24px rgba(255,115,220,.26))!important}

@keyframes mxmV18FairyLeft{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  28%{transform:translate3d(2px,-4px,0) scale(1.003)}
  55%{transform:translate3d(5px,-9px,0) scale(1.007)}
  82%{transform:translate3d(1px,-3px,0) scale(1.002)}
}
@keyframes mxmV18FairyRight{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  30%{transform:translate3d(-2px,-4px,0) scale(1.003)}
  58%{transform:translate3d(-5px,-8px,0) scale(1.007)}
  84%{transform:translate3d(-1px,-3px,0) scale(1.002)}
}

/* Aura independente: da sensacao de asas vivas sem deformar a arte */
body.public-page .mxm-v18-aura{
  position:absolute;
  z-index:3;
  width:270px;
  height:250px;
  pointer-events:none;
  border-radius:50%;
  opacity:.38;
  filter:blur(18px);
  background:radial-gradient(circle at 50% 50%,rgba(255,198,247,.23),rgba(179,95,255,.14) 35%,transparent 72%);
  animation:mxmV18Aura 4.6s ease-in-out infinite;
}
body.public-page .mxm-v18-aura.left{left:20px;bottom:8px}
body.public-page .mxm-v18-aura.right{right:20px;bottom:8px;animation-delay:-1.6s}
body.public-page[data-theme="light"] .mxm-v18-aura{opacity:.24;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(219,130,255,.20) 40%,transparent 73%)}
@keyframes mxmV18Aura{0%,100%{transform:scale(.96);opacity:.28}50%{transform:scale(1.06);opacity:.48}}

/* Joias de perolas V19: duas guirlandas laterais, mais delicadas e sem atravessar o titulo */
body.public-page .mxm-v19-jewelry{
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  overflow:hidden;
}
body.public-page .mxm-v19-pearl-garland{
  position:absolute;
  top:-2px;
  width:min(430px,34vw);
  height:auto;
  overflow:visible;
  opacity:.92;
  filter:drop-shadow(0 5px 12px rgba(60,15,86,.18)) drop-shadow(0 0 10px rgba(226,159,255,.10));
  transform-origin:10% 4%;
  animation:mxmV19GarlandSway 10.5s ease-in-out infinite;
}
body.public-page .mxm-v19-pearl-garland.left{left:-20px}
body.public-page .mxm-v19-pearl-garland.right{right:-20px;transform-origin:90% 4%;animation-delay:-4.7s}
body.public-page .mxm-v19-pearl-garland .mxm-v19-wire{
  fill:none;
  stroke:var(--mxm-v19-wire);
  stroke-width:1.05;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.08));
}
body.public-page .mxm-v19-pearl-garland .mxm-v19-wire.soft{opacity:.58;stroke-width:.7}
body.public-page .mxm-v19-pearl-garland .mxm-v19-pearl{
  stroke:rgba(255,255,255,.58);
  stroke-width:.55;
  vector-effect:non-scaling-stroke;
}
body.public-page .mxm-v19-pearl-garland .mxm-v19-glint{
  fill:#fff;
  opacity:.72;
  transform-box:fill-box;
  transform-origin:center;
  animation:mxmV19PearlGlint 5.2s ease-in-out infinite;
}
body.public-page .mxm-v19-pearl-garland .mxm-v19-spacer{
  fill:var(--mxm-v19-gold);
  opacity:.88;
  filter:drop-shadow(0 0 3px rgba(246,202,102,.28));
}
body.public-page .mxm-v19-pearl-garland .mxm-v19-drop-wire{
  stroke:var(--mxm-v19-wire);
  stroke-width:.85;
  vector-effect:non-scaling-stroke;
}
body.public-page .mxm-v19-pearl-garland .mxm-v19-charm{
  fill:var(--mxm-v19-gold);
  stroke:rgba(255,248,219,.65);
  stroke-width:.55;
  transform-box:fill-box;
  transform-origin:50% 0%;
  filter:drop-shadow(0 0 6px rgba(255,205,95,.30));
  animation:mxmV19CharmFloat 6.4s ease-in-out infinite;
}
body.public-page[data-theme="light"] .mxm-v19-pearl-garland{
  opacity:.78;
  filter:drop-shadow(0 6px 12px rgba(159,78,174,.12));
}
@keyframes mxmV19GarlandSway{
  0%,100%{translate:0 0;rotate:-.18deg}
  50%{translate:0 1.5px;rotate:.28deg}
}
@keyframes mxmV19PearlGlint{
  0%,58%,100%{opacity:.34;scale:.82}
  67%{opacity:.95;scale:1.15}
  78%{opacity:.52;scale:.92}
}
@keyframes mxmV19CharmFloat{
  0%,100%{rotate:-1.6deg;translate:0 0}
  50%{rotate:1.8deg;translate:0 1.5px}
}

/* Pontinhos magicos perto das chibis */
body.public-page .mxm-v18-chibi-magic{position:absolute;inset:0;z-index:14;pointer-events:none;overflow:hidden}
body.public-page .mxm-v18-spark{
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 24%,var(--mxm-v18-spark) 28% 55%,transparent 70%);
  box-shadow:0 0 12px rgba(255,211,105,.74);
  animation:mxmV18Spark 3.9s ease-in-out infinite;
}
body.public-page .mxm-v18-spark.pink{background:radial-gradient(circle,#fff 0 22%,#ff91e2 28% 56%,transparent 72%);box-shadow:0 0 12px rgba(255,111,215,.72)}
body.public-page .mxm-v18-spark.s1{left:17%;bottom:32%;animation-delay:-.4s}
body.public-page .mxm-v18-spark.s2{left:23%;bottom:49%;animation-delay:-2.1s;transform:scale(.7)}
body.public-page .mxm-v18-spark.s3{right:15%;bottom:28%;animation-delay:-1.1s}
body.public-page .mxm-v18-spark.s4{right:22%;bottom:50%;animation-delay:-2.9s;transform:scale(.72)}
body.public-page .mxm-v18-spark.s5{right:9%;bottom:40%;animation-delay:-3.3s;transform:scale(.55)}
@keyframes mxmV18Spark{0%,100%{opacity:.18;translate:0 4px;scale:.76}45%{opacity:1;translate:0 -9px;scale:1.15}70%{opacity:.52;translate:4px -15px;scale:.9}}

/* Cards: mais coerentes entre as secoes, sem mudar conteudo */
body.public-page .work-card,
body.public-page .product,
body.public-page .simple-card,
body.public-page .solution-card,
body.public-page .chain-card,
body.public-page .mod-card{
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.public-page .work-card::after,
body.public-page .product::after,
body.public-page .simple-card::after,
body.public-page .solution-card::after,
body.public-page .chain-card::after,
body.public-page .mod-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(125deg,transparent 18%,rgba(255,255,255,.10) 42%,transparent 64%);
  translate:-75% 0;
  transition:opacity .25s ease,translate .6s ease;
}
body.public-page .work-card:hover::after,
body.public-page .product:hover::after,
body.public-page .simple-card:hover::after,
body.public-page .solution-card:hover::after,
body.public-page .chain-card:hover::after,
body.public-page .mod-card:hover::after{opacity:1;translate:75% 0}
body.public-page .work-card:hover,
body.public-page .product:hover,
body.public-page .simple-card:hover,
body.public-page .solution-card:hover,
body.public-page .chain-card:hover,
body.public-page .mod-card:hover{
  transform:translateY(-4px);
  border-color:rgba(239,155,255,.58)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22),0 0 24px rgba(205,96,255,.10)!important;
}
body.public-page[data-theme="light"] .work-card:hover,
body.public-page[data-theme="light"] .product:hover,
body.public-page[data-theme="light"] .simple-card:hover,
body.public-page[data-theme="light"] .solution-card:hover,
body.public-page[data-theme="light"] .chain-card:hover,
body.public-page[data-theme="light"] .mod-card:hover{
  box-shadow:0 20px 42px rgba(130,66,158,.13),0 0 22px rgba(215,112,255,.10)!important;
}

/* Entradas suaves por scroll */
body.public-page.mxm-v18-motion .mxm-v18-reveal{
  opacity:0;
  transform:translate3d(0,18px,0) scale(.992);
  transition:opacity .62s ease,transform .68s cubic-bezier(.2,.72,.2,1);
}
body.public-page.mxm-v18-motion .mxm-v18-reveal.mxm-v18-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}

/* Divisor magico leve entre secoes */
body.public-page .section{position:relative}
body.public-page .section + .section::before{
  content:"✦  ·  ♡  ·  ✦";
  position:absolute;
  top:-17px;
  left:50%;
  transform:translateX(-50%);
  color:rgba(238,170,255,.58);
  font-size:12px;
  letter-spacing:8px;
  text-shadow:0 0 12px rgba(215,105,255,.28);
  pointer-events:none;
}
body.public-page[data-theme="light"] .section + .section::before{color:rgba(140,67,173,.42)}

/* Rodape / comunidade mais premium */
body.public-page .community{overflow:hidden;position:relative}
body.public-page .community::after{
  content:"";
  position:absolute;
  inset:-50% -10%;
  pointer-events:none;
  opacity:.28;
  background:radial-gradient(circle at 15% 55%,rgba(255,108,216,.28),transparent 22%),radial-gradient(circle at 82% 42%,rgba(177,95,255,.28),transparent 25%);
}
body.public-page .footer{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}

@keyframes mxmV18ButtonShine{0%,68%,100%{left:-55%;opacity:0}74%{opacity:.8}88%{left:125%;opacity:0}}

/* Responsivo: decoracao reduz sem sumir com a identidade */
@media(max-width:980px){
  body.public-page .mxm-v19-pearl-garland{width:min(330px,36vw);opacity:.68}
  body.public-page .mxm-v18-aura{width:190px;height:180px}
}
@media(max-width:760px){
  body.public-page.mxm-v18-ready .hero .fairy.left,
  body.public-page.mxm-v18-ready .hero .fairy.right{animation:none!important}
  body.public-page .mxm-v19-pearl-garland{width:230px;opacity:.46;top:0}
  body.public-page .mxm-v19-pearl-garland.left{left:-50px}
  body.public-page .mxm-v19-pearl-garland.right{right:-50px}
  body.public-page .mxm-v18-chibi-magic,.public-page .mxm-v18-aura{display:none}
  body.public-page .section + .section::before{letter-spacing:5px}
}
@media(prefers-reduced-motion:reduce){
  body.public-page *,body.public-page *::before,body.public-page *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  body.public-page.mxm-v18-motion .mxm-v18-reveal{opacity:1!important;transform:none!important}
}