#cd-navidad{--rojo:#a3121f;--verde:#145240;--oro:#d9a93f;--tinta:#1f1a17;--borde:#e6dccd;--suave:#5b524b;font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--tinta);max-width:1100px;margin:0 auto;padding:36px 16px 56px;box-sizing:border-box;line-height:1.5;background:#faf7f2;border-radius:24px;text-align:left}
#cd-navidad h1,#cd-navidad h2,#cd-navidad h3{font-family:Poppins,system-ui,sans-serif;text-transform:none;letter-spacing:normal}
#cd-navidad *,#cd-navidad *::before,#cd-navidad *::after{box-sizing:border-box}
#cd-navidad [hidden]{display:none!important}
#cd-navidad .cd-hero{text-align:center;margin-bottom:30px}
#cd-navidad .cd-kicker{display:inline-block;background:#fff;border:1px solid var(--borde);border-radius:999px;padding:6px 14px;font-size:14px;margin:0 0 14px;color:var(--suave)}
#cd-navidad h1{font-size:clamp(28px,5vw,46px);line-height:1.12;margin:0 0 12px;letter-spacing:-.02em;color:var(--tinta)}
#cd-navidad h1 span{color:var(--rojo)}
#cd-navidad .cd-hero>p:last-child{margin:0 auto;max-width:600px;color:var(--suave);font-size:17px}
#cd-navidad .cd-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
#cd-navidad .cd-panel{background:#fff;border:1px solid var(--borde);border-radius:20px;padding:22px}
#cd-navidad .cd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#cd-navidad .cd-field{margin-bottom:18px}
#cd-navidad .cd-field label,#cd-navidad .cd-label{display:block;font-weight:600;font-size:14px;margin-bottom:7px}
#cd-navidad .cd-field small{font-weight:400;color:#8a7f75}
#cd-navidad input,#cd-navidad select,#cd-navidad textarea{width:100%;padding:12px 14px;border:1px solid #d9cdbb;border-radius:12px;font:inherit;font-size:16px;color:var(--tinta);background:#fffdfa;outline:none;transition:border-color .15s,box-shadow .15s;margin:0}
#cd-navidad textarea{resize:vertical;min-height:120px}
#cd-navidad input:focus,#cd-navidad select:focus,#cd-navidad textarea:focus{border-color:var(--rojo);box-shadow:0 0 0 3px rgba(163,18,31,.12)}
#cd-navidad .cd-extra{margin-top:8px}
#cd-navidad input[type=range]{padding:0;border:0;background:none;box-shadow:none;accent-color:var(--rojo);height:28px}
#cd-navidad .cd-foto-ctrl{margin-top:10px}
#cd-navidad .cd-foto-ctrl label{font-size:13px;margin-bottom:0}
#cd-navidad #cd-canvas.cd-drag{touch-action:none;cursor:grab}
#cd-navidad .cd-usd{display:block;font-size:12px;font-weight:400;color:var(--suave);text-align:right}
#cd-navidad .cd-chips{display:flex;flex-wrap:wrap;gap:8px}
#cd-navidad .cd-chip{border:1px solid #d9cdbb;background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;color:var(--tinta)}
#cd-navidad .cd-chip.is-on{background:var(--rojo);border-color:var(--rojo);color:#fff}
#cd-navidad .cd-temas{display:flex;gap:12px;flex-wrap:wrap}
#cd-navidad .cd-tema{width:52px;height:52px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d9cdbb;cursor:pointer;padding:0}
#cd-navidad .cd-tema.is-on{box-shadow:0 0 0 3px var(--rojo)}
#cd-navidad .cd-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
#cd-navidad .cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 16px;border-radius:12px;border:0;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .1s,filter .15s;line-height:1.2}
#cd-navidad .cd-btn:active{transform:scale(.98)}
#cd-navidad .cd-btn:hover{filter:brightness(1.05)}
#cd-navidad .cd-btn[disabled]{opacity:.6;cursor:wait}
#cd-navidad .cd-btn-primary{background:var(--rojo);color:#fff}
#cd-navidad .cd-btn-wa{background:#1f9d55;color:#fff}
#cd-navidad .cd-btn-ia{background:linear-gradient(135deg,#6d28d9,#a3121f);color:#fff}
#cd-navidad .cd-btn-ghost{background:#fff;border:1px solid #d9cdbb;color:var(--tinta)}
#cd-navidad .cd-full{width:100%}
#cd-navidad .cd-link{background:none;border:0;color:var(--rojo);font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:6px 0;text-decoration:underline}

/* Barra del pase */
#cd-navidad .cd-pase{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,#f6f0ff,#fff1f2);border:1px solid #eadcf5;border-radius:14px;padding:12px 14px;margin-bottom:18px;font-size:14px}
#cd-navidad .cd-pase.is-activo{background:linear-gradient(135deg,#ecfdf3,#f6f0ff);border-color:#cdebd9}
#cd-navidad .cd-pase-txt b{font-size:16px}
#cd-navidad .cd-pase-btns{display:flex;gap:10px;align-items:center}
#cd-navidad .cd-pase .cd-btn{padding:9px 14px;font-size:14px}

