/* =========================================================
   CHS — Guía de Apuestas  [chs_como_jugar]
   Plugin standalone: chs-como-jugar
   Scoped bajo .cj-wrap para no interferir con el tema.
   ========================================================= */

.cj-wrap {
  --cj-dark:   #252525; --cj-dark2: #2f2f2f; --cj-darker: #1a1a1a; --cj-black: #151515;
  --cj-green:  #5b9b59; --cj-gd:    #4a8048; --cj-gl:     #7db87b;
  --cj-yellow: #ffcf07; --cj-orange: #f97316; --cj-white: #ffffff;
  --cj-w70: rgba(255,255,255,.70); --cj-w40: rgba(255,255,255,.40);
  --cj-w15: rgba(255,255,255,.15); --cj-w08: rgba(255,255,255,.08); --cj-w04: rgba(255,255,255,.04);
  font-family: 'Muli', sans-serif;
  background: var(--cj-dark);
  color: var(--cj-white);
  overflow-x: clip;
  box-sizing: border-box;
}
.cj-wrap *, .cj-wrap *::before, .cj-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Keyframes ── */
@keyframes cj-bgZoom   { from{transform:scale(1)} to{transform:scale(1.04)} }
@keyframes cj-float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes cj-fadeUp   { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
@keyframes cj-reveal   { to{clip-path:inset(0 0% 0 0)} }
@keyframes cj-bubbleIn { from{opacity:0;transform:scale(.7) translateX(-8px)}
                          to{opacity:1;transform:scale(1) translateX(0)} }
@keyframes cj-bounce   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)} }
@keyframes cj-lineGrow { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes cj-confetti  { 0%{transform:translateY(-10px) rotate(0deg);opacity:1}
                          100%{transform:translateY(80px) rotate(360deg);opacity:0} }
@keyframes cj-charEnter { from{opacity:0;transform:translateY(32px) scale(.88)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes cj-numPop    { 0%{transform:scale(0) rotate(-20deg)} 70%{transform:scale(1.22) rotate(6deg)} 100%{transform:scale(1) rotate(0)} }
@keyframes cj-wiggle    { 0%,100%{transform:rotate(0) scale(1)} 25%{transform:rotate(-8deg) scale(1.07)} 75%{transform:rotate(8deg) scale(1.07)} }
@keyframes cj-pulseRing { 0%,100%{box-shadow:0 0 0 0 rgba(255,207,7,.38)} 55%{box-shadow:0 0 0 13px rgba(255,207,7,0)} }
@keyframes cj-videoPulse {
  0%,100% { box-shadow:0 8px 24px rgba(91,155,89,.45), 0 0 0 0 rgba(91,155,89,.5) }
  55%     { box-shadow:0 8px 24px rgba(91,155,89,.45), 0 0 0 14px rgba(91,155,89,0) }
}
@keyframes cj-iarmySlide{ from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:translateX(0)} }
@keyframes cj-iarmyGlow { 0%,60%,100%{ opacity:0 } 65%{ opacity:1 } }
@keyframes cj-btnGlow   { 0%,65%,100%{box-shadow:0 6px 24px rgba(91,155,89,.4)}
                          70%{box-shadow:0 6px 24px rgba(91,155,89,.4),0 0 0 10px rgba(91,155,89,.14)} }
@keyframes cj-ripple    { to{transform:translate(-50%,-50%) scale(22);opacity:0} }

/* ── Hero ── */
.cj-wrap .cj-hero { min-height:850px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end }
.cj-wrap .cj-hero-base { position:absolute;inset:0;background:linear-gradient(135deg,#111 0%,#1a2e1a 100%) }
.cj-wrap .cj-hero-bg {
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(15,15,15,.55) 0%,rgba(15,15,15,.85) 60%,#151515 100%),
    linear-gradient(90deg,rgba(15,15,15,.9) 0%,rgba(15,15,15,.3) 60%,transparent 100%),
    var(--cj-hero-bg-url,none) center/cover no-repeat;
  animation:cj-bgZoom 12s ease-in-out infinite alternate }
.cj-wrap .cj-hero-content { position:relative;z-index:2;display:grid;grid-template-columns:1fr 500px;align-items:flex-end;gap:0;padding:0 64px 64px }
.cj-wrap .cj-hero-left { padding-bottom:8px }

.cj-wrap .cj-eyebrow {
  display:inline-flex;align-items:center;gap:8px;opacity:0;
  background:rgba(91,155,89,.18);border:1px solid rgba(91,155,89,.45);
  color:var(--cj-gl);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;
  padding:6px 16px;border-radius:4px;margin-bottom:22px;
  animation:cj-fadeUp .6s .2s forwards }
.cj-wrap .cj-hero-title {
  font-size:clamp(48px,6vw,86px);font-weight:900;text-transform:uppercase;
  letter-spacing:-2px;line-height:.9;color:var(--cj-white);margin-bottom:6px;
  clip-path:inset(0 100% 0 0);animation:cj-reveal .8s .5s cubic-bezier(.16,1,.3,1) forwards }
.cj-wrap .cj-hero-title .thin { font-weight:300 }
.cj-wrap .cj-hero-title .gold { color:var(--cj-yellow) }
.cj-wrap .cj-hero-sub { font-size:16px;color:var(--cj-w70);line-height:1.7;max-width:480px;margin:20px 0 36px;opacity:0;animation:cj-fadeUp .6s .9s forwards }
.cj-wrap .cj-hero-actions { display:flex;gap:14px;opacity:0;animation:cj-fadeUp .6s 1.1s forwards }

/* Buttons */
.cj-wrap .cj-btn-g,.cj-wrap .cj-btn-o { border-radius:5px;font-family:'Muli',sans-serif;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s;position:relative;overflow:hidden }
.cj-wrap .cj-ripple { position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);transform:translate(-50%,-50%) scale(0);animation:cj-ripple .55s ease-out forwards;pointer-events:none }
.cj-wrap .cj-btn-g { background:var(--cj-green);color:var(--cj-white);border:none;padding:15px 36px;box-shadow:0 4px 20px rgba(91,155,89,.3) }
.cj-wrap .cj-btn-g:hover { background:var(--cj-gd);transform:translateY(-3px);box-shadow:0 8px 28px rgba(91,155,89,.45) }
.cj-wrap .cj-btn-o { background:transparent;color:var(--cj-white);border:2px solid var(--cj-w40);padding:15px 26px;font-weight:700 }
.cj-wrap .cj-btn-o:hover { border-color:var(--cj-white);background:var(--cj-w08) }

/* Char zone: imagen ocupa todo; bubble overlay sobre el lado izquierdo */
.cj-wrap .cj-hero-char-zone { position:relative;height:580px;animation:cj-charEnter .95s 1.3s ease-out both }
.cj-wrap .cj-hero-char-img {
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;object-position:bottom right;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.8));will-change:transform;animation:cj-float 4s ease-in-out infinite }
.cj-wrap .cj-hero-bubble {
  position:absolute;left:0;top:40%;transform:translateY(-50%);
  background:var(--cj-dark2);border:1px solid var(--cj-w15);border-radius:16px;
  padding:14px 18px;width:178px;z-index:2;text-align:left;
  box-shadow:0 8px 32px rgba(0,0,0,.6);
  animation:cj-bubbleIn .6s 1.4s cubic-bezier(.34,1.56,.64,1) both }
.cj-wrap .cj-hero-bubble::after {
  content:'';position:absolute;right:-11px;top:50%;transform:translateY(-50%);
  border-width:8px 0 8px 10px;border-style:solid;
  border-color:transparent transparent transparent var(--cj-dark2) }
.cj-wrap .cj-b-name { font-size:10px;font-weight:900;color:var(--cj-green);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px }
.cj-wrap .cj-b-text { font-size:12.5px;color:var(--cj-white);line-height:1.5;font-weight:600;transition:opacity .3s }
.cj-wrap .cj-scroll-hint { position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:cj-fadeUp .6s 1.8s forwards }
.cj-wrap .cj-scroll-hint span { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--cj-w40) }
.cj-wrap .cj-scroll-arrow { width:28px;height:28px;border:2px solid var(--cj-w40);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:cj-bounce 1.5s ease-in-out infinite }

