/* ═══════════════════════════════════════════════════════════════════
   LANDING v3 — secciones debajo de Marcadores
   Convención de tema igual que landing.css: por defecto OSCURO y
   [data-theme="light"] para claro. Los paneles .lp-dark son oscuros en
   ambos temas (estadio); los .lp-light cambian con el tema.
   ═══════════════════════════════════════════════════════════════════ */
.lp-hero, .lp-sec { --lp-gold:#ffc928; --lp-gold2:#ffe995; --lp-turq:#19f0d8; }
.lp-sec, .lp-hero { font-family:'Inter',system-ui,sans-serif; }
.lp-wrap { max-width:1040px; margin:0 auto; padding:0 1.25rem; position:relative; }

/* ───────────────────────────── HERO ───────────────────────────── */
.lp-hero { position:relative; overflow:hidden; color:#f8fafc; text-align:center; padding:2.2rem 1.25rem 3.2rem; background:#02070c; isolation:isolate; }
.lp-hero-bg { position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg,rgba(2,7,12,.55) 0%,rgba(2,7,12,.15) 38%,rgba(2,7,12,.5) 100%),url('/img/lp/hero.webp') center top/cover no-repeat; }
@media (min-width:900px){ .lp-hero-bg{ background-position:center 35%; } }
.lp-hero .hero-particles{ z-index:-1; }
.lp-hero-in { max-width:640px; margin:0 auto; display:flex; flex-direction:column; align-items:center; }
.lp-hero-logo { width:min(210px,52vw); height:auto; margin-bottom:.4rem;
  -webkit-mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 58%,transparent 100%); mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 58%,transparent 100%);
  filter:drop-shadow(0 8px 28px rgba(0,245,212,.28)); }