#cd-navidad .cd-preview{position:sticky;top:16px}
#cd-navidad #cd-canvas{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 14px 40px rgba(60,20,10,.2)}
#cd-navidad .cd-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
#cd-navidad .cd-span2{grid-column:1/-1}

#cd-navidad .cd-faq{max-width:720px;margin:48px auto 0}
#cd-navidad .cd-faq h2{font-size:24px;margin:0 0 14px;text-align:center}
#cd-navidad details{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:14px 18px;margin-bottom:10px}
#cd-navidad summary{font-weight:600;cursor:pointer}
#cd-navidad details p{margin:8px 0 0;color:var(--suave)}
#cd-navidad .cd-cta{text-align:center;margin-top:36px;padding:26px 18px;background:var(--verde);color:#fff;border-radius:20px}
#cd-navidad .cd-cta p{margin:0 0 14px;font-size:17px}

/* Modal */
#cd-navidad .cd-modal{position:fixed;inset:0;background:rgba(20,10,8,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:99990}
#cd-navidad .cd-modal-card{position:relative;background:#fff;border-radius:22px;max-width:440px;width:100%;max-height:92vh;overflow:auto;padding:26px 22px 22px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:cdIn .2s ease}
@keyframes cdIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#cd-navidad .cd-x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#8a7f75;padding:6px}
#cd-navidad .cd-modal h3{margin:0 0 6px;font-size:21px;padding-right:24px}
#cd-navidad .cd-muted{color:var(--suave);margin:0 0 16px;font-size:15px}
#cd-navidad .cd-mini{color:#8a7f75;font-size:13px;margin:10px 0 0}
#cd-navidad .cd-paqs{display:grid;gap:10px;margin-bottom:12px}
#cd-navidad .cd-paq{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;background:#fff;border:2px solid #eadfce;border-radius:16px;padding:14px 16px;cursor:pointer;font:inherit;color:var(--tinta)}
#cd-navidad .cd-paq:hover{border-color:var(--rojo)}
#cd-navidad .cd-paq.is-top{border-color:var(--rojo);background:#fff7f7}
#cd-navidad .cd-paq strong{font-size:17px}
#cd-navidad .cd-paq .cd-precio{grid-row:span 2;align-self:center;font-size:22px;font-weight:600;color:var(--rojo)}
#cd-navidad .cd-paq span:last-child{color:var(--suave);font-size:14px}
#cd-navidad .cd-tag{position:absolute;top:-10px;left:14px;background:var(--rojo);color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px}
#cd-navidad .cd-incluye{list-style:none;padding:0;margin:0 0 14px;font-size:14px;color:var(--suave)}
#cd-navidad .cd-incluye li{margin:4px 0}
#cd-navidad .cd-yape{display:block;background:#f5f0ff;border-radius:12px;padding:10px 12px;font-size:14px;margin:0 0 6px}
#cd-navidad .cd-center{text-align:center}
#cd-navidad .cd-ok{font-size:44px}
#cd-navidad .cd-codigo{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:24px;font-weight:700;letter-spacing:.06em;background:#fff8e6;border:2px dashed var(--oro);border-radius:14px;padding:14px;margin:6px 0 14px;user-select:all}
#cd-navidad .cd-modal .cd-actions{margin:0 0 10px}
#cd-navidad .cd-spin{width:42px;height:42px;border:4px solid #eee;border-top-color:var(--rojo);border-radius:50%;margin:8px auto 14px;animation:cdSpin .8s linear infinite}
@keyframes cdSpin{to{transform:rotate(360deg)}}