/* ── Diff bar ── */
.cj-wrap .cj-diff-bar { background:var(--cj-black);border-bottom:1px solid var(--cj-w08);padding:0 44px;display:flex;align-items:center;position:sticky;top:90px;z-index:300 }
.cj-wrap .cj-diff-tab { padding:18px 24px 15px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--cj-w40);cursor:pointer;border-bottom:3px solid transparent;transition:all .25s;flex-shrink:0;display:flex;align-items:center;gap:8px }
.cj-wrap .cj-diff-tab:hover { color:var(--cj-white) }
.cj-wrap .cj-diff-tab.active-n { color:var(--cj-green); border-bottom-color:var(--cj-green) }
.cj-wrap .cj-diff-tab.active-i { color:var(--cj-yellow);border-bottom-color:var(--cj-yellow) }
.cj-wrap .cj-diff-tab.active-e { color:var(--cj-orange);border-bottom-color:var(--cj-orange) }
.cj-wrap .cj-diff-tab.active-o { color:var(--cj-white); border-bottom-color:var(--cj-white) }
.cj-wrap .cj-diff-tab.active-v { color:var(--cj-yellow); border-bottom-color:var(--cj-yellow) }
.cj-wrap .cj-diff-tab.active-p { color:var(--cj-green);  border-bottom-color:var(--cj-green) }
.cj-wrap .cj-diff-badge { display:inline-block;padding:2px 8px;border-radius:3px;font-size:9px;font-weight:900;letter-spacing:.06em }
.cj-wrap .cj-bd-n { background:rgba(91,155,89,.2);  color:var(--cj-green) }
.cj-wrap .cj-bd-i { background:rgba(255,207,7,.15); color:var(--cj-yellow) }
.cj-wrap .cj-bd-e { background:rgba(249,115,22,.15);color:var(--cj-orange) }
.cj-wrap .cj-diff-sep { width:1px;height:20px;background:var(--cj-w08);margin:0 4px }

/* ── Calugas: contenido secundario editable, antes de los tabs ── */
.cj-wrap .cj-calugas { display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 64px;background:var(--cj-black);border-bottom:1px solid var(--cj-w08) }
.cj-wrap .cj-calugas-1 { grid-template-columns:1fr }
.cj-wrap .cj-caluga { display:flex;gap:12px;align-items:flex-start;background:var(--cj-w04);border:1px solid var(--cj-w08);border-radius:12px;padding:14px 16px;transition:border-color .2s,background .2s }
.cj-wrap .cj-caluga:hover { background:var(--cj-w08);border-color:var(--cj-w15) }
.cj-wrap .cj-caluga-ico { font-size:20px;line-height:1;flex-shrink:0 }
.cj-wrap .cj-caluga-body { min-width:0;flex:1 }
.cj-wrap .cj-caluga-tag { font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--cj-w40);margin-bottom:6px }
.cj-wrap .cj-caluga-dato .cj-caluga-tag { color:var(--cj-yellow) }
.cj-wrap .cj-caluga-title { font-size:13px;font-weight:800;color:var(--cj-white);margin-bottom:4px }
.cj-wrap .cj-caluga-text  { font-size:12px;color:var(--cj-w70);line-height:1.55 }