.lp-h1 { font-family:'Teko',sans-serif; font-weight:700; text-transform:uppercase; line-height:.86; margin:.2rem 0 .7rem; letter-spacing:.5px; display:flex; flex-direction:column; align-items:center; font-style:italic; }
.lp-h1 span { padding:0 .14em; }  /* la cursiva con background-clip:text recortaba la última letra */
.lp-h1 .l1,.lp-h1 .l3 { font-size:clamp(2.6rem,11vw,4.6rem); background:linear-gradient(180deg,#fff 20%,#aab6c4 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)); }
.lp-h1 .l2 { font-size:clamp(3rem,13.4vw,5.6rem); background:linear-gradient(180deg,#8ffff0 0%,#19f0d8 55%,#0aa7b8 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 18px rgba(0,245,212,.35)); }
.lp-h1 .l3 b { display:inline-block; padding:.12em .16em 0 .04em; margin:-.12em -.16em 0 -.04em; background:linear-gradient(180deg,#ffe995,#ffb300); -webkit-background-clip:text; background-clip:text; color:transparent; filter:none; }
.lp-kicker { font-size:.72rem; font-weight:600; letter-spacing:.28em; text-transform:uppercase; color:#aebccc; margin:.5rem 0 1.3rem; }
.lp-pills { display:flex; align-items:center; justify-content:center; gap:0; width:100%; max-width:480px; border:1px solid rgba(0,245,212,.35); border-radius:999px; padding:.7rem .5rem;
  background:rgba(4,18,30,.62); box-shadow:0 0 24px rgba(0,245,212,.12) inset; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); margin-bottom:1.3rem; }
.lp-pill { flex:1; display:flex; align-items:center; justify-content:center; gap:.55rem; font-family:'Teko',sans-serif; font-size:1.45rem; font-weight:600; letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; }
.lp-pill i { color:var(--lp-turq); font-size:1.15rem; }
.lp-pill b { color:var(--lp-turq); font-weight:700; }
.lp-pill-sep { width:1px; align-self:stretch; background:rgba(148,163,184,.35); }

.lp-gold { display:inline-flex; align-items:center; justify-content:center; gap:.8rem; width:100%; max-width:440px; height:58px; padding:0 1.4rem; border-radius:16px; text-decoration:none; position:relative;
  font-family:'Teko',sans-serif; font-weight:700; font-size:clamp(1.3rem,5.6vw,1.6rem); white-space:nowrap; letter-spacing:.06em; text-transform:uppercase; color:#1a1405;
  background:linear-gradient(180deg,#ffe58a 0%,#ffc928 55%,#f0a800 100%); border:1px solid #ffe995;
  box-shadow:0 0 0 1px rgba(255,201,40,.25),0 8px 30px rgba(255,185,0,.38),inset 0 1px 0 rgba(255,255,255,.6); transition:transform .2s, box-shadow .2s, filter .2s; }
.lp-gold:hover { color:#1a1405; transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 0 0 1px rgba(255,201,40,.4),0 12px 38px rgba(255,185,0,.5),inset 0 1px 0 rgba(255,255,255,.6); }
.lp-gold-arr { font-size:1rem; }
.lp-gold > i:first-child { font-size:1.3rem; }
.lp-ghost { margin-top:.9rem; color:#c5d2e0; font-size:.88rem; font-weight:600; text-decoration:none; border-bottom:1px dashed rgba(197,210,224,.4); padding-bottom:2px; }
.lp-ghost:hover { color:var(--lp-turq); border-color:var(--lp-turq); }

.lp-feats4 { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); width:100%; margin:2rem 0 0; padding:0; }
.lp-feats4 li { display:flex; flex-direction:column; align-items:center; gap:2px; padding:0 .2rem; border-left:1px solid rgba(148,163,184,.25); text-align:center; }
.lp-feats4 li:first-child { border-left:0; }
.lp-f4-ico { width:50px; height:50px; border-radius:14px; display:grid; place-content:center; font-size:1.25rem; color:var(--lp-turq); margin-bottom:.45rem;
  background:rgba(4,22,36,.7); border:1px solid rgba(0,245,212,.4); box-shadow:0 0 16px rgba(0,245,212,.18); }
.lp-feats4 b { font-size:.66rem; font-weight:800; letter-spacing:.02em; text-transform:uppercase; color:#f1f5f9; line-height:1.15; }
.lp-feats4 em { font-style:normal; font-size:.66rem; font-weight:800; letter-spacing:.02em; text-transform:uppercase; color:var(--lp-gold); line-height:1.15; }
@media (min-width:700px){ .lp-hero{ padding-top:3rem; padding-bottom:4rem; } .lp-feats4 b,.lp-feats4 em{ font-size:.78rem; } }

/* ───────────────────────── SECCIONES ───────────────────────── */
.lp-sec { position:relative; padding:4.2rem 0 4.4rem; margin-top:-38px; border-radius:50% 50% 0 0 / 38px 38px 0 0; overflow:hidden; isolation:isolate; }
.lp-sec.lp-first { margin-top:0; border-radius:0; padding-top:3.4rem; }
.lp-head { text-align:center; max-width:640px; margin:0 auto 2.2rem; }
.lp-head-sub { margin-top:4rem; }
.lp-ey { font-size:.7rem; font-weight:700; letter-spacing:.42em; text-transform:uppercase; margin-bottom:.55rem; }
.lp-h2 { font-family:'Teko',sans-serif; font-weight:700; font-size:clamp(2.5rem,9vw,3.6rem); line-height:.95; margin:0 0 .7rem; letter-spacing:-.2px; }
.lp-h2.lp-xl { font-size:clamp(2.9rem,11vw,4.4rem); }
.lp-h2.lp-xxl { font-size:clamp(2.7rem,10.5vw,4.4rem); }
.lp-h2 span { background:linear-gradient(180deg,#7ffbea,#13c9b4); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lp-desc { font-size:1rem; line-height:1.55; margin:0; }

/* Panel claro (cambia con el tema) */
.lp-light { --lp-bg:#0a1424; --lp-card:rgba(10,24,40,.66); --lp-card-bd:rgba(0,245,212,.2); --lp-t:#f1f5f9; --lp-m:#a8b6c7; --lp-ey:#19f0d8;
  background:var(--lp-bg) url('/img/lp/stripes-dark-tall.webp') center/cover no-repeat; color:var(--lp-t); }
[data-theme="light"] .lp-light { --lp-bg:#eef9f8; --lp-card:rgba(255,255,255,.78); --lp-card-bd:rgba(0,179,159,.2); --lp-t:#0b1626; --lp-m:#4b5d70; --lp-ey:#0a9d8b;
  background:var(--lp-bg) url('/img/lp/stripes-light-tall.webp') center/cover no-repeat; }
@media (min-width:768px){ .lp-light{ background-image:url('/img/lp/stripes-dark-wide.webp'); } [data-theme="light"] .lp-light{ background-image:url('/img/lp/stripes-light-wide.webp'); } }
.lp-light .lp-ey { color:var(--lp-ey); } .lp-light .lp-h2 { color:var(--lp-t); } .lp-light .lp-desc { color:var(--lp-m); }
[data-theme="light"] .lp-light .lp-h2 span { background:linear-gradient(180deg,#19cdb7,#008f7e); -webkit-background-clip:text; background-clip:text; }

/* Panel oscuro (estadio, igual en ambos temas) */
.lp-dark { background:#03101c url('/img/lp/stadium-tall.webp') center/cover no-repeat; color:#f1f5f9; }
.lp-dark::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(2,9,17,.86),rgba(2,9,17,.7) 45%,rgba(2,9,17,.92)); }
@media (min-width:768px){ .lp-dark{ background-image:url('/img/lp/stadium-wide.webp'); } }
.lp-dark .lp-ey { color:var(--lp-turq); } .lp-dark .lp-h2 { color:#f8fafc; } .lp-dark .lp-desc { color:#b4c3d6; }

/* ───────────────────────── PASOS ───────────────────────── */
.lp-steps { display:grid; grid-template-columns:repeat(2,1fr); gap:1.6rem .9rem; max-width:900px; margin:0 auto; }
.lp-steps > .lp-step-arr { display:none; }
.lp-step { position:relative; background:var(--lp-card); border:1px solid var(--lp-card-bd); border-radius:20px; padding:2rem .9rem 1.2rem; text-align:center;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 10px 30px rgba(0,0,0,.12); transition:transform .25s, box-shadow .25s; }
.lp-step:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,179,159,.2); }
.lp-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; display:grid; place-content:center; font-weight:800; font-size:.95rem; color:#04302b;
  background:linear-gradient(180deg,#6ff7e6,#19d3c0); box-shadow:0 0 0 4px var(--lp-bg),0 4px 14px rgba(0,245,212,.4); }
.lp-step > i { font-size:2.1rem; color:var(--lp-ey); margin-bottom:.8rem; display:block; }
.lp-step h3 { font-size:.98rem; font-weight:800; margin:0 0 .35rem; color:var(--lp-t); }
.lp-step p { font-size:.82rem; margin:0; color:var(--lp-m); line-height:1.45; }
@media (min-width:860px){
  .lp-steps { grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:0 .3rem; align-items:stretch; }
  .lp-steps > .lp-step-arr { display:flex; align-items:center; color:var(--lp-ey); opacity:.7; font-size:1rem; }
}

/* ─────────────────── CLASIFICACIÓN + MÓVIL ─────────────────── */
.lp-split { display:grid; gap:2.4rem; align-items:center; }
.lp-split-txt { text-align:center; }
.lp-checks { list-style:none; margin:1.2rem auto 0; padding:0; display:flex; flex-direction:column; gap:.55rem; max-width:420px; text-align:left; }
.lp-checks li { display:flex; gap:.65rem; align-items:flex-start; font-size:.9rem; color:#cdd8e4; }
.lp-checks i { color:var(--lp-turq); margin-top:.28rem; font-size:.8rem; }
.lp-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:1.6rem auto 0; max-width:420px; border:1px solid rgba(0,245,212,.35); border-radius:18px; background:rgba(4,18,30,.7);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 0 26px rgba(0,245,212,.12); }
.lp-kpis > div { padding:.9rem .4rem; display:flex; flex-direction:column; align-items:center; gap:2px; border-left:1px solid rgba(148,163,184,.22); }
.lp-kpis > div:first-child { border-left:0; }
.lp-kpis i { color:var(--lp-gold); font-size:1.25rem; }
.lp-kpis b { font-family:'Teko',sans-serif; font-size:2rem; font-weight:700; line-height:1; color:#fff; }
.lp-kpis span { font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; color:#aebccc; }
.lp-split-ph { display:flex; justify-content:center; }
@media (min-width:860px){
  .lp-split { grid-template-columns:1.05fr .95fr; gap:3.5rem; }
  .lp-split-txt { text-align:left; } .lp-checks, .lp-kpis { margin-left:0; margin-right:0; }
}

/* Marco de móvil con borde dorado */
.lp-phone { position:relative; width:100%; max-width:230px; border-radius:34px; padding:7px; margin:0 auto;
  background:linear-gradient(145deg,#2a2f3a,#0c1119 40%,#2c2515 100%); border:1px solid rgba(255,201,40,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 30px 60px rgba(0,0,0,.55),0 0 50px rgba(0,245,212,.14),inset 0 0 0 1px rgba(255,255,255,.06); }
.lp-phone::before { content:''; position:absolute; top:12px; left:50%; transform:translateX(-50%); width:62px; height:6px; border-radius:6px; background:rgba(0,0,0,.65); z-index:2; }
.lp-phone img { display:block; width:100%; height:auto; border-radius:27px; }
figure.lp-phone { margin:0 auto; }
.lp-phone-lg { max-width:265px; }
@media (min-width:860px){ .lp-phone-lg{ max-width:300px; } }

/* ───────────────────── DEMO PRONÓSTICO ───────────────────── */
.lp-demo { max-width:560px; margin:0 auto; position:relative; background:var(--lp-card); border:1px solid var(--lp-card-bd); border-radius:24px; padding:2.2rem 1.4rem 1.5rem; text-align:center;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 18px 46px rgba(0,0,0,.18); }
.lp-demo-tag { position:absolute; top:-12px; left:50%; transform:translateX(-50%); padding:.28rem 1rem; border-radius:999px; font-size:.62rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; white-space:nowrap;
  background:var(--lp-bg); color:var(--lp-m); border:1px solid var(--lp-card-bd); }
.lp-demo-teams { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:.6rem; margin-bottom:1.4rem; }
.lp-demo-team { display:flex; flex-direction:column; align-items:center; gap:.5rem; }
.lp-demo-team img { width:62px; height:62px; object-fit:contain; filter:drop-shadow(0 4px 8px rgba(0,0,0,.25)); }
.lp-demo-team b { font-size:.92rem; color:var(--lp-t); }
.lp-demo-vs { font-family:'Teko',sans-serif; font-size:2rem; color:var(--lp-m); opacity:.85; }
.lp-demo-lbl { font-size:.68rem; font-weight:800; letter-spacing:.24em; text-transform:uppercase; color:var(--lp-m); margin-bottom:.8rem; }
.lp-demo-1x2 { display:inline-flex; gap:.5rem; margin-bottom:1rem; }
.lp-demo-1x2 button { width:56px; height:46px; border-radius:12px; font-weight:800; font-size:1.05rem; cursor:pointer; color:var(--lp-m); background:rgba(148,163,184,.12); border:1px solid var(--lp-card-bd); transition:.15s; }
.lp-demo-1x2 button.on { color:#04302b; background:linear-gradient(180deg,#6ff7e6,#19d3c0); border-color:transparent; box-shadow:0 6px 18px rgba(0,245,212,.35); }
.lp-demo-score { display:flex; align-items:center; justify-content:center; gap:.9rem; margin-bottom:1.3rem; }
.lp-demo-dash { font-family:'Teko',sans-serif; font-size:2.2rem; color:var(--lp-m); }
.lp-step-box { display:flex; flex-direction:column; align-items:center; gap:2px; }
.lp-step-box output { width:74px; height:70px; display:grid; place-content:center; font-family:'Teko',sans-serif; font-size:3rem; font-weight:700; color:var(--lp-ey); border-radius:16px;
  background:rgba(0,245,212,.08); border:2px solid rgba(0,245,212,.3); }
.lp-step-box button { width:36px; height:26px; border:0; border-radius:8px; cursor:pointer; background:transparent; color:var(--lp-m); font-size:1.1rem; font-weight:700; }
.lp-step-box button:hover { color:var(--lp-ey); background:rgba(0,245,212,.1); }
.lp-save { display:inline-flex; align-items:center; gap:.6rem; height:50px; padding:0 2rem; border:0; border-radius:14px; cursor:pointer; font-weight:800; font-size:1rem; color:#fff; background:linear-gradient(180deg,#19c9b5,#00a28f); box-shadow:0 8px 24px rgba(0,179,159,.35); transition:.2s; }
.lp-save:not(.saved){ background:linear-gradient(180deg,#ffe58a,#ffc928); color:#1a1405; box-shadow:0 8px 24px rgba(255,185,0,.35); }
.lp-demo-dl { margin-top:1rem; font-size:.8rem; color:var(--lp-m); display:flex; align-items:center; justify-content:center; gap:.45rem; }
.lp-demo-dl i { color:#f59e0b; }

/* ───────────────────────── GALERÍA ───────────────────────── */
.lp-gal-wrap { position:relative; max-width:1180px; margin:0 auto; }
.lp-gal { display:flex; gap:1.3rem; overflow-x:auto; scroll-snap-type:x mandatory; padding:1.2rem 1.25rem 1.6rem; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.lp-gal::-webkit-scrollbar { display:none; }
.lp-gal-i { flex:0 0 min(62vw,236px); scroll-snap-align:center; margin:0; text-align:center; }
.lp-gal-i .lp-phone { max-width:none; transition:transform .3s; }
.lp-gal-i:hover .lp-phone { transform:translateY(-6px); }
.lp-gal-i figcaption { margin-top:1.1rem; display:flex; flex-direction:column; gap:2px; }
.lp-gal-i figcaption b { font-size:.95rem; color:#f8fafc; } .lp-gal-i figcaption span { font-size:.78rem; color:#a9b8c9; }
.lp-gal-arr { display:none; position:absolute; top:42%; z-index:3; width:44px; height:44px; border-radius:50%; cursor:pointer; color:var(--lp-turq); background:rgba(4,18,30,.8); border:1px solid rgba(0,245,212,.4); }
.lp-gal-arr.prev { left:8px; } .lp-gal-arr.next { right:8px; }
.lp-gal-arr:hover { background:rgba(0,245,212,.18); }
@media (min-width:1000px){
  .lp-gal { justify-content:center; overflow:visible; }
  .lp-gal-i { flex-basis:196px; } .lp-gal-i:nth-child(3){ flex-basis:224px; transform:translateY(-10px); }
}
@media (min-width:640px) and (max-width:999px){ .lp-gal-arr{ display:block; } }

/* ──────────────────── CARACTERÍSTICAS / OPINIONES ──────────────────── */
.lp-feat-grid { display:grid; grid-template-columns:1fr; gap:.9rem; max-width:900px; margin:0 auto; }
@media (min-width:560px){ .lp-feat-grid{ grid-template-columns:repeat(2,1fr);} } @media (min-width:860px){ .lp-feat-grid{ grid-template-columns:repeat(3,1fr);} }
.lp-fc { background:var(--lp-card); border:1px solid var(--lp-card-bd); border-radius:18px; padding:1.3rem 1.2rem; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:transform .25s, border-color .25s, box-shadow .25s; }
.lp-fc:hover { transform:translateY(-3px); border-color:rgba(0,245,212,.5); box-shadow:0 12px 28px rgba(0,179,159,.16); }
.lp-fc-ico { width:46px; height:46px; border-radius:13px; display:grid; place-content:center; font-size:1.15rem; color:var(--lp-ey); margin-bottom:.9rem; background:rgba(0,245,212,.12); border:1px solid rgba(0,245,212,.25); }
.lp-fc h4 { font-size:.95rem; font-weight:800; margin:0 0 .3rem; color:var(--lp-t); } .lp-fc p { font-size:.82rem; line-height:1.5; margin:0; color:var(--lp-m); }

.lp-tcar { position:relative; max-width:960px; margin:0 auto; padding:0 0 1.6rem; }
.lp-ttrack { display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:.4rem .2rem; -webkit-overflow-scrolling:touch; }
.lp-ttrack::-webkit-scrollbar { display:none; }
.lp-ttrack .tc { flex:0 0 min(86%,340px); scroll-snap-align:center; background:var(--lp-card); border:1px solid var(--lp-card-bd); border-radius:18px; padding:1.3rem; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.lp-ttrack .tc-text { color:var(--lp-m); } .lp-ttrack .tc-name { color:var(--lp-t); } .lp-ttrack .tc-meta { color:var(--lp-m); }
.lp-t-arr { display:none; position:absolute; top:calc(50% - 28px); z-index:3; width:40px; height:40px; border-radius:50%; cursor:pointer; color:var(--lp-t); background:var(--lp-card); border:1px solid var(--lp-card-bd); box-shadow:0 6px 16px rgba(0,0,0,.15); }
.lp-t-arr.prev { left:-6px; } .lp-t-arr.next { right:-6px; }
.lp-dots { display:flex; gap:.45rem; justify-content:center; margin-top:1rem; }
.lp-dots i { width:8px; height:8px; border-radius:50%; background:var(--lp-card-bd); transition:.2s; } .lp-dots i.on { width:22px; border-radius:8px; background:var(--lp-ey); }
@media (min-width:700px){ .lp-t-arr{ display:block; } .lp-ttrack .tc{ flex-basis:calc((100% - 2rem)/3); } }

/* ─────────────────── COMUNIDAD (render por JS) ─────────────────── */
.lp-com .com-grid { display:flex; flex-direction:column; gap:.9rem; max-width:820px; margin:0 auto; }
.lp-com .com-card { background:linear-gradient(160deg,rgba(6,28,44,.82),rgba(4,16,28,.82)); border:1px solid rgba(0,245,212,.4); border-radius:20px; padding:0; overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,245,212,.06),0 14px 34px rgba(0,0,0,.4),0 0 30px rgba(0,245,212,.08); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  display:grid; grid-template-columns:1fr 128px; }
.lp-com .com-card:hover { border-color:rgba(0,245,212,.7); }
.lp-com .com-teams { grid-column:1/-1; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:.6rem; padding:.95rem 1rem; margin:0; border-bottom:1px solid rgba(0,245,212,.18); }
.lp-com .com-team { display:flex !important; flex-direction:row !important; align-items:center; gap:.55rem; font-size:.9rem; font-weight:700; color:#f1f5f9; min-width:0; }
.lp-com .com-team.right { justify-content:flex-end; text-align:right; }
.lp-com .com-team img, .lp-com .com-team .fi { width:30px; height:30px; object-fit:contain; flex:none; }
.lp-com .com-score { font-family:'Teko',sans-serif; font-size:1.9rem; line-height:1; padding:.15rem .9rem; border-radius:10px; color:#19f0d8; background:rgba(0,245,212,.1); border:1px solid rgba(0,245,212,.45); box-shadow:0 0 14px rgba(0,245,212,.2) inset; }
.lp-com .com-divider { display:none; }
.lp-com .com-label { grid-column:1; padding:.85rem 1rem .1rem; margin:0; font-size:.62rem; letter-spacing:.2em; color:#19f0d8; }
.lp-com .com-bar-row { grid-column:1; padding:0 1rem; margin:.45rem 0; display:grid; grid-template-columns:minmax(80px,32%) 1fr 42px; align-items:center; gap:.7rem; }
.lp-com .com-bar-row:last-of-type { margin-bottom:.95rem; }
.lp-com .com-bar-header { display:contents; }
.lp-com .com-bar-name { grid-column:1; font-size:.8rem; color:#e2e8f0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lp-com .com-bar-pct { grid-column:3; grid-row:1; text-align:right; font-family:'Teko',sans-serif; font-size:1.15rem; color:#f1f5f9; }
.lp-com .com-bar-track { grid-column:2; grid-row:1; height:8px; background:rgba(148,163,184,.2); border-radius:6px; }
.lp-com .com-bar-fill { border-radius:6px; }
.lp-com .com-bar-fill.local { background:linear-gradient(90deg,#0ec9c1,#5ff3e5); box-shadow:0 0 10px rgba(0,245,212,.5); }
.lp-com .com-bar-fill.empate { background:linear-gradient(90deg,#7aa6d6,#b5d4f3); }
.lp-com .com-bar-fill.visitante { background:linear-gradient(90deg,#e5a800,#ffd84d); box-shadow:0 0 10px rgba(255,201,40,.4); }
.lp-com .com-footer { grid-column:2; grid-row:2 / span 5; margin:.75rem .85rem .95rem 0; padding:.4rem; border-radius:14px; background:rgba(2,12,22,.6); border:1px solid rgba(0,245,212,.25); display:flex; flex-direction:column; justify-content:center; gap:0; font-size:0; }
.lp-com .com-fstat { display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; column-gap:.4rem; align-items:center; padding:.55rem .35rem; }
.lp-com .com-fstat + .com-fstat { border-top:1px solid rgba(148,163,184,.2); }
.lp-com .com-fstat i { grid-row:1 / span 2; font-size:1.25rem; color:#19f0d8; text-align:center; }
.lp-com .com-fstat b { font-family:'Teko',sans-serif; font-size:1.5rem; line-height:1; color:#fff; font-weight:600; }
.lp-com .com-fstat span { font-size:.62rem; color:#a9b8c9; line-height:1.1; }
.lp-com .com-empty, .lp-com .com-loading { color:#a9b8c9; }
@media (max-width:520px){
  .lp-com .com-card { grid-template-columns:1fr 104px; }
  .lp-com .com-bar-row { grid-template-columns:minmax(70px,34%) 1fr 38px; gap:.5rem; padding:0 .8rem; }
  .lp-com .com-label { padding-left:.8rem; }
  .lp-com .com-team { font-size:.8rem; }
  .lp-com .com-fstat { grid-template-columns:24px 1fr; } .lp-com .com-fstat b { font-size:1.25rem; }
}

/* ───────────────────────── CTA FINAL ───────────────────────── */
.lp-cta { padding-bottom:5rem; }
.lp-cta-in { display:grid; gap:1.6rem; align-items:center; text-align:center; }
.lp-cta-player { width:min(260px,62vw); height:auto; margin:0 auto; border-radius:26px; box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 40px rgba(0,245,212,.18);
  -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent); mask-image:linear-gradient(180deg,#000 70%,transparent); }
.lp-cta-txt .lp-desc { margin-bottom:1.5rem; }
.lp-cta-txt .lp-gold { margin:0 auto; }
.lp-mini4 { list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem 1.2rem; margin:1.6rem 0 0; padding:0; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#d6e0ea; }
.lp-mini4 i { color:var(--lp-turq); margin-right:.4rem; }
@media (min-width:860px){
  .lp-cta-in { grid-template-columns:.8fr 1.2fr; text-align:left; gap:3rem; }
  .lp-cta-txt .lp-gold { margin:0; } .lp-mini4 { justify-content:flex-start; }
}

/* Reveal ya existe en landing.css; respeta movimiento reducido */
@media (prefers-reduced-motion:reduce){ .lp-step, .lp-fc, .lp-gal-i .lp-phone{ transition:none; } }

/* Secciones a todo el ancho aunque .page-wrap limite el contenido */
.lp-hero, .lp-sec, .page-wrap > .ticker-wrap { width:100vw; margin-left:calc(50% - 50vw); }
body { overflow-x:clip; }

/* ═════ Marcadores · "Todos": acceso directo a la clasificación de cada competición ═════
   Chip de cristal con un podio en SVG (se ve nítido a cualquier tamaño y sin imágenes extra). */
#resContent .grp-label .grp-clasif {
  position:relative; display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:30px; height:30px; margin-left:.35rem; cursor:pointer; border-radius:50%;
  background:radial-gradient(circle at 35% 25%,rgba(0,245,212,.28),rgba(4,18,30,.78) 70%);
  border:1px solid rgba(0,245,212,.6);
  box-shadow:0 0 0 0 rgba(0,245,212,.45),0 2px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18);
  -webkit-tap-highlight-color:transparent; outline:none; transition:transform .2s, box-shadow .2s, border-color .2s;
  animation:podioPulso 3.2s ease-in-out infinite;
}
@media (min-width:640px){ #resContent .grp-label .grp-clasif { width:34px; height:34px; } }
#resContent .grp-label .grp-clasif svg { width:80%; height:80%; overflow:visible; pointer-events:none; }
#resContent .grp-label .grp-clasif .pb  { fill:#19f0d8; transition:transform .25s cubic-bezier(.3,1.6,.5,1); transform-box:fill-box; transform-origin:bottom; }
#resContent .grp-label .grp-clasif .pb-l { fill:#0fb5b4; }
#resContent .grp-label .grp-clasif .pb-r { fill:#0b8f98; }
#resContent .grp-label .grp-clasif .ps  { fill:#ffc928; filter:drop-shadow(0 0 2px rgba(255,201,40,.9)); transition:transform .25s cubic-bezier(.3,1.6,.5,1); transform-box:fill-box; transform-origin:center; }
#resContent .grp-label .grp-clasif .pbase { stroke:rgba(255,255,255,.4); stroke-width:1.3; fill:none; }
#resContent .grp-label .grp-clasif:hover,
#resContent .grp-label .grp-clasif:focus-visible { transform:scale(1.12); border-color:#19f0d8; box-shadow:0 0 0 3px rgba(0,245,212,.18),0 0 14px rgba(0,245,212,.7),0 2px 8px rgba(0,0,0,.5); }
#resContent .grp-label .grp-clasif:hover .pb-l  { transform:scaleY(1.12); }
#resContent .grp-label .grp-clasif:hover .pb-c  { transform:scaleY(1.1); }
#resContent .grp-label .grp-clasif:hover .pb-r  { transform:scaleY(1.2); }
#resContent .grp-label .grp-clasif:hover .ps    { transform:translateY(-1px) rotate(18deg) scale(1.15); }
#resContent .grp-label .grp-clasif:active { transform:scale(.92); }
#resContent .grp-label .grp-clasif:focus-visible { box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,245,212,.9); }
@keyframes podioPulso { 0%,100%{ box-shadow:0 0 0 0 rgba(0,245,212,0),0 2px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18); } 50%{ box-shadow:0 0 0 4px rgba(0,245,212,.14),0 0 12px rgba(0,245,212,.4),0 2px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18); } }
@media (prefers-reduced-motion:reduce){ #resContent .grp-label .grp-clasif { animation:none; transition:none; } }

/* ═════ Pestaña "Clasificación" de cada competición (tabla siempre abierta) ═════ */
@media (max-width:430px){
  /* con 4 filtros (General, En directo, Finalizados, Clasificación) hay que ganar unos píxeles para que quepan sin scroll */
  :is(#panel-resultados, .mp-static) .res-status { gap:.3rem; }
  :is(#panel-resultados, .mp-static) .res-status .res-status-btn { padding-left:.62rem; padding-right:.62rem; }
}
#resContent .clasif-tab { padding-top:.1rem; }

/* ═════ Marcadores con columnas de publicidad: la tarjeta de arriba crece hasta el borde exterior de las columnas.
   La imagen del hero se dimensiona por ALTURA (auto 100%), así que ensanchar la tarjeta no la estira ni la pierde calidad. */
:is(#panel-resultados) .res-hero,
:is(#panel-resultados) .res-comps {
  margin-left:calc(var(--inv-extra, 0px) * -1);
  margin-right:calc(var(--inv-extra, 0px) * -1);
}