#cd-navidad .cd-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#1f1a17;color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:all .25s;z-index:99999;max-width:90vw;text-align:center}
#cd-navidad .cd-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:820px){
  #cd-navidad .cd-app{grid-template-columns:1fr}
  #cd-navidad .cd-preview{position:static;order:-1}
}
@media (max-width:420px){#cd-navidad .cd-grid2{grid-template-columns:1fr}}

/* =========================================================
   Landing independiente (body.cdt-landing)
   ========================================================= */
html body.cdt-landing{margin:0!important;background:#fbf6ee!important;color:#1f1a17;font-family:Poppins,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
body.cdt-landing .cdt-main{overflow-x:clip}
body.cdt-landing #cd-navidad{background:transparent;border-radius:0;padding-top:8px;position:relative;isolation:isolate}

/* Cabecera mínima */
body.cdt-landing .cdt-top{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.cdt-landing .cdt-marca{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px;text-decoration:none}
body.cdt-landing .cdt-marca-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1.5px solid #f3cf76;color:#f3cf76;font-size:13px;font-weight:700}
body.cdt-landing .cdt-volver{color:#f3cf76;font-size:14px;font-weight:600;text-decoration:none}

/* Banda festiva detrás del hero (sube hasta cubrir la cabecera) */
body.cdt-landing #cd-navidad .cd-hero{position:relative;padding:18px 0 70px;margin-bottom:0}
body.cdt-landing #cd-navidad .cd-hero::before{content:"";position:absolute;z-index:-1;top:-200px;bottom:-110px;left:-100vw;right:-100vw;
  background:
    radial-gradient(rgba(255,255,255,.55) 1.6px,transparent 2.2px) 0 0/64px 64px,
    radial-gradient(rgba(255,255,255,.3) 1px,transparent 1.6px) 22px 30px/41px 41px,
    radial-gradient(ellipse at 50% 0%,#1d6b52 0%,transparent 60%),
    linear-gradient(180deg,#0b3326 0%,#0e3a2c 60%,#124a37 100%);
  animation:cdNieve 40s linear infinite}
body.cdt-landing #cd-navidad .cd-hero::after{content:"";position:absolute;z-index:-1;left:-100vw;right:-100vw;bottom:-112px;height:6px;
  background:repeating-linear-gradient(90deg,#b3122a 0 28px,#f3cf76 28px 56px,#ffffff 56px 84px)}
@keyframes cdNieve{to{background-position:0 640px,22px 440px,0 0,0 0}}
@media (prefers-reduced-motion:reduce){body.cdt-landing #cd-navidad .cd-hero::before{animation:none}}

body.cdt-landing #cd-navidad h1{color:#fff;font-weight:700}
body.cdt-landing #cd-navidad h1 span{text-decoration:none!important;border:0!important;background:none!important;box-shadow:none!important;color:#f3cf76;font-family:"Great Vibes",cursive;font-weight:400;font-size:1.35em;line-height:1;display:inline-block;padding:0 .08em}
body.cdt-landing #cd-navidad .cd-hero>p:last-child{color:rgba(255,255,255,.82)}
body.cdt-landing #cd-navidad .cd-kicker{background:rgba(255,255,255,.12);border-color:rgba(243,207,118,.5);color:#fff;backdrop-filter:blur(4px)}

body.cdt-landing #cd-navidad .cd-panel{box-shadow:0 18px 50px rgba(14,58,44,.18);border-color:#efe4d2}
body.cdt-landing #cd-navidad #cd-canvas{box-shadow:0 22px 60px rgba(0,0,0,.35)}
body.cdt-landing #cd-navidad .cd-faq h2{color:#0e3a2c}

/* Pie */
body.cdt-landing .cdt-pie{background:#0e3a2c;color:rgba(255,255,255,.75);text-align:center;padding:26px 16px;font-size:14px}
body.cdt-landing .cdt-pie p{margin:4px 0}
body.cdt-landing .cdt-pie a{color:#f3cf76;text-decoration:none}

@media (max-width:820px){
  body.cdt-landing #cd-navidad .cd-hero{padding-bottom:60px}
  body.cdt-landing .cdt-volver{font-size:13px}
}

/* Selector de diseños con miniaturas */
#cd-navidad .cd-temas-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}
#cd-navidad .cd-tema-t{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px;margin:0;border:2px solid transparent;border-radius:14px;background:none;cursor:pointer;font:inherit;transition:transform .12s,border-color .12s}
#cd-navidad .cd-tema-t:hover{transform:translateY(-2px)}
#cd-navidad .cd-tema-t canvas{width:100%;height:auto;display:block;border-radius:9px;box-shadow:0 3px 10px rgba(0,0,0,.18)}
#cd-navidad .cd-tema-t.is-on{border-color:var(--rojo);background:#fff5f5}
#cd-navidad .cd-tema-n{font-size:11px;line-height:1.25;color:var(--suave);text-align:center}
#cd-navidad .cd-tema-t.is-prem .cd-tema-n{color:#6d28d9;font-weight:600}
#cd-navidad .cd-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#6d28d9,#a3121f);color:#fff;font-size:10px;line-height:1;border-radius:999px;padding:4px 5px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
#cd-navidad .cd-label-prem{margin-top:16px;color:#6d28d9}
#cd-navidad .cd-label-prem small{color:#8a7f75}
#cd-navidad .cd-prem-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,#f6f0ff,#fff1f2);border:1px solid #eadcf5;border-radius:14px;padding:10px 12px;margin-top:12px;font-size:14px;font-weight:600;color:var(--tinta)}
#cd-navidad .cd-prem-cta .cd-btn{padding:9px 14px;font-size:14px}
#cd-navidad .cd-temas-g.is-cerrado .is-extra{display:none}
#cd-navidad .cd-ver-mas{width:100%;margin-top:10px;padding:10px;font-size:14px;color:#6d28d9;border-color:#e3d6f7}

#cd-navidad h1 span{text-decoration:none;border:0;background:none}

/* Yape directo */
#cd-navidad .cd-qr{display:block;width:210px;height:210px;object-fit:contain;margin:4px auto 12px;border-radius:14px;border:1px solid #eee;background:#fff}
#cd-navidad .cd-yape-num{text-align:center;background:#f5f0ff;border:1px solid #e6d9fb;border-radius:14px;padding:10px;margin-bottom:12px;font-size:20px;line-height:1.35}
#cd-navidad .cd-yape-num small{font-size:13px;color:var(--suave)}
#cd-navidad .cd-pasos{padding-left:20px;margin:0 0 14px;font-size:14px;color:var(--suave)}
#cd-navidad .cd-pasos li{margin:3px 0}