/* Chips de fecha, reutilizados por el selector de calendario dentro de la sección Pronósticos */
.cj-wrap .cj-dp-nav {
  flex-shrink:0;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--cj-w08);color:var(--cj-w70);font-size:14px;font-weight:900;
  text-decoration:none;transition:background .18s,color .18s }
.cj-wrap .cj-dp-nav:hover { background:var(--cj-green);color:var(--cj-white) }
.cj-wrap .cj-dp-chips { display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0 }
.cj-wrap .cj-dp-chips::-webkit-scrollbar { display:none }
.cj-wrap .cj-dp-chip {
  flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1px;
  min-width:34px;padding:4px 6px;border-radius:8px;
  background:var(--cj-w04);border:1px solid var(--cj-w08);
  text-decoration:none;transition:background .18s,border-color .18s }
.cj-wrap .cj-dp-chip:hover { background:var(--cj-w08) }
.cj-wrap .cj-dp-chip.active { background:var(--cj-green);border-color:var(--cj-green) }
.cj-wrap .cj-dp-day { font-size:12px;font-weight:900;color:var(--cj-white);line-height:1.1 }
.cj-wrap .cj-dp-dow { font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cj-w40) }
.cj-wrap .cj-dp-chip.active .cj-dp-dow { color:rgba(255,255,255,.75) }
.cj-wrap .cj-dp-chips-lg { justify-content:center;gap:12px }
.cj-wrap .cj-dp-chips-lg .cj-dp-chip { min-width:66px;padding:14px 12px;border-radius:14px;gap:4px }
.cj-wrap .cj-dp-chips-lg .cj-dp-day { font-size:24px }
.cj-wrap .cj-dp-chips-lg .cj-dp-dow { font-size:11px }

/* ── Pronósticos de IArmy (sección completa, antes de Videos) ── */

/* Tarjeta "desafío": stats de IArmy + CTA a pronosticos.clubhipico.cl — 2 columnas iguales */
.cj-wrap .cj-pron-challenge {
  margin-top:24px;border-radius:18px;overflow:hidden;
  display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
  background:linear-gradient(135deg,rgba(91,155,89,.16) 0%,rgba(91,155,89,.03) 55%,var(--cj-w04) 100%);
  border:1px solid rgba(91,155,89,.3);
  box-shadow:0 12px 36px rgba(0,0,0,.3) }

.cj-wrap .cj-pron-challenge-stats { display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.08);padding:28px 30px }
.cj-wrap .cj-pron-stat { display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06) }
.cj-wrap .cj-pron-stat:last-child { border-bottom:none }
.cj-wrap .cj-pron-stat-val { font-size:26px;font-weight:900;color:var(--cj-white);letter-spacing:-.5px;line-height:1 }
.cj-wrap .cj-pron-stat-lbl { font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--cj-gl) }

.cj-wrap .cj-pron-challenge-cta { display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:14px;padding:36px 26px }
.cj-wrap .cj-pron-challenge-cta:only-child { grid-column:1 / -1 }
.cj-wrap .cj-pron-challenge-logo { height:230px;width:auto;max-width:100%;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.4) }
.cj-wrap .cj-pron-challenge-text { display:flex;flex-direction:column;gap:6px;max-width:520px }
.cj-wrap .cj-pron-challenge-text strong { font-size:20px;font-weight:900;color:var(--cj-white);letter-spacing:-.2px }
.cj-wrap .cj-pron-challenge-text span { font-size:13px;color:var(--cj-w70);line-height:1.5 }
.cj-wrap .cj-pron-challenge-btn {
  flex-shrink:0;display:flex;align-items:center;gap:10px;
  background:var(--cj-green);color:var(--cj-white);text-decoration:none;
  padding:14px 28px;border-radius:8px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:0 4px 20px rgba(91,155,89,.4);
  animation:cj-videoPulse 2.8s ease-in-out infinite;
  transition:transform .2s,background .2s }
.cj-wrap .cj-pron-challenge-btn:hover { background:var(--cj-gd);transform:translateY(-3px) }

.cj-wrap .cj-pron-calendar { margin:28px 0 24px;background:var(--cj-w04);border:1px solid var(--cj-w08);border-radius:14px;padding:16px 18px }
.cj-wrap .cj-pron-cal-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px }
.cj-wrap .cj-pron-cal-label { font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--cj-w70) }
.cj-wrap .cj-pron-head { display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px }
.cj-wrap .cj-pron-head h3 { font-size:15px;font-weight:800;color:var(--cj-white) }
.cj-wrap .cj-pron-count { font-size:11px;font-weight:700;color:var(--cj-w40);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0 }

