/* Decora tu Cumple — Frutas Bailando · Color
   ONLY appearance. HTML/step logic inherited untouched from approved prototype.
   Everything is layered CSS plus discrete user-replaceable original images. */
html:has(body.dtc-neon){color-scheme:dark}
body.dtc-neon{
 --ink:#faf7ff;--muted:#d8cfe2;--cream:#07070b;--white:#15101a;
 --line:#443848;--pink:var(--dtc-accent,#ff2b95);--pinkdeep:#db0e82;
 --blue:var(--dtc-secondary,#00c9f5);--yellow:#ffdf05;--mint:#00e398;
 --shadow:0 18px 46px rgba(0,0,0,.5);
 background:#07070b;color:var(--ink);letter-spacing:0;
}
body.dtc-neon .container{width:min(1180px,calc(100% - 46px))}
body.dtc-neon .topbar{background:linear-gradient(90deg,#ea076a 0%,var(--pink) 60%,#f3158c 100%);color:#fff;font-size:12px}
body.dtc-neon .navbar{background:rgba(5,5,9,.94);border-bottom:1px solid rgba(250,234,255,.11);box-shadow:0 8px 32px rgba(0,0,0,.3)}
body.dtc-neon .navlinks a{color:#f6effb} body.dtc-neon .navlinks a:hover{color:var(--yellow)}
body.dtc-neon .logo{color:#fff} body.dtc-neon .logo strong{color:var(--pink)}
body.dtc-neon .logo-icon{background:#ffda19} body.dtc-neon .dtc-logo-image{height:42px;width:auto;max-width:210px;object-fit:contain}
body.dtc-neon .btn-primary{background:linear-gradient(110deg,#f41186,var(--pink));color:#fff;box-shadow:0 6px 20px #c8006580}
body.dtc-neon .btn-primary:hover{filter:brightness(1.12)}
body.dtc-neon .btn-outline{background:#0c0b12;border-color:#e8e1f8;color:#fff;box-shadow:0 5px 15px #0007}
body.dtc-neon .btn-yellow{background:linear-gradient(110deg,#ffd722,#ffe923);color:#21170b;box-shadow:0 6px 23px #ffda3460}
body.dtc-neon .hero{background:radial-gradient(ellipse 550px 360px at 78% 42%,#036c72b8 0%,#15ec1324 53%,transparent 80%),radial-gradient(ellipse 380px 290px at 96% 70%,#fe244578 0%,transparent 70%),radial-gradient(ellipse 390px 250px at 30% 98%,#1b66bd69 0%,transparent 75%),#07070b; padding:65px 0 104px;overflow:hidden}
body.dtc-neon .hero::after{background:#43f735;width:150px;height:150px;opacity:.2;filter:blur(46px)}
body.dtc-neon .hero h1{color:#fff;text-shadow:0 3px 20px #0008}
body.dtc-neon .hero h1 .highlight{color:#ff70bc}
body.dtc-neon .hero-lead{color:#f1eafa} body.dtc-neon .hero-points{color:#f1eaf5}
body.dtc-neon .hero-points .tick{color:#201529;background:#ffe500;box-shadow:0 0 14px #ffe5008a}
body.dtc-neon .eyebrow{background:#2e1930;color:#ffb9ee;border:1px solid #8e3b77;box-shadow:0 4px 22px #f50b9035}
body.dtc-neon .party-stage{isolation:isolate;filter:drop-shadow(0 25px 28px #0009)}
body.dtc-neon .stage-circle{background:radial-gradient(circle at 47% 45%,#fffdbb 0%,#ffb446 34%,#db0d8455 71%,transparent 75%);opacity:.85;filter:drop-shadow(0 0 28px #ff3e9859)}
body.dtc-neon .party-board{transform:rotate(-4deg) scale(.94);box-shadow:0 10px 35px #000a,0 0 25px #ff4d9b88;z-index:4}
body.dtc-neon .balloon.one{filter:drop-shadow(0 0 11px #a80bff)} body.dtc-neon .balloon.two{filter:drop-shadow(0 0 11px #f20f8a)} body.dtc-neon .balloon.three{filter:drop-shadow(0 0 11px #00ddff)}
body.dtc-neon .dtc-fruit{display:block;position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 18px 17px #000a);z-index:5}
body.dtc-neon .dtc-fruit-pineapple{width:40%;left:-5%;bottom:0;transform:rotate(-7deg)}
body.dtc-neon .dtc-fruit-watermelon{width:37%;right:-3%;bottom:0;transform:rotate(7deg)}
body.dtc-neon .dtc-fruit-avocado{width:20%;left:24%;bottom:-4%;transform:rotate(10deg)}
body.dtc-neon .benefit-wrap{position:relative;z-index:4;margin-top:-52px}
body.dtc-neon .benefits{background:linear-gradient(135deg,#11131bdb,#211125e8 54%,#231d0dcb);border:1px solid #89768a8c;box-shadow:0 10px 40px #000a,0 0 20px #fbb91b32;backdrop-filter:blur(16px)}
body.dtc-neon .benefit{color:#fff}body.dtc-neon .benefit p{color:#dcd6e8}body.dtc-neon .benefit-icon{box-shadow:0 0 24px #ed41a559}
body.dtc-neon .kits-section{background:radial-gradient(ellipse 500px 420px at 10% 85%,#70004564 0%,transparent 75%),radial-gradient(ellipse 560px 280px at 90% 85%,#6542005b 0%,transparent 79%),#07070b}
body.dtc-neon .gallery-section{background:radial-gradient(ellipse 500px 300px at 50% 50%,#0b627247 0%,transparent 75%),#0a080f}
body.dtc-neon .how-section{background:radial-gradient(ellipse 410px 280px at 5% 90%,#0c618e60 0%,transparent 80%),radial-gradient(ellipse 440px 270px at 95% 90%,#75247c60 0%,transparent 78%),#08080b}
body.dtc-neon .faq-section{background:#08080c}
body.dtc-neon .section-head h2{color:#fff;text-shadow:0 2px 18px #0005}body.dtc-neon .section-head p{color:#dfd7e7}body.dtc-neon .section-kicker{color:#ff40ad!important}
body.dtc-neon .kit{background:#100d19;overflow:visible;border:2px solid #ba257b;box-shadow:0 0 23px #f2158933,0 18px 36px #000a;color:#fff;transition:transform .22s,box-shadow .22s}
body.dtc-neon .kit:hover{transform:translateY(-4px);box-shadow:0 0 40px #f2158960,0 20px 42px #000a}
body.dtc-neon .kit-top{min-height:159px;border-radius:22px 22px 0 0;background:linear-gradient(110deg,#380c31,#260f23);position:relative;overflow:hidden}
body.dtc-neon .kit-body{background:#100d19;color:#fff;border-radius:0 0 22px 22px}
body.dtc-neon .kit-name{color:#ff61bb}
body.dtc-neon .kit .desc{color:#e9ddea}
body.dtc-neon .kit .price{color:#fff}
body.dtc-neon .kit .price span{color:#f1e4f2}
body.dtc-neon .kit-count{color:#fff}
body.dtc-neon .feature-list{color:#eae2ef}
body.dtc-neon .feature-list li::before{background:#ff2b95;color:white}
body.dtc-neon .kit .btn{background:#f7158c;color:white;box-shadow:0 6px 16px #f7158c3f}
body.dtc-neon .kit-plus{border-color:#0dd3ff;box-shadow:0 0 27px #03c9f44a,0 18px 36px #000a}
body.dtc-neon .kit-plus .kit-top{background:linear-gradient(115deg,#072c40,#0c1729)}
body.dtc-neon .kit-plus .kit-name{color:#09d8ff}
body.dtc-neon .kit-plus .feature-list li::before{background:#00c9f5}
body.dtc-neon .kit-plus .btn{background:#00bde9;color:#001922;box-shadow:0 5px 17px #00c9f544}
body.dtc-neon .kit-pro{border-color:#ffe800;box-shadow:0 0 26px #ffe80035,0 18px 36px #000a}
body.dtc-neon .kit-pro .kit-top{background:linear-gradient(115deg,#423809,#18150c)}
body.dtc-neon .kit-pro .kit-name{color:#ffe800}
body.dtc-neon .kit-pro .feature-list li::before{background:#ffe800;color:#1a141d}
body.dtc-neon .kit-pro .btn{background:#ffe000;color:#1d141b;box-shadow:0 5px 19px #ffed0038}
body.dtc-neon .kit .dtc-card-fruit{position:absolute;right:3%;bottom:-12%;width:115px;height:130px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 14px #0009)}
body.dtc-neon .ribbon{background:#ffdf19;color:#211727;box-shadow:0 0 18px #ffe50075}
body.dtc-neon .kit-footnote{color:#c7bfce}
body.dtc-neon .gallery-card{background:#0f0e17;color:#fff;border:1px solid #8f3983;box-shadow:0 8px 25px #0008,0 0 16px #e92d8560;overflow:hidden}
body.dtc-neon .gallery-card:nth-child(2){border-color:#00c9fa;box-shadow:0 0 18px #00c9fa4c}
body.dtc-neon .gallery-card:nth-child(3){border-color:#59f05c;box-shadow:0 0 18px #15ca4650}
body.dtc-neon .gallery-card:nth-child(4){border-color:#ffa900;box-shadow:0 0 18px #ffa90050}
body.dtc-neon .gallery-card .scene{background:radial-gradient(ellipse at 50% 60%,#68144ca0,#140e25 75%);position:relative;overflow:hidden}
body.dtc-neon .gallery-card:nth-child(2) .scene{background:radial-gradient(circle,#007a9b88,#061e38)}
body.dtc-neon .gallery-card:nth-child(3) .scene{background:radial-gradient(circle,#27784d88,#091909)}
body.dtc-neon .gallery-card:nth-child(4) .scene{background:radial-gradient(circle,#b4611488,#2c0e20)}
body.dtc-neon .gallery-card .scene > *:not(.dtc-gallery-photo){display:none}
body.dtc-neon .gallery-card .dtc-gallery-photo{height:100%;width:100%;object-fit:contain;padding:18px;display:block;filter:drop-shadow(0 10px 14px #0007)}
body.dtc-neon .gallery-card h3{color:#fff}body.dtc-neon .gallery-card p{color:#d3cdd7}
body.dtc-neon .step h3{color:#fff}body.dtc-neon .step p{color:#ece6f6}
body.dtc-neon .step-icon{background:#230f30;color:white;border:2px solid #f5179c;box-shadow:0 0 27px #fd149260;font-size:30px}
body.dtc-neon .step:nth-child(2) .step-icon{border-color:#ffe523;box-shadow:0 0 26px #ffe52360}
body.dtc-neon .step:nth-child(3) .step-icon{border-color:#00cbfa;box-shadow:0 0 26px #00cbfa60}
body.dtc-neon .step:nth-child(4) .step-icon{border-color:#a44afa;box-shadow:0 0 26px #a44afa60}
body.dtc-neon .step-number{background:var(--pink);color:white}
body.dtc-neon .callout{background:linear-gradient(100deg,#c8139f,#fb257c 48%,#ffb31a 100%);overflow:hidden}
body.dtc-neon .callout-inner{position:relative;isolation:isolate}
body.dtc-neon .dtc-banner-fruits{position:absolute;left:0;bottom:-24px;width:30%;max-height:220px;object-fit:contain;z-index:-1;opacity:.95;pointer-events:none;filter:drop-shadow(0 12px 13px #68113c80)}
body.dtc-neon .callout-inner > div:first-child{padding-left:24%}
body.dtc-neon .faq-list details{background:#10101a;border:1px solid #41364b;color:#fff;box-shadow:0 4px 18px #0005}
body.dtc-neon .faq-list summary{color:#fff}body.dtc-neon .faq-list p{color:#dad4e2}
body.dtc-neon .footer{background:#050507;color:#fff;border-top:1px solid #393039}
body.dtc-neon .footer a{color:#e8e0ef}body.dtc-neon .footer p,body.dtc-neon .footer small{color:#bdb6c8}
body.dtc-neon .modal .dialog{background:#fff9f3;color:#262039;--ink:#262039;--muted:#6e6980;--cream:#fff9ef;--white:#fff;--line:#efe4de;--pink:#f52b86;--pinkdeep:#ce1567;--blue:#39c4ee;--mint:#74d9ba;color-scheme:light}
body.dtc-neon .modal .btn-outline{background:white;color:#292338;border-color:#e4d7e5}
body.dtc-neon .dev-notice{background:#1a111e;color:#f8e6f7;border-color:#603454}
body.dtc-neon .dtc-social{display:inline-flex;gap:14px;align-items:center;margin-left:auto}
body.dtc-neon .dtc-social a{display:inline-grid;place-items:center;width:36px;height:36px;color:#fff;border:1px solid #585064;border-radius:50%;font-weight:900}
body.dtc-neon [data-dtc-hidden="true"]{display:none!important}
@media(max-width:920px){body.dtc-neon .dtc-fruit-pineapple{width:35%}body.dtc-neon .dtc-fruit-watermelon{width:32%}body.dtc-neon .dtc-fruit-avocado{width:18%}body.dtc-neon .kit .dtc-card-fruit{width:85px}}
@media(max-width:700px){body.dtc-neon .hero{padding:46px 0 80px}body.dtc-neon .dtc-fruit-pineapple{width:31%;left:0}body.dtc-neon .dtc-fruit-watermelon{width:32%;right:0}body.dtc-neon .dtc-fruit-avocado{display:none}body.dtc-neon .party-board{transform:scale(.88)}body.dtc-neon .dtc-banner-fruits{opacity:.26;width:54%;left:-9%}body.dtc-neon .callout-inner>div:first-child{padding-left:0}body.dtc-neon .benefit-wrap{margin-top:-38px}body.dtc-neon .navlinks{background:#100d17;color:white}}
@media(prefers-reduced-motion:reduce){body.dtc-neon *,body.dtc-neon *::after,body.dtc-neon *::before{scroll-behavior:auto!important;transition:none!important}}
/* Identity and CTA compositing refinements */
body.dtc-neon .navbar .logo-icon,
body.dtc-neon .navbar a.logo > span:last-child{display:none}
body.dtc-neon .callout-inner > div:not(.dtc-social){padding-left:27%;position:relative;z-index:1}
body.dtc-neon .dtc-banner-fruits{width:25%;left:0;max-height:190px;z-index:0}
@media(max-width:700px){body.dtc-neon .callout-inner > div:not(.dtc-social){padding-left:0}body.dtc-neon .dtc-banner-fruits{opacity:.25;left:-8%;z-index:0}}


/* v0.12.3 · Frutas Bailando: richer original-brand-inspired lighting;
   decorative glows use CSS, never substitute or repaint the licensed characters. */
body.dtc-neon{--dtc-kit-glow:#fb2499;background:#050507}
body.dtc-neon .hero{
  background:
    radial-gradient(ellipse 44% 49% at 3% 46%, rgba(233,7,135,.72),transparent 76%),
    radial-gradient(ellipse 29% 38% at 21% 8%, rgba(66,32,227,.50),transparent 78%),
    radial-gradient(ellipse 33% 42% at 55% 37%, rgba(22,222,68,.48),transparent 79%),
    radial-gradient(ellipse 40% 59% at 98% 50%,rgba(0,198,243,.61),transparent 84%),
    radial-gradient(ellipse 27% 36% at 81% 100%,rgba(255,117,15,.55),transparent 84%),
    #050508;
  isolation:isolate;
}
body.dtc-neon .hero::before{
  content:"";position:absolute;inset:-10%;pointer-events:none;z-index:-1;
  background: radial-gradient(circle at 30% 65%,rgba(255,212,6,.28),transparent 26%),
    radial-gradient(circle at 73% 12%,rgba(255,38,136,.32),transparent 32%);
  filter:blur(28px);opacity:.95;
}
body.dtc-neon .hero-grid{position:relative;z-index:1}
body.dtc-neon .hero h1 .highlight{color:#ff53b5}
body.dtc-neon .navbar .dtc-logo-image{height:37px;max-height:37px;width:auto;max-width:210px;object-fit:contain;filter:drop-shadow(0 0 7px #ff30913a)}
body.dtc-neon .party-stage{filter:drop-shadow(0 0 25px var(--dtc-kit-glow))}
body.dtc-neon .party-board{box-shadow:0 18px 44px #000c,0 0 39px var(--dtc-kit-glow)}
body.dtc-neon .board-name{overflow-wrap:anywhere;max-width:100%;line-height:1.04}
body.dtc-neon .dtc-fruit-pineapple{width:46%;left:-3%;bottom:-2%;z-index:8}
body.dtc-neon .dtc-fruit-watermelon{width:40%;right:-1%;bottom:-2%;z-index:8}
body.dtc-neon .dtc-fruit-avocado{width:22%;left:31%;bottom:-4%;z-index:8}
body.dtc-neon .dtc-live-wrap{margin-top:18px;position:relative;z-index:10}
body.dtc-neon .dtc-live-personalizer{color:#fff;background:linear-gradient(115deg,rgba(6,15,34,.95),rgba(15,8,30,.95));
  border:1px solid #21d9fc;border-right-color:#ef20c0;border-bottom-color:#1de263;
  border-radius:25px;padding:24px 29px 19px;box-shadow:0 0 25px #00d5fb4a,0 13px 42px #0008}
body.dtc-neon .dtc-live-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}
body.dtc-neon .dtc-live-heading h2{font:700 clamp(21px,2.5vw,29px)/1.1 'Fredoka',sans-serif;color:#71f74f;margin:0 0 5px}
body.dtc-neon .dtc-live-heading p{font-size:13px;margin:0;color:#e2d9ec;line-height:1.4}
body.dtc-neon .dtc-live-star{font-size:22px;color:#ffe000}
body.dtc-neon .dtc-live-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr) minmax(270px,1.6fr);align-items:end;gap:15px}
body.dtc-neon .dtc-live-field, body.dtc-neon .dtc-palette-label{display:grid;gap:9px;font-size:13px;font-weight:850;color:#fff}
body.dtc-neon .dtc-live-field input{width:100%;height:48px;border-radius:12px;border:1px solid #496078;background:#0d263b;color:#fff;padding:10px 14px;font:700 17px 'Nunito',sans-serif;box-shadow:inset 0 3px 9px #0004}
body.dtc-neon .dtc-live-field input:focus-visible{outline:3px solid #00daf9;outline-offset:2px}
body.dtc-neon .dtc-live-palette{border-left:1px solid #4a3e57;padding-left:16px}
body.dtc-neon .dtc-live-swatches{display:flex;gap:9px;justify-content:space-around;align-items:end;margin-top:7px}
body.dtc-neon .dtc-live-swatch{border:0;background:transparent;color:#e8e6ef;display:grid;justify-items:center;gap:6px;font-size:11px;font-weight:700;min-width:42px;padding:2px;cursor:pointer}
body.dtc-neon .dtc-live-dot{width:29px;height:29px;border-radius:50%;background:var(--dtc-dot);border:2px solid #d6d8e8;box-shadow:0 0 14px var(--dtc-dot),inset 0 1px 5px #0005;transition:transform .2s}
body.dtc-neon .dtc-live-swatch.selected .dtc-live-dot{outline:2px solid #fff;outline-offset:3px;transform:scale(1.09)}
body.dtc-neon .dtc-live-swatch:hover .dtc-live-dot{transform:scale(1.16)}
body.dtc-neon .dtc-live-note{font-size:12px;color:#c7bfd6;margin:12px 0 0}
body.dtc-neon[data-kit-color="azul"] .hero,body.dtc-neon[data-kit-color="azul"] .kits-section{--dtc-glow-blend:#00c9f5}
body.dtc-neon[data-kit-color="verde"] .hero{--dtc-glow-blend:#58e62e}
body.dtc-neon[data-kit-color="naranja"] .hero{--dtc-glow-blend:#ff951c}
body.dtc-neon .dtc-live-personalizer{box-shadow:0 0 23px var(--dtc-kit-glow),0 13px 42px #0008}
body.dtc-neon .kits-section{
 background:radial-gradient(ellipse 460px 420px at 0% 52%,rgba(241,26,143,.39),transparent 82%),
 radial-gradient(ellipse 500px 420px at 100% 20%,rgba(47,181,36,.30),transparent 85%),#060609}
body.dtc-neon .gallery-section{
 background:radial-gradient(ellipse 500px 350px at 15% 55%,rgba(28,97,230,.29),transparent 80%),
 radial-gradient(ellipse 450px 320px at 95% 90%,rgba(235,31,144,.32),transparent 80%),#08060a}
body.dtc-neon .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.dtc-neon .gallery-card .scene{height:210px}
body.dtc-neon .gallery-card .dtc-gallery-photo{object-fit:contain;max-height:100%;padding:12px}
body.dtc-neon .gallery-card:nth-child(4n+1){border-color:#f422af;box-shadow:0 0 19px #f422af59}
body.dtc-neon .gallery-card:nth-child(4n+2){border-color:#00c9fa;box-shadow:0 0 19px #00c9fa59}
body.dtc-neon .gallery-card:nth-child(4n+3){border-color:#4dec63;box-shadow:0 0 19px #4dec6355}
body.dtc-neon .gallery-card:nth-child(4n+4){border-color:#ffb213;box-shadow:0 0 19px #ffb21355}
body.dtc-neon .how-section{background:radial-gradient(ellipse 500px 400px at 10% 95%,#850d9366,transparent 85%),radial-gradient(ellipse 440px 350px at 98% 88%,#086cb95c,transparent 80%),#09060c}
body.dtc-neon .callout{background:linear-gradient(95deg,#ad12e2 0%,#fc1f9c 36%,#fe8b1a 73%,#ffdb20 100%)}
body.dtc-neon .faq-section{background:radial-gradient(ellipse at 4% 75%,#7b12675c,transparent 38%),radial-gradient(ellipse at 99% 78%,#03714453,transparent 38%),#08070b}
body.dtc-neon .topbar{background:linear-gradient(95deg,#ab22e2,#f51988 55%,#ffaf10 91%,#ffe426)}
body.dtc-neon .gallery-card:hover{transform:translateY(-5px);box-shadow:0 0 31px var(--dtc-kit-glow)}
/* Original template can use the extended gallery after an owner opts in. */
body:not(.dtc-neon) .gallery-grid:has(.gallery-card:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr))}
body:not(.dtc-neon) .gallery-card .dtc-gallery-photo{width:100%;height:100%;object-fit:contain;padding:10px}
@media(max-width:1010px){body.dtc-neon .dtc-live-controls{grid-template-columns:1fr 1fr}body.dtc-neon .dtc-live-palette{grid-column:1/-1;border-left:0;border-top:1px solid #504159;padding-left:0;padding-top:12px}body.dtc-neon .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.dtc-neon .dtc-live-personalizer{padding:18px}body.dtc-neon .dtc-live-controls{grid-template-columns:1fr 1fr}body.dtc-neon .dtc-live-wrap{margin-top:14px}body.dtc-neon .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.dtc-neon .dtc-fruit-pineapple{width:39%}body.dtc-neon .dtc-fruit-watermelon{width:36%}}
@media(max-width:470px){body.dtc-neon .dtc-live-controls{grid-template-columns:1fr}body.dtc-neon .dtc-live-palette{grid-column:auto}body.dtc-neon .dtc-live-swatches{justify-content:space-between}body.dtc-neon .dtc-live-swatch{min-width:38px}body.dtc-neon .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}body.dtc-neon .gallery-card .scene{height:135px}}
@media(prefers-reduced-motion:reduce){body.dtc-neon .dtc-live-dot{transition:none}}

/* The selected kit color genuinely recolors the birthday sample and hero glow. */
body.dtc-neon .board-inner{background:linear-gradient(135deg,var(--dtc-kit-paper-one,#ffb4d9),var(--dtc-kit-paper-two,#ffdde8));transition:background .2s}
body.dtc-neon[data-kit-color="negro"] .board-name{color:#fff;text-shadow:3px 3px 0 #c61b89}
body.dtc-neon .hero::before{background:radial-gradient(ellipse at 53% 62%,var(--dtc-kit-glow,#fb2499),transparent 36%);opacity:.24;filter:blur(34px)}
body.dtc-neon .hero h1 .highlight{color:var(--dtc-kit-glow,#ff53b5);transition:color .2s}
body.dtc-neon .dtc-footer-logo{width:auto;height:40px;max-width:220px;object-fit:contain}

/* v0.12.4 — versioned asset! Prevent stale 0.12.2 stylesheet on Hostinger/CDN.
   Only styling: original DOM, interactive order flow and theme settings preserved.
   Design direction: abundant, saturated Frutas Bailando glow over premium black. */
:root:has(body.dtc-neon){color-scheme:dark}
body.dtc-neon{
 --dtc-kit-glow:#fb2499;
 --dtc-halo:color-mix(in srgb,var(--dtc-kit-glow) 45%,transparent);
 --dtc-ink:#fff;
 color:#f8f5fc;
 background:#050409;
}
/* Colored light blooms are CSS, not giant downloaded paintings. */
body.dtc-neon .hero{
 position:relative;
 background:
  radial-gradient(ellipse 30% 65% at 0% 52%,rgba(236,10,129,.78),transparent 94%),
  radial-gradient(ellipse 31% 67% at 99% 43%,rgba(0,231,130,.60),transparent 90%),
  radial-gradient(ellipse 39% 56% at 23% 100%,rgba(3,189,247,.54),transparent 92%),
  radial-gradient(ellipse 26% 53% at 72% 9%,rgba(245,140,12,.53),transparent 95%),
  radial-gradient(ellipse 32% 68% at 49% 16%,rgba(127,13,228,.36),transparent 100%),
  radial-gradient(ellipse 28% 55% at 72% 71%,var(--dtc-halo),transparent 96%),
  #06040b;
 background-blend-mode:screen,screen,screen,screen,screen,screen,normal;
 padding-bottom:92px;
 transition:background .3s ease;
}
body.dtc-neon .hero::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:radial-gradient(ellipse 40% 68% at 72% 58%,color-mix(in srgb,var(--dtc-kit-glow) 63%,transparent),transparent 94%);
 filter:blur(40px);opacity:.58;transition:background .2s ease;
}
body.dtc-neon .hero .hero-grid{position:relative;z-index:1}
body.dtc-neon .hero .hero-grid>div:first-child{position:relative;z-index:3}
body.dtc-neon .hero h1{font-weight:700;letter-spacing:-.036em;font-size:clamp(46px,5.0vw,76px);line-height:1.04}
body.dtc-neon .hero h1 .highlight{
 color:var(--dtc-kit-glow)!important;
 text-shadow:0 0 25px color-mix(in srgb,var(--dtc-kit-glow) 46%,transparent);
 transition:color .25s ease;
}
body.dtc-neon .hero-lead{font-size:clamp(15px,1.4vw,19px);max-width:545px;line-height:1.55}
body.dtc-neon .party-stage{overflow:visible;filter:drop-shadow(0 22px 30px #0009);isolation:isolate}
body.dtc-neon .stage-circle{background:radial-gradient(ellipse at 48% 40%,#ffc66b 10%,#c55769 58%,#6c295870 81%,transparent 98%);opacity:.95;box-shadow:0 0 75px 7px #ee51996b}
body.dtc-neon .party-board{transform:rotate(-5deg) scale(.99);box-shadow:0 25px 50px #000a,0 0 30px #ffb13a90;z-index:6}
body.dtc-neon .dtc-fruit-pineapple{width:43%;left:-4%;bottom:-3%;z-index:10;filter:drop-shadow(0 10px 16px #000b) drop-shadow(0 0 13px #59ff43a0)}
body.dtc-neon .dtc-fruit-watermelon{width:37%;right:-2%;bottom:-2%;z-index:10;filter:drop-shadow(0 13px 16px #000b) drop-shadow(0 0 13px #f92370ae)}
body.dtc-neon .dtc-fruit-avocado{width:23%;left:32%;bottom:-6%;z-index:11;filter:drop-shadow(0 13px 18px #000a)}
/* Actual original brand icon + legible wordmark — no anonymous tiny icon. */
body.dtc-neon .navbar a.logo{display:inline-flex;align-items:center;gap:10px;font:700 25px/1 'Fredoka',sans-serif;white-space:nowrap}
body.dtc-neon .navbar .dtc-logo-image{display:block;width:30px!important;height:45px!important;max-width:30px!important;object-fit:contain;flex-shrink:0}
body.dtc-neon .navbar a.logo>.logo-icon{display:none!important}
body.dtc-neon .navbar a.logo>span:last-child{display:inline!important;color:#fff!important;font-size:23px;line-height:1.05}
body.dtc-neon .navbar a.logo strong{color:#ff2c9c!important}
body.dtc-neon .navbar .navinner{gap:22px}
body.dtc-neon .navlinks{gap:22px}
body.dtc-neon .navlinks a{font-weight:900}
body.dtc-neon .topbar{background:linear-gradient(93deg,#c818e3 0%,#f51494 38%,#ff6820 79%,#ffcc00 100%)}
body.dtc-neon .btn-primary{background:linear-gradient(110deg,#f51791,#fe259b);box-shadow:0 0 25px #fa199385,0 7px 19px #0008}
body.dtc-neon .btn-outline{border-color:#19d6ee;box-shadow:0 0 15px #0ae6e155;color:#fff}
body.dtc-neon .btn:hover{transform:translateY(-2px)}
/* Live kit personalization deserves the same visual hierarchy as the pricing cards. */
body.dtc-neon .dtc-live-wrap{margin-top:24px;position:relative;z-index:5}
body.dtc-neon .dtc-live-personalizer{
 display:block;position:relative;border:1px solid #17cffa;border-bottom-color:#09e16a;
 border-right-color:#eb19ae;border-radius:22px;padding:22px 27px;
 background:linear-gradient(125deg,rgba(3,21,32,.97),rgba(11,13,38,.97) 56%,rgba(24,7,25,.97));
 color:#fff;box-shadow:0 0 0 1px #f0198b35,0 0 29px color-mix(in srgb,var(--dtc-kit-glow) 36%,transparent),0 18px 45px #0009;
 backdrop-filter:blur(12px);
}
body.dtc-neon .dtc-live-heading{display:flex;align-items:center;gap:13px;margin:0 0 17px}
body.dtc-neon .dtc-live-heading h2{font:700 clamp(24px,2.4vw,31px)/1.15 'Fredoka',sans-serif;margin:0 0 5px;
 background:linear-gradient(95deg,#68fc4c,#ffdc25 45%,var(--dtc-kit-glow) 93%);color:transparent;-webkit-background-clip:text;background-clip:text}
body.dtc-neon .dtc-live-heading p{margin:0;color:#eae3f0;font-size:13px}
body.dtc-neon .dtc-live-star{font-size:26px;color:#ffe227;filter:drop-shadow(0 0 8px #ffe227)}
body.dtc-neon .dtc-live-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(270px,1.6fr);gap:16px;align-items:end}
body.dtc-neon .dtc-live-field,body.dtc-neon .dtc-palette-label{display:grid;gap:8px;font:800 13px/1.3 'Nunito',sans-serif;color:#fff}
body.dtc-neon .dtc-live-field input{display:block;box-sizing:border-box;width:100%;height:52px;padding:12px 15px;background:#0b2237;
 border:1px solid #47749b;border-radius:11px;color:#fff;font:700 17px 'Nunito',sans-serif;outline-offset:3px}
body.dtc-neon .dtc-live-field input:focus-visible{outline:2px solid #04cffd}
body.dtc-neon .dtc-live-palette{border-left:1px solid #39465b;padding-left:20px;min-width:0}
body.dtc-neon .dtc-live-swatches{display:flex;gap:6px;justify-content:space-between;align-items:center;margin-top:9px}
body.dtc-neon .dtc-live-swatch{display:grid;justify-items:center;gap:7px;min-width:45px;border:0;border-radius:8px;padding:4px 5px;
 background:transparent;color:#e8e2ed;font:700 11px 'Nunito',sans-serif;cursor:pointer}
body.dtc-neon .dtc-live-dot{display:block;width:31px;height:31px;border:2px solid #e8e8ff;border-radius:50%;
 background:var(--dtc-dot);box-shadow:0 0 17px var(--dtc-dot),inset 0 1px 4px #0006;transition:transform .2s ease}
body.dtc-neon .dtc-live-swatch.selected .dtc-live-dot{outline:2px solid #fff;outline-offset:4px;transform:scale(1.08)}
body.dtc-neon .dtc-live-swatch:hover .dtc-live-dot{transform:scale(1.16)}
body.dtc-neon .dtc-live-note{margin:14px 0 0;color:#c4c9d7;font-size:12px}
body.dtc-neon .board-inner{background:linear-gradient(130deg,var(--dtc-kit-paper-one,#ffb4d9),var(--dtc-kit-paper-two,#ffdde8));transition:background .25s ease}
body.dtc-neon .board-name{overflow-wrap:anywhere}
body.dtc-neon[data-kit-color="negro"] .board-title,body.dtc-neon[data-kit-color="negro"] .board-age{color:#f9eefa}
body.dtc-neon[data-kit-color="negro"] .board-name{color:#fff;text-shadow:2px 3px #d12183}
/* Paleta real: affects the birthday sign PLUS the lighting of several sections. */
body.dtc-neon .kits-section{
 background:radial-gradient(ellipse 35% 50% at 6% 20%,#e4008280,transparent 100%),
 radial-gradient(ellipse 40% 55% at 95% 74%,color-mix(in srgb,var(--dtc-kit-glow) 42%,transparent),transparent 100%),#07040b}
body.dtc-neon .gallery-section{
 background:radial-gradient(ellipse 43% 60% at 0% 70%,#0083f64a,transparent 90%),
 radial-gradient(ellipse 37% 54% at 96% 25%,color-mix(in srgb,var(--dtc-kit-glow) 37%,transparent),transparent 96%),#09070d}
body.dtc-neon .how-section{background:radial-gradient(ellipse 45% 70% at 0% 75%,#112bd75e,transparent 90%),
 radial-gradient(ellipse 35% 70% at 94% 33%,#ab04b977,transparent 90%),#07050c}
body.dtc-neon .faq-section{background:radial-gradient(ellipse 38% 80% at 0% 65%,#8b10a35c,transparent 92%),
 radial-gradient(ellipse 38% 80% at 100% 65%,color-mix(in srgb,var(--dtc-kit-glow) 42%,transparent),transparent 94%),#07060a}
/* Keep three tier colors stable while the visitor explores their favorite theme. */
body.dtc-neon .kit{border-width:2px;box-shadow:0 0 24px #f7108e7d,0 15px 35px #000a}
body.dtc-neon .kit-plus{box-shadow:0 0 28px #00c9faa0,0 15px 35px #000a}
body.dtc-neon .kit-pro{box-shadow:0 0 28px #ffe60088,0 15px 35px #000a}
body.dtc-neon .kit .dtc-card-fruit{height:145px;width:124px;bottom:-13%;right:1%;object-fit:contain}
body.dtc-neon .benefits{border-color:color-mix(in srgb,var(--dtc-kit-glow) 42%,#7386a7);box-shadow:0 0 24px #1acdf04c,0 12px 34px #0009}
body.dtc-neon .benefit-icon{font-size:28px;border-radius:15px;box-shadow:0 0 17px #fe2fabc1}
body.dtc-neon .gallery-card .scene{min-height:210px;}
body.dtc-neon .gallery-card{box-shadow:0 0 22px #fe24bb51,0 16px 35px #0009}
body.dtc-neon .gallery-card:nth-child(2){box-shadow:0 0 23px #04cafa75,0 16px 35px #0009}
body.dtc-neon .gallery-card:nth-child(3){box-shadow:0 0 23px #35fc8875,0 16px 35px #0009}
body.dtc-neon .gallery-card:nth-child(4){box-shadow:0 0 23px #ffb31075,0 16px 35px #0009}
body.dtc-neon .callout{background:linear-gradient(100deg,#be03c8 0%,#fa168b 32%,#ff6c2a 77%,#ffda24 100%)}
body.dtc-neon .footer{background:#040407;border-top:1px solid #32333b;color:#fff;padding:45px 0 28px}
body.dtc-neon .footer .footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
body.dtc-neon .footer .logo{display:flex;align-items:center;gap:9px;max-width:260px;white-space:nowrap}
body.dtc-neon .footer .dtc-footer-logo{width:27px!important;height:40px!important;max-width:27px!important;max-height:40px!important;object-fit:contain;flex-shrink:0}
body.dtc-neon .footer .dtc-footer-wordmark{font:700 21px/1.12 'Fredoka',sans-serif;color:white}
body.dtc-neon .footer .dtc-footer-wordmark strong{color:#ff279f}
body.dtc-neon .footer p{color:#d9d3e0;font-size:13px;max-width:400px;margin-top:8px}
body.dtc-neon .footer .footer-links{display:flex;align-items:center;gap:17px}
body.dtc-neon .footer small{color:#b9acc3}
/* Restore mobile balance after a fixed-width desktop treatment. */
@media(max-width:1050px){
 body.dtc-neon .dtc-live-controls{grid-template-columns:1fr 1fr}
 body.dtc-neon .dtc-live-palette{grid-column:1/-1;border-left:0;border-top:1px solid #4c5062;padding:12px 0 0}
}
@media(max-width:760px){
 body.dtc-neon .hero{padding:42px 0 80px}
 body.dtc-neon .hero h1{font-size:clamp(42px,10vw,63px)}
 body.dtc-neon .dtc-live-wrap{margin-top:18px}
 body.dtc-neon .dtc-live-personalizer{padding:19px 16px}
 body.dtc-neon .dtc-live-controls{grid-template-columns:1fr 1fr;gap:13px}
 body.dtc-neon .dtc-live-palette{grid-column:1/-1;padding-top:14px}
 body.dtc-neon .party-stage{height:425px}
 body.dtc-neon .dtc-fruit-pineapple{width:38%;left:0}
 body.dtc-neon .dtc-fruit-watermelon{width:36%;right:0}
 body.dtc-neon .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.dtc-neon .footer .footer-grid{flex-direction:column;align-items:flex-start}
}
@media(max-width:450px){
 body.dtc-neon .dtc-live-controls{grid-template-columns:1fr}
 body.dtc-neon .dtc-live-palette{grid-column:1/-1}
 body.dtc-neon .dtc-live-swatch{min-width:40px;padding:4px 1px}
 body.dtc-neon .dtc-live-dot{width:28px;height:28px}
 body.dtc-neon .dtc-live-personalizer{border-radius:18px}
 body.dtc-neon .footer .dtc-footer-wordmark{font-size:18px}
 body.dtc-neon .footer .footer-links{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){body.dtc-neon .dtc-live-dot{transition:none}}



/* v0.12.5: FIVE FULL-PAGE LIVE PALETTES / SINGLE SEAMLESS BACKGROUND.
   Theme is selected in the browser, never posted/saved on the server until
   the customer uses the existing purchase flow. All photographs stay intact. */
body.dtc-neon {
 --dtc-theme-primary:#fa2494;
 --dtc-theme-wash:#e90e8b;
 --dtc-theme-light:#ff78c7;
 --dtc-theme-complement:#04d5f6;
 --dtc-theme-shadow:#7b1258;
 --dtc-on-primary:#fff;
 --dtc-kit-glow:var(--dtc-theme-primary);
 background-color:#05070d !important;
 background-image:
   radial-gradient(ellipse 65vw 80vh at 2% 18%,color-mix(in srgb,var(--dtc-theme-wash) 57%,transparent),transparent 95%),
   radial-gradient(ellipse 65vw 80vh at 97% 75%,color-mix(in srgb,var(--dtc-theme-primary) 45%,transparent),transparent 96%),
   radial-gradient(ellipse 62vw 60vh at 67% 5%,color-mix(in srgb,var(--dtc-theme-complement) 17%,transparent),transparent 95%),
   radial-gradient(ellipse 50vw 70vh at 8% 96%,color-mix(in srgb,var(--dtc-theme-complement) 21%,transparent),transparent 93%),
   linear-gradient(110deg,#05070d 4%,#110c16 50%,#05070d 100%) !important;
 background-repeat:no-repeat;
 background-attachment:fixed;
 transition:color .2s ease;
}
body.dtc-neon[data-kit-color="negro"] {
 --dtc-theme-primary:#9cc2ed;
 --dtc-theme-wash:#6f7d9e;
 --dtc-theme-light:#dcecff;
 --dtc-theme-complement:#66d4f0;
 --dtc-theme-shadow:#394b6f;
 --dtc-on-primary:#061322;
}
body.dtc-neon[data-kit-color="rosa"] {
 --dtc-theme-primary:#fa2494;
 --dtc-theme-wash:#e90e8b;
 --dtc-theme-light:#ff78c7;
 --dtc-theme-complement:#04d5f6;
 --dtc-theme-shadow:#7b1258;
 --dtc-on-primary:#fff;
}
body.dtc-neon[data-kit-color="azul"] {
 --dtc-theme-primary:#10bfff;
 --dtc-theme-wash:#006bdc;
 --dtc-theme-light:#83e5ff;
 --dtc-theme-complement:#27ffbd;
 --dtc-theme-shadow:#0a407a;
 --dtc-on-primary:#041725;
}
body.dtc-neon[data-kit-color="verde"] {
 --dtc-theme-primary:#4af178;
 --dtc-theme-wash:#109d4a;
 --dtc-theme-light:#adffb4;
 --dtc-theme-complement:#ffdd45;
 --dtc-theme-shadow:#126d46;
 --dtc-on-primary:#072416;
}
body.dtc-neon[data-kit-color="naranja"] {
 --dtc-theme-primary:#ff9d36;
 --dtc-theme-wash:#ec580b;
 --dtc-theme-light:#ffe08b;
 --dtc-theme-complement:#fede35;
 --dtc-theme-shadow:#8b3c14;
 --dtc-on-primary:#211006;
}
/* All section backgrounds are transparent: no visible rectangular transitions.
   The intentional rounded CTA panel remains as a distinct call-to-action. */
body.dtc-neon .hero,
body.dtc-neon .kits-section,
body.dtc-neon .gallery-section,
body.dtc-neon .how-section,
body.dtc-neon .faq-section,
body.dtc-neon .footer,
body.dtc-neon .callout {
 background:transparent !important;
}
body.dtc-neon .hero::after {display:none!important}
body.dtc-neon .hero::before {
 background:radial-gradient(ellipse 60% 67% at 68% 55%,color-mix(in srgb,var(--dtc-theme-primary) 56%,transparent),transparent 94%);
 filter:blur(48px);opacity:.38;
}
body.dtc-neon .hero {padding-top:58px;padding-bottom:70px}
body.dtc-neon .benefit-wrap{margin-top:-10px}
body.dtc-neon .section {padding-block:75px}
body.dtc-neon .gallery-section {padding-top:80px;padding-bottom:60px}
body.dtc-neon .kits-section {padding-top:70px;padding-bottom:86px}
body.dtc-neon .faq-section {padding-top:82px;padding-bottom:96px}
/* The main theme controls general buttons, highlights and decorative glows.
   Tier colors remain individually recognizable in the three product cards. */
body.dtc-neon .navbar a.logo strong,
body.dtc-neon .footer .dtc-footer-wordmark strong,
body.dtc-neon .hero h1 .highlight,
body.dtc-neon .section-head .highlight,
body.dtc-neon .section-kicker,
body.dtc-neon .faq-list summary::after,
body.dtc-neon .dtc-kits-for,
body.dtc-neon .section-head h2 .dtc-kits-for {color:var(--dtc-theme-primary)!important}
body.dtc-neon .hero h1 .highlight {text-shadow:0 0 24px color-mix(in srgb,var(--dtc-theme-primary) 40%,transparent)}
body.dtc-neon .section-kicker {text-shadow:0 0 14px color-mix(in srgb,var(--dtc-theme-primary) 50%,transparent)}
body.dtc-neon .highlight::after{background:var(--dtc-theme-complement)}
body.dtc-neon .btn-primary,
body.dtc-neon .navbar .btn-primary,
body.dtc-neon .sticky-mobile .btn-primary {
 background:linear-gradient(115deg,var(--dtc-theme-wash),var(--dtc-theme-primary))!important;
 color:var(--dtc-on-primary)!important;
 box-shadow:0 0 26px color-mix(in srgb,var(--dtc-theme-primary) 64%,transparent),0 6px 15px #0008!important;
}
body.dtc-neon .btn-outline{border-color:var(--dtc-theme-complement)}
body.dtc-neon .eyebrow {border-color:color-mix(in srgb,var(--dtc-theme-primary) 62%,transparent);color:var(--dtc-theme-light);background:color-mix(in srgb,var(--dtc-theme-shadow) 36%,#171224)}
body.dtc-neon .board-name{color:var(--dtc-theme-wash);text-shadow:1px 2px 0 #fff9}
body.dtc-neon[data-kit-color="negro"] .board-name {color:#fff;text-shadow:2px 3px 0 #243047}
body.dtc-neon .party-board{box-shadow:0 25px 48px #000a,0 0 32px color-mix(in srgb,var(--dtc-theme-primary) 44%,transparent)}
body.dtc-neon .dtc-live-personalizer{
 border-color:color-mix(in srgb,var(--dtc-theme-primary) 75%,#95dafa);
 box-shadow:0 0 36px color-mix(in srgb,var(--dtc-theme-primary) 43%,transparent),0 18px 42px #0008;
}
body.dtc-neon .dtc-live-heading h2{background:linear-gradient(95deg,var(--dtc-theme-complement),var(--dtc-theme-light),var(--dtc-theme-primary));color:transparent;-webkit-background-clip:text;background-clip:text}
body.dtc-neon .dtc-live-field input:focus-visible{outline-color:var(--dtc-theme-primary)}
body.dtc-neon .dtc-live-swatch.selected .dtc-live-dot{outline-color:var(--dtc-theme-primary)}
body.dtc-neon .benefits{border-color:color-mix(in srgb,var(--dtc-theme-primary) 40%,#67778c);box-shadow:0 0 28px color-mix(in srgb,var(--dtc-theme-primary) 35%,transparent),0 18px 38px #000a}
body.dtc-neon .gallery-card:hover{box-shadow:0 0 31px color-mix(in srgb,var(--dtc-theme-primary) 60%,transparent)}
body.dtc-neon .faq-list details[open]{border-color:var(--dtc-theme-primary);box-shadow:0 0 16px color-mix(in srgb,var(--dtc-theme-primary) 24%,transparent)}
body.dtc-neon .faq-list summary::after{color:var(--dtc-theme-primary)}
body.dtc-neon .dtc-kits-for {display:inline;white-space:normal}
body.dtc-neon .kits-section h2{max-width:100%;overflow-wrap:break-word}
body.dtc-neon .dtc-kits-for [data-dtc-name-kits]{overflow-wrap:anywhere}
/* Intentional rounded banner rather than a hard-edged full-width stripe. */
body.dtc-neon .callout{padding:54px 0}
body.dtc-neon .callout::before,body.dtc-neon .callout::after{display:none}
body.dtc-neon .callout-inner {
 box-sizing:border-box;
 padding:36px 42px;
 border:1px solid color-mix(in srgb,var(--dtc-theme-light) 70%,transparent);
 border-radius:29px;
 background:linear-gradient(104deg,var(--dtc-theme-shadow) 0%,var(--dtc-theme-wash) 48%,var(--dtc-theme-primary) 100%);
 box-shadow:0 0 38px color-mix(in srgb,var(--dtc-theme-primary) 35%,transparent),0 20px 30px #0007;
 overflow:hidden;
}
body.dtc-neon .callout h2{font-size:clamp(30px,3.6vw,49px);color:#fff;max-width:630px}
body.dtc-neon .callout p{color:#fff}
body.dtc-neon .callout .btn-yellow{background:#ffe63b;color:#221900;box-shadow:0 0 24px #ffeb5790}
body.dtc-neon .footer{border-top:1px solid color-mix(in srgb,var(--dtc-theme-primary) 30%,#282631);padding-top:35px}
body.dtc-neon .navbar{border-bottom:1px solid color-mix(in srgb,var(--dtc-theme-primary) 25%,#27272c)}
/* Minimize motion, preserve continuous non-distracting gradients on mobile. */
@media(max-width:760px){
 body.dtc-neon {background-image:
  radial-gradient(ellipse 100vw 58vh at -13% 22%,color-mix(in srgb,var(--dtc-theme-wash) 43%,transparent),transparent 98%),
  radial-gradient(ellipse 100vw 70vh at 110% 77%,color-mix(in srgb,var(--dtc-theme-primary) 35%,transparent),transparent 96%),
  linear-gradient(125deg,#080711,#120c17 50%,#070810)!important}
 body.dtc-neon .hero{padding-bottom:42px}
 body.dtc-neon .section{padding-block:52px}
 body.dtc-neon .callout{padding:26px 0}
 body.dtc-neon .callout-inner{padding:30px 21px;border-radius:23px;gap:14px}
 body.dtc-neon .callout-inner > div:first-child{padding-left:0}
 body.dtc-neon .callout h2{font-size:clamp(26px,6vw,36px)}
 body.dtc-neon .dtc-banner-fruits{opacity:.23;width:45%;left:auto;right:-4%;bottom:-4px}
}
@media(max-width:470px){
 body.dtc-neon .callout-inner{flex-direction:column;align-items:flex-start}
 body.dtc-neon .callout .btn{max-width:100%;white-space:normal}
 body.dtc-neon .dtc-kits-for{display:block;margin-top:5px;font-size:.78em}
}

/* Final polish: one document-wide canvas, NO viewport-bound hero bloom or
   section-specific background boxes. Color glows flow through section joins. */
body.dtc-neon {
 background-image:
   radial-gradient(ellipse 64% 15% at -6% 9%,color-mix(in srgb,var(--dtc-theme-wash) 46%,transparent),transparent 98%),
   radial-gradient(ellipse 58% 16% at 106% 21%,color-mix(in srgb,var(--dtc-theme-complement) 36%,transparent),transparent 98%),
   radial-gradient(ellipse 51% 19% at 7% 42%,color-mix(in srgb,var(--dtc-theme-primary) 30%,transparent),transparent 98%),
   radial-gradient(ellipse 61% 18% at 96% 63%,color-mix(in srgb,var(--dtc-theme-wash) 33%,transparent),transparent 98%),
   radial-gradient(ellipse 49% 17% at 10% 81%,color-mix(in srgb,var(--dtc-theme-complement) 22%,transparent),transparent 98%),
   linear-gradient(110deg,#060710,#0d0b17 50%,#07080f 100%)!important;
 background-attachment:scroll!important;
 background-repeat:no-repeat;
}
body.dtc-neon .hero::before {display:none!important}
@media(max-width:760px){
 body.dtc-neon {
  background-image:
   radial-gradient(ellipse 83% 13% at -15% 7%,color-mix(in srgb,var(--dtc-theme-wash) 41%,transparent),transparent 99%),
   radial-gradient(ellipse 90% 21% at 117% 29%,color-mix(in srgb,var(--dtc-theme-complement) 33%,transparent),transparent 99%),
   radial-gradient(ellipse 87% 21% at -14% 49%,color-mix(in srgb,var(--dtc-theme-primary) 35%,transparent),transparent 99%),
   radial-gradient(ellipse 94% 23% at 112% 77%,color-mix(in srgb,var(--dtc-theme-primary) 29%,transparent),transparent 99%),
   linear-gradient(110deg,#060710,#0d0b17 50%,#07080f 100%)!important;
  background-attachment:scroll!important;
 }
}

/* v0.12.6: Theme accents on the two gallery words; pricing headline hierarchy.
   Use !important against inline colors embedded in the original approved HTML.
   The featured kits retain their individual Basic/Plus/Pro palette colors. */
body.dtc-neon .gallery-section .section-head h2 > span[style] {
  color: var(--dtc-theme-primary) !important;
  text-shadow: 0 0 22px color-mix(in srgb, var(--dtc-theme-primary) 25%, transparent);
}
body.dtc-neon .kits-section .section-head h2 {
  font-size: clamp(29px, 3.05vw, 43px) !important;
  line-height: 1.12;
  color: #fff !important;
}
body.dtc-neon .kits-section .section-head h2 > span[style] {
  color: #fff !important;
  text-shadow: none !important;
}
body.dtc-neon .kits-section .section-head h2 .dtc-kits-for {
  display: block !important;
  margin: 6px 0 0;
  font-size: clamp(1.18em, 1.43em, 1.55em);
  font-weight: 800;
  line-height: 1.08;
  color: var(--dtc-theme-primary) !important;
  text-shadow: 0 0 18px color-mix(in srgb, var(--dtc-theme-primary) 25%, transparent);
}
body.dtc-neon .kits-section .section-head h2 .dtc-kits-for [data-dtc-name-kits] {overflow-wrap:anywhere}
body.dtc-neon .hero-lead {max-width: 590px;line-height:1.58}
body.dtc-neon .dtc-live-field input::placeholder {color:#adbed0;opacity:1}
@media (max-width: 760px) {
  body.dtc-neon .kits-section .section-head h2 {font-size:clamp(27px, 7.2vw, 36px)!important}
  body.dtc-neon .kits-section .section-head h2 .dtc-kits-for {font-size:1.23em}
}

/* v0.12.7 · LIVE THEMES. "Negro" is the ORIGINAL Frutas Bailando
   rainbow-on-black look (red, orange, yellow, green, blue, indigo, violet).
   Other choices use hue-coherent halos, not a stray complementary glow.
   Uses one seamless document background; cards retain their own tier colors. */
body.dtc-neon {
  --dtc-theme-primary:#ffdd39;
  --dtc-theme-wash:#f62c88;
  --dtc-theme-light:#ffec83;
  --dtc-theme-complement:#00d8f9;
  --dtc-theme-shadow:#ab257a;
  --dtc-on-primary:#10141c;
  --dtc-bloom-one:#ef365a;
  --dtc-bloom-two:#ff8d16;
  --dtc-bloom-three:#ffdf16;
  --dtc-bloom-four:#25e05a;
  --dtc-bloom-five:#00b8ff;
  --dtc-bloom-six:#5642ed;
  --dtc-bloom-seven:#b83cff;
  background-color:#030409!important;
}
body.dtc-neon[data-kit-color="negro"] {
  --dtc-theme-primary:#ffdc35;
  --dtc-theme-wash:#f62c88;
  --dtc-theme-light:#fff18e;
  --dtc-theme-complement:#1ce6fe;
  --dtc-theme-shadow:#9c257a;
  --dtc-on-primary:#06121b;
  --dtc-bloom-one:#ef365a;
  --dtc-bloom-two:#ff8d16;
  --dtc-bloom-three:#ffdf16;
  --dtc-bloom-four:#25e05a;
  --dtc-bloom-five:#00b8ff;
  --dtc-bloom-six:#5642ed;
  --dtc-bloom-seven:#b83cff;
}
body.dtc-neon[data-kit-color="rosa"] {
  --dtc-bloom-one:#fa1f91;
  --dtc-bloom-two:#b61a98;
  --dtc-bloom-three:#ff5ba5;
  --dtc-bloom-four:#ed2185;
  --dtc-bloom-five:#a8229a;
  --dtc-bloom-six:#d72e9d;
  --dtc-bloom-seven:#ff438c;
}
body.dtc-neon[data-kit-color="azul"] {
  --dtc-bloom-one:#087ce7;
  --dtc-bloom-two:#02b9f2;
  --dtc-bloom-three:#369bfa;
  --dtc-bloom-four:#00c2de;
  --dtc-bloom-five:#1276ed;
  --dtc-bloom-six:#3044b8;
  --dtc-bloom-seven:#2589ff;
}
body.dtc-neon[data-kit-color="verde"] {
  --dtc-bloom-one:#11b651;
  --dtc-bloom-two:#35ef74;
  --dtc-bloom-three:#64d446;
  --dtc-bloom-four:#08aa87;
  --dtc-bloom-five:#25c858;
  --dtc-bloom-six:#199b57;
  --dtc-bloom-seven:#4eec8c;
}
body.dtc-neon[data-kit-color="naranja"] {
  --dtc-bloom-one:#fa6920;
  --dtc-bloom-two:#ff9a1b;
  --dtc-bloom-three:#e7b230;
  --dtc-bloom-four:#f26916;
  --dtc-bloom-five:#e8881e;
  --dtc-bloom-six:#b95a18;
  --dtc-bloom-seven:#ffae33;
}
/* One continuous canvas with seven independent yet coordinated glows. */
body.dtc-neon,
body.dtc-neon[data-kit-color="negro"] {
  background-image:
    radial-gradient(ellipse 53% 13% at -8% 9%,color-mix(in srgb,var(--dtc-bloom-one) 59%,transparent),transparent 97%),
    radial-gradient(ellipse 51% 16% at 103% 15%,color-mix(in srgb,var(--dtc-bloom-two) 43%,transparent),transparent 97%),
    radial-gradient(ellipse 54% 16% at -10% 28%,color-mix(in srgb,var(--dtc-bloom-three) 31%,transparent),transparent 97%),
    radial-gradient(ellipse 53% 20% at 104% 41%,color-mix(in srgb,var(--dtc-bloom-four) 40%,transparent),transparent 97%),
    radial-gradient(ellipse 62% 17% at -13% 59%,color-mix(in srgb,var(--dtc-bloom-five) 40%,transparent),transparent 97%),
    radial-gradient(ellipse 60% 17% at 103% 77%,color-mix(in srgb,var(--dtc-bloom-six) 48%,transparent),transparent 97%),
    radial-gradient(ellipse 54% 15% at 4% 95%,color-mix(in srgb,var(--dtc-bloom-seven) 35%,transparent),transparent 97%),
    linear-gradient(110deg,#03050b,#100d17 55%,#040609 100%)!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}
/* No leftover pink/blue spotlights from pseudo-elements when switching hues.
   Intentional fruit/balloon colors are original artwork, not theme glow. */
body.dtc-neon .hero::before,body.dtc-neon .hero::after {display:none!important}
body.dtc-neon .benefits,
body.dtc-neon .dtc-live-personalizer {backdrop-filter:blur(12px)}
body.dtc-neon .hero h1 .highlight::after,
body.dtc-neon .highlight::after {background:var(--dtc-theme-primary)!important}
body.dtc-neon .hero .btn-outline,
body.dtc-neon .btn-outline {
  border-color:var(--dtc-theme-primary)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--dtc-theme-primary) 45%,transparent),0 6px 18px #0008!important;
}
body.dtc-neon .dtc-live-heading h2 {
  background:none!important;
  color:var(--dtc-theme-primary)!important;
  -webkit-text-fill-color:var(--dtc-theme-primary)!important;
  text-shadow:0 0 22px color-mix(in srgb,var(--dtc-theme-primary) 36%,transparent);
}
body.dtc-neon .dtc-live-dot {transition:box-shadow .15s,transform .15s}
body.dtc-neon .dtc-live-swatch.selected .dtc-live-dot{box-shadow:0 0 14px var(--dtc-theme-primary)!important}
body.dtc-neon .callout .btn-yellow{background:var(--dtc-theme-primary)!important;color:var(--dtc-on-primary)!important;box-shadow:0 0 24px color-mix(in srgb,var(--dtc-theme-primary) 48%,transparent)!important}
/* Default dark rainbow is festive and colorful while remaining mostly black. */
body.dtc-neon[data-kit-color="negro"] .hero h1 .highlight,
body.dtc-neon[data-kit-color="negro"] .dtc-live-heading h2 {
  background:linear-gradient(105deg,#ff328e,#ffcb26 33%,#24e370 63%,#00c8ff 85%,#c951ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
body.dtc-neon[data-kit-color="negro"] .btn-primary,
body.dtc-neon[data-kit-color="negro"] .navbar .btn-primary,
body.dtc-neon[data-kit-color="negro"] .sticky-mobile .btn-primary {
  background:linear-gradient(110deg,#ff267c,#f94a4a 38%,#954af6 76%,#276aff)!important;
  color:white!important;box-shadow:0 0 22px #da328079,0 7px 22px #0008!important;
}
@media(max-width:760px){
 body.dtc-neon{background-image:
  radial-gradient(ellipse 105% 13% at -31% 8%,color-mix(in srgb,var(--dtc-bloom-one) 52%,transparent),transparent 98%),
  radial-gradient(ellipse 104% 18% at 133% 22%,color-mix(in srgb,var(--dtc-bloom-two) 37%,transparent),transparent 98%),
  radial-gradient(ellipse 110% 19% at -30% 38%,color-mix(in srgb,var(--dtc-bloom-three) 33%,transparent),transparent 98%),
  radial-gradient(ellipse 108% 20% at 127% 55%,color-mix(in srgb,var(--dtc-bloom-four) 35%,transparent),transparent 98%),
  radial-gradient(ellipse 114% 22% at -31% 71%,color-mix(in srgb,var(--dtc-bloom-five) 33%,transparent),transparent 98%),
  radial-gradient(ellipse 110% 20% at 135% 87%,color-mix(in srgb,var(--dtc-bloom-six) 33%,transparent),transparent 98%),
  linear-gradient(125deg,#03050b,#100d17 55%,#040609)!important}
}
@media(prefers-reduced-motion:reduce){
 body.dtc-neon .dtc-live-dot{transition:none!important}
}