.cj-wrap .cj-pron-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px }
.cj-wrap .cj-pron-card { background:var(--cj-w04);border:1px solid var(--cj-w08);border-radius:12px;padding:14px 16px;transition:border-color .2s,transform .2s }
.cj-wrap .cj-pron-card:hover { border-color:var(--cj-green);transform:translateY(-2px) }
.cj-wrap .cj-pron-card-head { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px }
.cj-wrap .cj-pron-card-race { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--cj-green) }
.cj-wrap .cj-pron-card-horses { display:flex;flex-direction:column;gap:7px }
.cj-wrap .cj-pron-horse { display:flex;align-items:center;gap:8px;font-size:13px }
.cj-wrap .cj-pron-pos { flex-shrink:0;font-size:9.5px;font-weight:900;color:var(--cj-w40);width:14px }
.cj-wrap .cj-pron-mandil {
  flex-shrink:0;width:20px;height:20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:900;
  border:1.5px solid rgba(255,255,255,.35) }
.cj-wrap .cj-pron-name { color:var(--cj-w70);overflow:hidden;text-overflow:ellipsis;white-space:nowrap }

/* Badge de acierto por carrera (mismos buckets que el resto del portal) */
.cj-wrap .cj-pron-acierto { flex-shrink:0;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:100px;white-space:nowrap }
.cj-wrap .cj-pron-acierto-exacta      { background:rgba(255,207,7,.16);  color:var(--cj-yellow) }
.cj-wrap .cj-pron-acierto-quinela     { background:rgba(139,92,246,.18); color:#c4b5fd }
.cj-wrap .cj-pron-acierto-acierto1,
.cj-wrap .cj-pron-acierto-acierto2    { background:rgba(91,155,89,.18);  color:var(--cj-gl) }
.cj-wrap .cj-pron-acierto-fallo       { background:var(--cj-w08);        color:var(--cj-w40) }

/* ── Videos ── */
.cj-wrap .cj-videos-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px }
.cj-wrap .cj-video-card  { border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease }
.cj-wrap .cj-video-card:hover { transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.5) }

.cj-wrap .cj-video-embed {
  position:relative;width:100%;aspect-ratio:16/9;background:var(--cj-darker);
  border-radius:16px;overflow:hidden;cursor:pointer;isolation:isolate }
.cj-wrap .cj-video-embed:focus-visible { outline:2px solid var(--cj-green);outline-offset:2px }
.cj-wrap .cj-video-thumb {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease,filter .3s ease;filter:saturate(.9) brightness(.85) }
.cj-wrap .cj-video-card:hover .cj-video-thumb { transform:scale(1.06);filter:saturate(1) brightness(.75) }

.cj-wrap .cj-video-scrim {
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,10,10,.05) 0%,rgba(10,10,10,.15) 45%,rgba(10,10,10,.92) 100%);
  pointer-events:none }

.cj-wrap .cj-video-play {
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--cj-green),var(--cj-gd));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(91,155,89,.45),0 0 0 0 rgba(91,155,89,.4);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1);
  animation:cj-videoPulse 2.6s ease-in-out infinite }
.cj-wrap .cj-video-play-icon { color:var(--cj-white);font-size:20px;margin-left:3px;line-height:1 }
.cj-wrap .cj-video-card:hover .cj-video-play { transform:translate(-50%,-50%) scale(1.12);box-shadow:0 10px 30px rgba(91,155,89,.6) }

.cj-wrap .cj-video-embed-title {
  position:absolute;left:0;right:0;bottom:0;padding:14px 16px 16px;
  font-size:13.5px;font-weight:800;color:var(--cj-white);line-height:1.35;
  text-shadow:0 2px 8px rgba(0,0,0,.6) }

/* Estado reproduciendo: el iframe reemplaza thumb/scrim/play/title */
.cj-wrap .cj-video-embed.is-playing { cursor:default;animation:none }
.cj-wrap .cj-video-embed.is-playing iframe { position:absolute;inset:0;width:100%;height:100%;border:0 }

/* ── Layout ── */
.cj-wrap .cj-layout { display:grid;grid-template-columns:130px 1fr }

/* ── Sidebar ── */
.cj-wrap .cj-sidebar { background:var(--cj-darker);border-right:1px solid var(--cj-w08);position:sticky;top:145px;height:calc(100vh - 145px);display:flex;flex-direction:column;align-items:center;padding:24px 8px 0;overflow:hidden }
.cj-wrap .cj-s-track { width:3px;height:100px;background:var(--cj-w08);border-radius:2px;margin-bottom:16px;flex-shrink:0;overflow:hidden }
.cj-wrap .cj-s-fill { width:100%;height:0%;background:linear-gradient(180deg,var(--cj-green),var(--cj-yellow));border-radius:2px;transition:height .4s ease }
.cj-wrap .cj-s-dots { display:flex;flex-direction:column;gap:9px;flex-shrink:0 }
.cj-wrap .cj-dot { width:9px;height:9px;border-radius:50%;background:var(--cj-w08);border:2px solid var(--cj-w15);transition:all .35s;cursor:pointer }
.cj-wrap .cj-dot.done   { background:var(--cj-green); border-color:var(--cj-green); box-shadow:0 0 0 3px rgba(91,155,89,.2) }
.cj-wrap .cj-dot.active { background:var(--cj-yellow);border-color:var(--cj-yellow);transform:scale(1.5);box-shadow:0 0 0 4px rgba(255,207,7,.15) }
.cj-wrap .cj-dot-wrap   { position:relative;display:flex;align-items:center }
.cj-wrap .cj-dot-label  { position:absolute;left:calc(100% + 12px);background:var(--cj-dark2);border:1px solid var(--cj-w15);color:var(--cj-white);font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;top:50%;transform:translateY(-50%) }
.cj-wrap .cj-dot-wrap:hover .cj-dot-label { opacity:1 }
.cj-wrap .cj-s-img { margin-top:auto;width:114px;flex-shrink:0 }
.cj-wrap .cj-s-img img { width:100%;transition:opacity .35s ease,transform .35s ease;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6)) }

/* ── Sections ── */
.cj-wrap .cj-section { padding:56px 64px;border-bottom:1px solid var(--cj-w04);background:var(--cj-dark);opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease }
.cj-wrap .cj-section:nth-child(even) { background:var(--cj-dark2) }
.cj-wrap .cj-section.visible         { opacity:1;transform:translateY(0) }
.cj-wrap .cj-section.visible .cj-sec-num  { animation:cj-numPop .52s .35s ease-out backwards }
.cj-wrap .cj-section.visible .cj-iarmy    { animation:cj-iarmySlide .55s .55s ease-out backwards }

.cj-wrap .cj-sec-label { display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:4px;margin-bottom:16px }
.cj-wrap .cj-lbl-n { background:rgba(91,155,89,.14); color:var(--cj-green); border:1px solid rgba(91,155,89,.3) }
.cj-wrap .cj-lbl-i { background:rgba(255,207,7,.1);  color:var(--cj-yellow);border:1px solid rgba(255,207,7,.25) }
.cj-wrap .cj-lbl-e { background:rgba(249,115,22,.12);color:var(--cj-orange);border:1px solid rgba(249,115,22,.3) }
.cj-wrap .cj-lbl-w { background:var(--cj-w08);       color:var(--cj-w40);   border:1px solid var(--cj-w08) }
.cj-wrap .cj-sec-head { display:flex;align-items:flex-start;gap:20px;margin-bottom:32px }
.cj-wrap .cj-sec-num { width:50px;height:50px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:var(--cj-white);background:var(--cj-green);box-shadow:0 6px 20px rgba(91,155,89,.3) }
.cj-wrap .cj-sec-head-text h2 { font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;color:var(--cj-white);margin-bottom:7px;line-height:1.1 }
.cj-wrap .cj-sec-head-text p  { font-size:15px;color:var(--cj-w70);line-height:1.6 }

/* ── IArmy callout ── */
.cj-wrap .cj-iarmy { display:flex;align-items:stretch;border-radius:12px;overflow:visible;margin:28px 0;position:relative }
.cj-wrap .cj-iarmy-char { width:130px;flex-shrink:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:8px 4px 0;background:var(--cj-w04);border-radius:12px 0 0 12px;border:1px solid var(--cj-w08);position:relative }
.cj-wrap .cj-iarmy-char::after { content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 22px 6px rgba(91,155,89,.55);opacity:0;animation:cj-iarmyGlow 5s 2s ease-in-out infinite;pointer-events:none }
.cj-wrap .cj-iarmy-char img { width:106px;height:auto;transition:transform .3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5)) }
.cj-wrap .cj-iarmy-char img.cj-wiggle { animation:cj-wiggle .45s ease-in-out }
.cj-wrap .cj-iarmy-body { flex:1;padding:20px 24px;background:var(--cj-dark2);border:1px solid var(--cj-w08);border-left:none;border-radius:0 12px 12px 0;position:relative }
.cj-wrap .cj-iarmy-body::before { content:'';position:absolute;left:-10px;top:28px;border-width:8px 10px 8px 0;border-style:solid;border-color:transparent var(--cj-w08) transparent transparent }
.cj-wrap .cj-iarmy-body::after  { content:'';position:absolute;left:-8px; top:29px;border-width:7px 9px  7px 0;border-style:solid;border-color:transparent var(--cj-dark2) transparent transparent }
.cj-wrap .cj-iarmy-lbl { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px }
.cj-wrap .cj-lbl-cg { color:var(--cj-green) } .cj-wrap .cj-lbl-cy { color:var(--cj-yellow) } .cj-wrap .cj-lbl-co { color:var(--cj-orange) }
.cj-wrap .cj-iarmy-body p { font-size:14px;color:var(--cj-w70);line-height:1.7 }

/* ── Bet cards ── */
.cj-wrap .cj-bets-grid   { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;perspective:900px }
.cj-wrap .cj-bets-grid-2 { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;perspective:900px }
.cj-wrap .cj-bet-card {
  background:var(--cj-w04);border:1px solid var(--cj-w08);border-radius:14px;padding:22px 20px;
  cursor:pointer;position:relative;overflow:hidden;
  transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;
  opacity:0;transform:translateY(20px) }
.cj-wrap .cj-section.visible .cj-bet-card             { opacity:1;transform:translateY(0) }
.cj-wrap .cj-section.visible .cj-bet-card:nth-child(1) { transition-delay:.05s }
.cj-wrap .cj-section.visible .cj-bet-card:nth-child(2) { transition-delay:.12s }
.cj-wrap .cj-section.visible .cj-bet-card:nth-child(3) { transition-delay:.19s }
.cj-wrap .cj-section.visible .cj-bet-card:nth-child(4) { transition-delay:.26s }
.cj-wrap .cj-section.visible .cj-bet-card:nth-child(5) { transition-delay:.33s }
.cj-wrap .cj-section.visible .cj-bet-card:nth-child(6) { transition-delay:.40s }
.cj-wrap .cj-bet-card:hover { transform:translateY(-6px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 20px 48px rgba(0,0,0,.5);transition:transform .12s ease,box-shadow .12s ease }
.cj-wrap .cj-bet-card::before { content:'';position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(91,155,89,.12),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none }
.cj-wrap .cj-bet-card:hover::before { opacity:1 }
.cj-wrap .cj-bet-card.card-n:hover { border-color:var(--cj-green) }
.cj-wrap .cj-bet-card.card-i:hover { border-color:var(--cj-yellow) }
.cj-wrap .cj-bet-card.card-e:hover { border-color:var(--cj-orange) }
.cj-wrap .cj-bet-card.card-i::before { background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,207,7,.1),transparent 60%) }
.cj-wrap .cj-bet-card.card-e::before { background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(249,115,22,.1),transparent 60%) }
.cj-wrap .cj-bet-card.highlight { border-color:rgba(255,207,7,.38);background:rgba(255,207,7,.05);animation:cj-pulseRing 2.4s ease-in-out infinite }
.cj-wrap .cj-bet-top  { display:flex;align-items:center;gap:12px;margin-bottom:14px }
.cj-wrap .cj-bet-ico  { font-size:30px;transition:transform .3s }
.cj-wrap .cj-bet-card:hover .cj-bet-ico { transform:scale(1.2) rotate(-5deg) }
.cj-wrap .cj-bet-code { font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:3px 9px;border-radius:3px;background:var(--cj-w08);color:var(--cj-w70) }
.cj-wrap .cj-bet-name { font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:-.2px;color:var(--cj-white);margin-bottom:8px }
.cj-wrap .cj-bet-desc { font-size:13px;color:var(--cj-w70);line-height:1.6;margin-bottom:14px }
.cj-wrap .cj-bet-example { font-size:12px;color:var(--cj-w40);line-height:1.55;padding:10px 12px;background:var(--cj-w04);border-radius:6px;border-left:3px solid var(--cj-green);transition:border-color .2s }
.cj-wrap .cj-bet-card.card-i .cj-bet-example { border-left-color:var(--cj-yellow) }
.cj-wrap .cj-bet-card.card-e .cj-bet-example { border-left-color:var(--cj-orange) }
.cj-wrap .cj-bet-example b { color:var(--cj-gl) }
.cj-wrap .cj-bet-card.card-i .cj-bet-example b { color:var(--cj-yellow) }
.cj-wrap .cj-bet-card.card-e .cj-bet-example b { color:var(--cj-orange) }
.cj-wrap .cj-expand-btn { margin-top:12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--cj-w40);background:none;border:none;cursor:pointer;font-family:'Muli',sans-serif;padding:0;display:flex;align-items:center;gap:5px;transition:color .2s }
.cj-wrap .cj-expand-btn:hover { color:var(--cj-white) }
.cj-wrap .cj-expand-icon { transition:transform .3s;display:inline-block;font-size:8px }
.cj-wrap .cj-bet-card.expanded .cj-expand-icon { transform:rotate(180deg) }
.cj-wrap .cj-bet-detail { max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;border-top:1px solid transparent }
.cj-wrap .cj-bet-card.expanded .cj-bet-detail { max-height:220px;padding-top:14px;border-top-color:var(--cj-w08) }
.cj-wrap .cj-detail-text { font-size:12.5px;color:var(--cj-w70);line-height:1.65 }

/* ── Online steps ── */
.cj-wrap .cj-online-steps { display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:24px;position:relative }
.cj-wrap .cj-online-steps::before { content:'';position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--cj-green),var(--cj-yellow));z-index:0;transform-origin:left center;animation:cj-lineGrow 1s .5s ease-out both }
.cj-wrap .cj-o-step { background:var(--cj-w04);border:1px solid var(--cj-w08);border-radius:14px;padding:24px 16px 20px;text-align:center;position:relative;z-index:1;margin:0 6px;transition:all .3s;opacity:0;transform:translateY(20px) }
.cj-wrap .cj-section.visible .cj-o-step             { opacity:1;transform:translateY(0) }
.cj-wrap .cj-section.visible .cj-o-step:nth-child(1) { transition-delay:.10s }
.cj-wrap .cj-section.visible .cj-o-step:nth-child(2) { transition-delay:.22s }
.cj-wrap .cj-section.visible .cj-o-step:nth-child(3) { transition-delay:.34s }
.cj-wrap .cj-section.visible .cj-o-step:nth-child(4) { transition-delay:.46s }
.cj-wrap .cj-section.visible .cj-o-step:nth-child(5) { transition-delay:.58s }
.cj-wrap .cj-o-step:hover { background:var(--cj-w08);border-color:var(--cj-green);transform:translateY(-5px) }
.cj-wrap .cj-o-num  { width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cj-green),var(--cj-gd));color:var(--cj-white);font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 4px 14px rgba(91,155,89,.35) }
.cj-wrap .cj-o-ico  { font-size:26px;margin-bottom:10px }
.cj-wrap .cj-o-step h4 { font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--cj-white);margin-bottom:5px }
.cj-wrap .cj-o-step p  { font-size:11.5px;color:var(--cj-w70);line-height:1.5 }

/* ── CTA ── */
.cj-wrap .cj-cta { background:var(--cj-black);padding:72px 64px;display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center;position:relative;overflow:hidden }
.cj-wrap .cj-cta::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 18% 60%,rgba(91,155,89,.12) 0%,transparent 55%) }
.cj-wrap .cj-cta-watermark { position:absolute;right:-10px;bottom:-30px;font-size:200px;font-weight:900;text-transform:uppercase;font-style:italic;color:rgba(255,255,255,.022);pointer-events:none;line-height:1;z-index:0;letter-spacing:-5px }
.cj-wrap .cj-cta-char { position:relative;z-index:2;will-change:transform;animation:cj-float 4s ease-in-out infinite }
.cj-wrap .cj-cta-char img { width:100%;filter:drop-shadow(0 20px 48px rgba(0,0,0,.75)) }
.cj-wrap .cj-cta-text { position:relative;z-index:2 }
.cj-wrap .cj-cta-sup   { font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--cj-green);margin-bottom:16px }
.cj-wrap .cj-cta-title { font-size:clamp(38px,4.5vw,64px);font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;line-height:.92;color:var(--cj-white);margin-bottom:6px }
.cj-wrap .cj-cta-title .thin { font-weight:300 }
.cj-wrap .cj-cta-title .gold { color:var(--cj-yellow) }
.cj-wrap .cj-cta-desc  { font-size:15px;color:var(--cj-w70);line-height:1.7;margin:20px 0 36px;max-width:440px }
.cj-wrap .cj-cta-btns  { display:flex;gap:14px;flex-wrap:wrap }
.cj-wrap .cj-cta-btn-main,.cj-wrap .cj-cta-btn-sec { border-radius:5px;font-family:'Muli',sans-serif;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s }
.cj-wrap .cj-cta-btn-main { background:var(--cj-green);color:var(--cj-white);border:none;padding:16px 40px;box-shadow:0 6px 24px rgba(91,155,89,.4);position:relative;overflow:hidden;animation:cj-btnGlow 3s 4s ease-in-out infinite }
.cj-wrap .cj-cta-btn-main:hover { background:var(--cj-gd);transform:translateY(-3px);box-shadow:0 10px 32px rgba(91,155,89,.5);animation:none }
.cj-wrap .cj-cta-btn-sec { background:transparent;color:var(--cj-white);border:2px solid var(--cj-w40);padding:16px 28px;font-weight:700;position:relative;overflow:hidden }
.cj-wrap .cj-cta-btn-sec:hover { border-color:var(--cj-white);background:var(--cj-w08) }
.cj-wrap .cj-confetti-p { position:absolute;width:8px;height:8px;border-radius:2px;animation:cj-confetti 2s ease-in infinite;z-index:1;pointer-events:none }

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */

/* ── Tablet 1024px ── */
@media (max-width:1024px) {
  .cj-wrap .cj-hero-content    { grid-template-columns:1fr 380px;padding:0 40px 56px }
  .cj-wrap .cj-hero-char-zone  { height:440px }
  .cj-wrap .cj-hero-bubble     { width:150px;padding:12px 14px;top:38% }
  .cj-wrap .cj-hero-sub        { font-size:15px }
  .cj-wrap .cj-section         { padding:48px 40px }
  .cj-wrap .cj-bets-grid       { grid-template-columns:1fr 1fr;gap:14px }
  .cj-wrap .cj-bets-grid-2     { gap:14px }
  .cj-wrap .cj-online-steps    { grid-template-columns:repeat(3,1fr) }
  .cj-wrap .cj-cta             { grid-template-columns:220px 1fr;gap:40px;padding:56px 40px }
  .cj-wrap .cj-calugas         { padding:18px 40px }
  .cj-wrap .cj-pron-grid       { grid-template-columns:1fr 1fr }
}

/* ── Mobile 768px ── */
@media (max-width:768px) {

  /* Hero: texto arriba → horse+bubble abajo */
  .cj-wrap .cj-hero-content {
    grid-template-columns:1fr;
    padding:0 24px 52px;
    gap:32px;          /* aire entre texto y horse */
    align-items:end }
  .cj-wrap .cj-hero-left { padding-bottom:0 }
  .cj-wrap .cj-hero-title { font-size:clamp(38px,9.5vw,56px) }
  .cj-wrap .cj-hero-sub {
    font-size:14px;line-height:1.65;
    margin:16px 0 28px;max-width:none }
  .cj-wrap .cj-hero-actions { gap:10px;flex-wrap:wrap }
  .cj-wrap .cj-btn-g,.cj-wrap .cj-btn-o { width:100%;text-align:center }

  /* Char zone: IArmy + bubble LADO A LADO (burbuja izq, horse der) */
  .cj-wrap .cj-hero-char-zone {
    display:flex;flex-direction:row;align-items:flex-end;
    height:250px;order:0;gap:0;padding:0 }
  /* Resetea position:absolute del desktop */
  .cj-wrap .cj-hero-char-img {
    position:relative;inset:auto;
    flex:1;min-width:0;height:100%;
    object-fit:contain;object-position:bottom right }
  /* Bubble al lado izquierdo */
  .cj-wrap .cj-hero-bubble {
    position:relative;inset:auto;transform:none;
    width:148px;flex-shrink:0;
    align-self:center;text-align:left }
  /* Flecha apunta derecha hacia el caballo */
  .cj-wrap .cj-hero-bubble::after {
    right:-11px;top:50%;transform:translateY(-50%);
    left:auto;bottom:auto;
    border-width:8px 0 8px 10px;
    border-color:transparent transparent transparent var(--cj-dark2) }

  /* Diff bar */
  .cj-wrap .cj-diff-bar  { padding:0 8px;overflow-x:auto;gap:0 }
  .cj-wrap .cj-diff-tab  { padding:15px 14px 12px;font-size:10px;letter-spacing:.07em;gap:5px }
  .cj-wrap .cj-diff-badge { display:none }
  .cj-wrap .cj-diff-sep  { display:none }

  /* Layout */
  .cj-wrap .cj-layout  { grid-template-columns:1fr }
  .cj-wrap .cj-sidebar { display:none }

  /* Sections */
  .cj-wrap .cj-section     { padding:40px 20px }
  .cj-wrap .cj-sec-label   { margin-bottom:14px }
  .cj-wrap .cj-sec-head    { gap:14px;margin-bottom:22px }
  .cj-wrap .cj-sec-num     { width:44px;height:44px;border-radius:10px;font-size:18px }
  .cj-wrap .cj-sec-head-text h2 { font-size:22px }
  .cj-wrap .cj-sec-head-text p  { font-size:14px }

  /* IArmy callout → apila vertical: IArmy arriba, texto abajo */
  .cj-wrap .cj-iarmy       { flex-direction:column;margin:24px 0 }
  .cj-wrap .cj-iarmy-char  {
    width:100%;min-height:130px;
    border-radius:12px 12px 0 0;border:1px solid var(--cj-w08);border-bottom:none;
    padding:14px 16px 0;align-items:flex-end;justify-content:center }
  .cj-wrap .cj-iarmy-char img { width:118px }
  .cj-wrap .cj-iarmy-body  {
    border-left:1px solid var(--cj-w08);border-top:none;
    border-radius:0 0 12px 12px;padding:18px 20px }
  .cj-wrap .cj-iarmy-body::before,
  .cj-wrap .cj-iarmy-body::after { display:none }
  .cj-wrap .cj-iarmy-body p { font-size:13.5px }

  /* Bet cards */
  .cj-wrap .cj-bets-grid,
  .cj-wrap .cj-bets-grid-2 { grid-template-columns:1fr;gap:12px;margin-top:16px }
  .cj-wrap .cj-bet-card    { padding:18px 16px }
  .cj-wrap .cj-bet-name    { font-size:15px }
  .cj-wrap .cj-bet-desc    { font-size:12.5px }

  /* Online steps → 2 col, sin línea horizontal */
  .cj-wrap .cj-online-steps        { grid-template-columns:1fr 1fr;gap:10px;margin-top:20px }
  .cj-wrap .cj-online-steps::before { display:none }
  .cj-wrap .cj-o-step              { margin:0;padding:20px 12px 16px }
  .cj-wrap .cj-o-step h4           { font-size:11px }
  .cj-wrap .cj-o-step p            { font-size:11px }

  /* Calugas → apiladas */
  .cj-wrap .cj-calugas   { grid-template-columns:1fr;padding:16px 20px;gap:10px }

  /* Videos → 1 col */
  .cj-wrap .cj-videos-grid { grid-template-columns:1fr;gap:16px;margin-top:20px }

  /* Pronósticos → 1 col, calendario más compacto */
  .cj-wrap .cj-pron-grid  { grid-template-columns:1fr }
  .cj-wrap .cj-pron-calendar { padding:14px }
  .cj-wrap .cj-dp-chips-lg { gap:8px }
  .cj-wrap .cj-dp-chips-lg .cj-dp-chip { min-width:52px;padding:10px 8px }
  .cj-wrap .cj-dp-chips-lg .cj-dp-day { font-size:19px }
  .cj-wrap .cj-pron-challenge { grid-template-columns:1fr }
  .cj-wrap .cj-pron-challenge-stats { border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:20px }
  .cj-wrap .cj-pron-stat-val { font-size:22px }
  .cj-wrap .cj-pron-challenge-cta { padding:28px 20px }
  .cj-wrap .cj-pron-challenge-btn { justify-content:center;width:100% }

  /* CTA */
  .cj-wrap .cj-cta       { grid-template-columns:1fr;text-align:center;padding:52px 24px;gap:28px }
  .cj-wrap .cj-cta-char  { max-width:190px;margin:0 auto }
  .cj-wrap .cj-cta-btns  { justify-content:center;flex-direction:column;align-items:center;gap:10px }
  .cj-wrap .cj-cta-btn-main,
  .cj-wrap .cj-cta-btn-sec  { width:100%;max-width:290px;text-align:center }
  .cj-wrap .cj-cta-desc     { max-width:none;margin:16px 0 28px;font-size:14px }
  .cj-wrap .cj-cta-title    { font-size:clamp(34px,8vw,52px) }
}

/* ── Pequeño 480px ── */
@media (max-width:480px) {
  .cj-wrap .cj-hero-content      { padding:0 16px 100px;gap:24px }
  .cj-wrap .cj-hero-char-zone    { height:220px }
  .cj-wrap .cj-hero-bubble       { width:130px;padding:11px 13px }
  .cj-wrap .cj-section           { padding:32px 16px }
  .cj-wrap .cj-sec-head          { gap:12px;margin-bottom:18px }
  .cj-wrap .cj-sec-head-text h2  { font-size:19px }
  .cj-wrap .cj-iarmy-body        { padding:16px }
  .cj-wrap .cj-online-steps      { grid-template-columns:1fr }
  .cj-wrap .cj-o-step            { padding:18px 16px 14px }
  .cj-wrap .cj-diff-tab          { padding:13px 11px 10px;font-size:9.5px }
  .cj-wrap .cj-cta               { padding:40px 16px }
  .cj-wrap .cj-bet-card          { padding:16px 14px }
  .cj-wrap .cj-calugas           { padding:14px 16px }
}

/* ── Reduced motion: desactiva animaciones para usuarios que lo prefieren ── */
@media (prefers-reduced-motion: reduce) {
  .cj-wrap *, .cj-wrap *::before, .cj-wrap *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
}