.ll-home{
 --ll-navy:#0A1D4D;
 --ll-teal:#14B8A6;
 --ll-yellow:#FBBF24;
 --ll-purple:#6D28D9;
 --ll-pink:#EC4899;
 --ll-ink:#132242;
 --ll-muted:#697182;
 --ll-bg:#FFFDF8;
 min-height:100vh;
 overflow:hidden;
 background:
  radial-gradient(circle at 88% 5%,rgba(109,40,217,.10),transparent 27rem),
  radial-gradient(circle at 10% 26%,rgba(20,184,166,.08),transparent 24rem),
  var(--ll-bg);
 color:var(--ll-ink);
 font-family:"Nunito",sans-serif;
}
.ll-home *,
.ll-home *::before,
.ll-home *::after{box-sizing:border-box}
.ll-home h1,
.ll-home h2,
.ll-home h3,
.ll-home .ll-btn,
.ll-home .ll-nav,
.ll-home .ll-plan-price strong,
.ll-home .ll-proof strong,
.ll-home .ll-stage-card strong{
 font-family:"Fredoka",sans-serif!important;
}
.ll-nav{
 width:min(1240px,calc(100% - 40px));
 height:82px;
 margin:0 auto;
 display:flex;
 align-items:center;
 gap:28px;
 position:relative;
 z-index:10;
}
.ll-nav-brand img{
 width:132px;
 max-height:68px;
 object-fit:contain;
}
.ll-nav-links{
 margin-left:auto;
 display:flex;
 align-items:center;
 gap:24px;
}
.ll-nav-links a{
 color:#566078;
 font-size:.82rem;
 font-weight:700;
}
.ll-nav-links a:hover{color:var(--ll-pink)}
.ll-nav-cta{
 margin-left:8px;
 padding:11px 16px;
 border-radius:14px;
 background:var(--ll-navy);
 color:#fff;
 font-size:.78rem;
 font-weight:700;
}
.ll-hero{
 width:min(1240px,calc(100% - 40px));
 min-height:670px;
 margin:0 auto;
 display:grid;
 grid-template-columns:1.03fr .97fr;
 align-items:center;
 gap:64px;
 padding:48px 0 72px;
}
.ll-kicker{
 display:inline-block;
 color:var(--ll-pink);
 font-size:.72rem;
 font-weight:1000;
 letter-spacing:.13em;
 text-transform:uppercase;
}
.ll-hero h1{
 margin:12px 0 22px;
 max-width:710px;
 color:var(--ll-navy);
 font-size:clamp(3.5rem,6vw,6rem);
 font-weight:600;
 letter-spacing:-.045em;
 line-height:.94;
}
.ll-hero h1 em{
 color:var(--ll-pink);
 font-style:normal;
}
.ll-hero-copy>p{
 max-width:690px;
 margin:0;
 color:var(--ll-muted);
 font-size:1.08rem;
 line-height:1.75;
}
.ll-hero-actions{
 display:flex;
 gap:9px;
 flex-wrap:wrap;
 margin-top:28px;
}
.ll-btn{
 min-height:50px;
 padding:13px 18px;
 border-radius:15px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 font-weight:650;
 font-size:.9rem;
 text-decoration:none;
 transition:.18s ease;
}
.ll-btn:hover{transform:translateY(-2px)}
.ll-btn-primary{
 color:#fff;
 background:linear-gradient(135deg,var(--ll-navy),#173987);
 box-shadow:0 12px 26px rgba(10,29,77,.16);
}
.ll-btn-light{
 color:var(--ll-navy);
 background:#fff;
 border:1px solid rgba(10,29,77,.13);
}
.ll-btn-soft{
 color:#08766c;
 background:#E9FFFB;
 border:1px solid #C2F3EB;
}
.ll-hero-trust{
 display:flex;
 gap:18px;
 flex-wrap:wrap;
 margin-top:20px;
 color:#6f7788;
 font-size:.72rem;
 font-weight:800;
}
.ll-hero-trust i{color:var(--ll-teal);margin-right:4px}
.ll-hero-stage{
 position:relative;
 min-height:520px;
 display:grid;
 place-items:center;
}
.ll-stage-glow{
 position:absolute;
 width:460px;
 height:460px;
 border-radius:50%;
 background:linear-gradient(135deg,rgba(20,184,166,.24),rgba(109,40,217,.20),rgba(236,72,153,.20));
 filter:blur(34px);
}
.ll-stage-card{
 position:relative;
 z-index:1;
 width:min(500px,100%);
 padding:24px;
 border-radius:32px;
 border:1px solid rgba(10,29,77,.08);
 background:rgba(255,255,255,.92);
 box-shadow:0 32px 85px rgba(10,29,77,.15);
 backdrop-filter:blur(14px);
 transform:rotate(1.2deg);
}
.ll-stage-top{
 display:flex;
 align-items:center;
 justify-content:space-between;
 color:#71798a;
 font-size:.7rem;
}
.ll-stage-top>span{font-weight:900;color:var(--ll-pink)}
.ll-live-dot{font-size:.48rem;margin-right:5px}
.ll-stage-top strong{color:var(--ll-navy)}
.ll-stage-current{
 display:grid;
 grid-template-columns:92px 1fr;
 align-items:center;
 gap:18px;
 margin:20px 0;
 padding:17px;
 border-radius:21px;
 background:linear-gradient(135deg,#fff7fb,#f4f0ff);
}
.ll-stage-token{
 width:92px;
 aspect-ratio:1;
 border-radius:50%;
 display:grid;
 place-items:center;
 background:radial-gradient(circle at 35% 28%,#fff6dd 0 42%,#ff2d7c 44% 57%,#e21464 58%);
 border:8px solid #ff2780;
 box-shadow:0 10px 22px rgba(236,72,153,.22);
 color:var(--ll-navy);
 font:700 1.9rem "Fredoka",sans-serif;
}
.ll-stage-current small,
.ll-stage-current strong,
.ll-stage-current span{display:block}
.ll-stage-current small{color:#8a91a0;font-size:.65rem}
.ll-stage-current strong{color:var(--ll-navy);font-size:1.5rem;margin:2px 0}
.ll-stage-current span{color:#7b8291;font-size:.7rem;line-height:1.4}
.ll-mini-board{
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:5px;
 padding:8px;
 border-radius:21px;
 background:var(--ll-navy);
}
.ll-mini-board span{
 aspect-ratio:1;
 border-radius:8px;
 background:
  linear-gradient(145deg,#fffdf7,#f4efe5);
 position:relative;
}
.ll-mini-board span::after{
 content:"";
 position:absolute;
 inset:20%;
 border-radius:50%;
 border:2px solid rgba(10,29,77,.12);
}
.ll-mini-board span.hit::before{
 content:"";
 position:absolute;
 z-index:2;
 width:62%;
 aspect-ratio:1;
 border-radius:50%;
 left:19%;
 top:19%;
 background:rgba(236,72,153,.84);
 box-shadow:inset 0 2px 4px rgba(255,255,255,.55);
}
.ll-stage-footer{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:7px;
 margin-top:12px;
}
.ll-stage-footer>div{
 padding:10px;
 text-align:center;
 border-radius:13px;
 background:#f7f8fb;
}
.ll-stage-footer span,
.ll-stage-footer strong{display:block}
.ll-stage-footer span{font-size:.57rem;color:#8a91a0}
.ll-stage-footer strong{font-size:.86rem;color:var(--ll-navy);margin-top:2px}
.ll-proof{
 width:min(1240px,calc(100% - 40px));
 margin:0 auto 36px;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:10px;
}
.ll-proof article{
 padding:18px;
 border-radius:18px;
 background:#fff;
 border:1px solid rgba(10,29,77,.07);
 box-shadow:0 9px 28px rgba(10,29,77,.04);
}
.ll-proof strong,
.ll-proof span{display:block}
.ll-proof strong{color:var(--ll-navy);font-size:1.02rem}
.ll-proof span{color:#7d8492;font-size:.68rem;line-height:1.45;margin-top:3px}
.ll-section{
 width:min(1240px,calc(100% - 40px));
 margin:0 auto;
 padding:92px 0;
}
.ll-section-heading{
 max-width:780px;
 text-align:center;
 margin:0 auto 38px;
}
.ll-heading-left{text-align:left;margin-left:0}
.ll-section-heading h2,
.ll-online-intro h2,
.ll-final-cta h2{
 margin:7px 0 10px;
 color:var(--ll-navy);
 font-size:clamp(2rem,4vw,3.35rem);
 line-height:1.04;
 letter-spacing:-.025em;
}
.ll-section-heading p,
.ll-online-intro p{
 margin:0;
 color:var(--ll-muted);
 line-height:1.65;
}
.ll-mode-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:16px;
}
.ll-mode-card{
 position:relative;
 overflow:hidden;
 min-height:390px;
 padding:26px;
 border-radius:27px;
 border:1px solid rgba(10,29,77,.08);
 background:#fff;
 box-shadow:0 16px 46px rgba(10,29,77,.06);
}
.ll-mode-card::before{
 content:"";
 position:absolute;
 width:180px;height:180px;border-radius:50%;
 top:-90px;right:-60px;
 opacity:.11;
}
.ll-mode-event::before{background:var(--ll-teal)}
.ll-mode-online::before{background:var(--ll-purple)}
.ll-mode-family::before{background:var(--ll-yellow)}
.ll-mode-icon{
 width:52px;height:52px;border-radius:17px;
 display:grid;place-items:center;
 background:#f6f4fb;
 color:var(--ll-purple);
 font-size:1.25rem;
 margin-bottom:18px;
}
.ll-mode-event .ll-mode-icon{background:#eafffb;color:#087c70}
.ll-mode-family .ll-mode-icon{background:#fff7db;color:#b98300}
.ll-mode-card>span{font-size:.6rem;font-weight:1000;letter-spacing:.1em;color:var(--ll-pink)}
.ll-mode-card h3{font-size:1.55rem;color:var(--ll-navy);margin:7px 0 9px}
.ll-mode-card p{color:#737b8b;line-height:1.55;font-size:.82rem}
.ll-mode-card ul,
.ll-plan-card ul{
 list-style:none;
 padding:0;
 margin:18px 0 0;
 display:grid;
 gap:9px;
}
.ll-mode-card li,
.ll-plan-card li{
 color:#616a7a;
 font-size:.74rem;
 line-height:1.4;
}
.ll-mode-card li::before,
.ll-plan-card li::before{
 content:"✓";
 display:inline-grid;
 place-items:center;
 width:18px;height:18px;
 border-radius:50%;
 margin-right:7px;
 background:#e8fbf7;
 color:#087c70;
 font-weight:1000;
}
.ll-features-section{
 width:100%;
 max-width:none;
 padding-left:max(20px,calc((100vw - 1240px)/2));
 padding-right:max(20px,calc((100vw - 1240px)/2));
 background:linear-gradient(180deg,#f7f7fc,#fff);
}
.ll-feature-grid{
 max-width:1240px;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:12px;
}
.ll-feature-grid article{
 padding:21px;
 border-radius:20px;
 background:#fff;
 border:1px solid rgba(10,29,77,.07);
}
.ll-feature-grid i{
 width:40px;height:40px;border-radius:13px;
 display:grid;place-items:center;
 background:#f3efff;
 color:var(--ll-purple);
 margin-bottom:13px;
}
.ll-feature-grid h3{color:var(--ll-navy);font-size:1rem;margin:0 0 6px}
.ll-feature-grid p{color:#7a8190;font-size:.7rem;line-height:1.55;margin:0}
.ll-online-section{
 width:100%;
 max-width:none;
 padding-left:max(20px,calc((100vw - 1240px)/2));
 padding-right:max(20px,calc((100vw - 1240px)/2));
 background:
  radial-gradient(circle at 8% 8%,rgba(20,184,166,.13),transparent 24rem),
  linear-gradient(135deg,#081a47,#122b6b);
 color:#fff;
}
.ll-online-intro{
 max-width:1240px;
 display:grid;
 grid-template-columns:1.25fr .75fr;
 align-items:end;
 gap:34px;
 margin-bottom:34px;
}
.ll-online-intro h2{color:#fff}
.ll-online-intro p{color:#cfd8ee}
.ll-public-page-example{
 padding:18px;
 border:1px solid rgba(255,255,255,.14);
 border-radius:20px;
 background:rgba(255,255,255,.08);
}
.ll-public-page-example small,
.ll-public-page-example strong,
.ll-public-page-example span{display:block}
.ll-public-page-example small{color:#9cacd2;font-size:.62rem}
.ll-public-page-example strong{font-family:"Fredoka",sans-serif;color:#fff;font-size:1.05rem;margin:4px 0}
.ll-public-page-example span{color:#b8c4e0;font-size:.65rem}
.ll-plan-grid{
 max-width:1240px;
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:14px;
}
.ll-plan-card{
 position:relative;
 padding:25px;
 border-radius:25px;
 background:#fff;
 color:var(--ll-ink);
 border:1px solid rgba(255,255,255,.14);
}
.ll-plan-card.featured{
 transform:translateY(-8px);
 box-shadow:0 24px 60px rgba(0,0,0,.23);
 border:2px solid var(--ll-pink);
}
.ll-plan-badge{
 position:absolute;
 top:0;right:20px;
 transform:translateY(-50%);
 padding:6px 10px;
 border-radius:999px;
 background:var(--ll-pink);
 color:#fff;
 font-size:.52rem;
 font-weight:1000;
 letter-spacing:.08em;
}
.ll-plan-name{
 color:var(--ll-purple);
 font-size:.65rem;
 font-weight:1000;
 letter-spacing:.09em;
 text-transform:uppercase;
}
.ll-plan-price{
 min-height:72px;
 margin:9px 0 8px;
}
.ll-plan-price strong,
.ll-plan-price span{display:block}
.ll-plan-price strong{font-size:2rem;color:var(--ll-navy);line-height:1}
.ll-plan-price span{font-size:.65rem;color:#8a91a0;margin-top:4px}
.ll-plan-card ul{margin:17px 0 22px}
.ll-plan-link{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding-top:15px;
 border-top:1px solid #eceef3;
 color:var(--ll-navy);
 font-size:.72rem;
 font-weight:900;
}
.ll-plan-note{
 max-width:1240px;
 margin:18px auto 0;
 color:#9fadd0;
 font-size:.66rem;
 text-align:center;
}
.ll-steps{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:12px;
}
.ll-steps article{
 padding:20px;
 border-radius:20px;
 background:#fff;
 border:1px solid rgba(10,29,77,.08);
}
.ll-steps article>span{
 color:var(--ll-pink);
 font:600 1.6rem "Fredoka",sans-serif;
}
.ll-steps h3{color:var(--ll-navy);margin:9px 0 6px}
.ll-steps p{color:#7a8190;font-size:.72rem;line-height:1.55;margin:0}
.ll-final-cta{
 width:min(1240px,calc(100% - 40px));
 margin:35px auto 70px;
 padding:34px;
 display:grid;
 grid-template-columns:150px 1fr auto;
 align-items:center;
 gap:30px;
 border-radius:30px;
 background:linear-gradient(135deg,#fff,#fff5fb);
 border:1px solid rgba(10,29,77,.08);
 box-shadow:0 20px 64px rgba(10,29,77,.08);
}
.ll-final-cta>img{width:145px}
.ll-final-cta h2{font-size:2rem}
.ll-final-cta p{color:#71798a;margin:0}
.ll-final-actions{display:grid;gap:7px}
.ll-footer{
 min-height:110px;
 padding:24px max(20px,calc((100vw - 1240px)/2));
 display:flex;
 align-items:center;
 gap:18px;
 border-top:1px solid rgba(10,29,77,.08);
 background:#fff;
 color:#7b8291;
 font-size:.68rem;
}
.ll-footer>img{width:76px}
.ll-footer nav{margin-left:auto;display:flex;gap:18px}
.ll-footer nav a{color:#657086;font-weight:800}

@media(max-width:980px){
 .ll-nav-links{display:none}
 .ll-nav-cta{margin-left:auto}
 .ll-hero{
  grid-template-columns:1fr;
  gap:18px;
  padding-top:58px;
  text-align:center;
 }
 .ll-hero-copy>p{margin-left:auto;margin-right:auto}
 .ll-hero-actions,
 .ll-hero-trust{justify-content:center}
 .ll-hero-stage{min-height:440px}
 .ll-proof{grid-template-columns:repeat(2,1fr)}
 .ll-mode-grid{grid-template-columns:1fr}
 .ll-mode-card{min-height:0}
 .ll-feature-grid{grid-template-columns:repeat(2,1fr)}
 .ll-online-intro{grid-template-columns:1fr}
 .ll-plan-grid{grid-template-columns:1fr}
 .ll-plan-card.featured{transform:none}
 .ll-steps{grid-template-columns:repeat(2,1fr)}
 .ll-final-cta{grid-template-columns:120px 1fr}
 .ll-final-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
 .ll-nav{
  width:calc(100% - 28px);
  height:72px;
 }
 .ll-nav-brand img{width:105px}
 .ll-nav-cta{
  padding:9px 11px;
  border-radius:12px;
  font-size:.68rem;
 }
 .ll-hero{
  width:calc(100% - 30px);
  min-height:0;
  padding:46px 0 54px;
 }
 .ll-kicker{
  font-size:.62rem;
  line-height:1.4;
 }
 .ll-hero h1{
  font-family:"Fredoka",sans-serif!important;
  font-size:clamp(3rem,14.5vw,4.15rem);
  font-weight:600;
  line-height:.94;
  letter-spacing:-.045em;
  margin:10px 0 18px;
 }
 .ll-hero-copy>p{
  font-size:.92rem;
  line-height:1.65;
 }
 .ll-hero-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
 }
 .ll-btn{
  width:100%;
  min-height:52px;
  font-family:"Fredoka",sans-serif!important;
  font-size:.91rem;
 }
 .ll-hero-trust{
  gap:9px 15px;
  font-size:.64rem;
 }
 .ll-hero-stage{min-height:360px}
 .ll-stage-card{
  padding:16px;
  border-radius:24px;
  transform:none;
 }
 .ll-stage-current{
  grid-template-columns:72px 1fr;
  gap:12px;
  padding:12px;
 }
 .ll-stage-token{width:72px;border-width:6px;font-size:1.45rem}
 .ll-stage-current strong{font-size:1.2rem}
 .ll-mini-board{gap:4px}
 .ll-stage-footer>div{padding:8px 4px}
 .ll-proof{
  width:calc(100% - 30px);
  grid-template-columns:1fr 1fr;
  gap:7px;
 }
 .ll-proof article{padding:13px}
 .ll-proof strong{font-size:.88rem}
 .ll-proof span{font-size:.6rem}
 .ll-section{
  width:calc(100% - 30px);
  padding:62px 0;
 }
 .ll-features-section,
 .ll-online-section{
  width:100%;
  padding-left:15px;
  padding-right:15px;
 }
 .ll-section-heading{margin-bottom:25px}
 .ll-section-heading h2,
 .ll-online-intro h2{
  font-family:"Fredoka",sans-serif!important;
  font-size:2.25rem;
  font-weight:600;
 }
 .ll-mode-card{padding:21px;border-radius:22px}
 .ll-mode-card h3{font-size:1.35rem}
 .ll-feature-grid{grid-template-columns:1fr}
 .ll-feature-grid article{padding:18px}
 .ll-online-intro{margin-bottom:24px}
 .ll-public-page-example strong{
  font-size:.88rem;
  overflow-wrap:anywhere;
 }
 .ll-plan-card{padding:21px}
 .ll-steps{grid-template-columns:1fr}
 .ll-final-cta{
  width:calc(100% - 30px);
  grid-template-columns:1fr;
  text-align:center;
  padding:24px 18px;
  gap:18px;
 }
 .ll-final-cta>img{width:125px;margin:auto}
 .ll-final-cta h2{
  font-family:"Fredoka",sans-serif!important;
  font-size:1.8rem;
 }
 .ll-final-actions{grid-template-columns:1fr}
 .ll-footer{
  flex-direction:column;
  text-align:center;
  gap:9px;
  padding:26px 15px;
 }
 .ll-footer nav{
  margin:5px 0 0;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 16px;
 }
}


/* ==========================================================
   LANDING V3 · RECREACIÓN REAL DEL JUEGO MÓVIL
   No es una imagen: HTML/CSS + deck_cards reales.
   ========================================================== */
.ll-game-showcase{
 position:relative;
 min-height:690px;
 display:grid;
 place-items:center;
}
.ll-game-glow{
 position:absolute;
 width:480px;
 height:580px;
 border-radius:45%;
 background:linear-gradient(135deg,rgba(20,184,166,.20),rgba(109,40,217,.18),rgba(236,72,153,.18));
 filter:blur(42px);
}
.ll-mobile-game{
 position:relative;
 z-index:1;
 width:min(540px,100%);
 padding:20px 20px 86px;
 border:1px solid rgba(10,29,77,.08);
 border-radius:32px;
 background:rgba(255,255,255,.95);
 box-shadow:0 32px 85px rgba(10,29,77,.16);
 overflow:hidden;
}
.ll-mobile-game-head{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(180px,220px);
 align-items:start;
 gap:12px;
}
.ll-mobile-game-head>div:first-child>span{
 display:block;
 color:var(--ll-pink);
 font-size:.62rem;
 font-weight:1000;
 letter-spacing:.1em;
}
.ll-mobile-game-head h3{
 margin:3px 0 1px;
 color:var(--ll-navy);
 font-size:1.5rem;
 line-height:1;
}
.ll-mobile-game-head p{
 margin:0;
 color:#858b99;
 font-size:.63rem;
}
.ll-mobile-live-card{
 min-width:0;
 display:grid;
 grid-template-columns:48px 1fr;
 align-items:center;
 gap:8px;
 padding:7px 9px;
 border-radius:15px;
 background:#fff;
 box-shadow:0 9px 24px rgba(10,29,77,.08);
 border:1px solid #f0f1f5;
}
.ll-mobile-live-thumb{
 width:48px;height:62px;
 overflow:hidden;
 border-radius:8px;
 background:#fffaf2;
}
.ll-mobile-live-thumb img{
 width:100%;height:100%;
 object-fit:cover;
 display:block;
}
.ll-mobile-live-thumb>strong{
 width:100%;height:100%;
 display:grid;place-items:center;
 color:var(--ll-navy);
}
.ll-mobile-live-card small,
.ll-mobile-live-card strong{display:block}
.ll-mobile-live-card small{
 color:var(--ll-pink);
 font-size:.52rem;
 line-height:1.2;
 font-weight:900;
}
.ll-mobile-live-card strong{
 margin-top:3px;
 color:var(--ll-navy);
 font-size:.73rem;
}
.ll-mobile-mode-row{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin:13px 0 8px;
}
.ll-mobile-auto{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:9px 13px;
 border-radius:13px;
 background:linear-gradient(135deg,#6D28D9,#EC4899);
 color:#fff;
 font:650 .82rem "Fredoka",sans-serif;
 box-shadow:0 9px 20px rgba(109,40,217,.16);
}
.ll-mobile-game-label{
 color:#9aa0ad;
 font-size:.58rem;
 font-weight:900;
}
.ll-mobile-board{
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:3px;
 padding:4px;
 border-radius:18px;
 background:var(--ll-navy);
 box-shadow:0 10px 28px rgba(10,29,77,.12);
}
.ll-mobile-board-cell{
 position:relative;
 min-width:0;
 aspect-ratio:.74;
 overflow:hidden;
 border-radius:5px;
 background:#fffaf2;
}
.ll-mobile-board-cell img{
 width:100%;
 height:100%;
 display:block;
 object-fit:cover;
 object-position:center;
}
.ll-mobile-card-fallback{
 height:100%;
 padding:5px;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 background:#fffaf2;
 color:var(--ll-navy);
}
.ll-mobile-card-fallback strong{font-size:.6rem}
.ll-mobile-card-fallback span{
 font-size:.39rem;
 line-height:1.05;
 text-align:center;
 font-weight:900;
}
.ll-mobile-chip{
 position:absolute;
 z-index:2;
 width:46%;
 aspect-ratio:1;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 border-radius:50%;
 background:
  radial-gradient(circle at 30% 24%,rgba(255,255,255,.95) 0 7%,transparent 9%),
  radial-gradient(circle at 38% 34%,#ff8ac1 0,#ec4899 56%,#c91f70 100%);
 border:1px solid rgba(130,13,72,.22);
 box-shadow:
  0 3px 8px rgba(158,20,87,.32),
  inset 0 -3px 5px rgba(122,8,62,.16);
}
.ll-mobile-under-board{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:14px;
 margin-top:10px;
}
.ll-mobile-board-preview{
 width:82px;
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:1px;
 padding:3px;
 border:3px solid var(--ll-pink);
 border-radius:10px;
 background:#fff;
}
.ll-mobile-board-preview span{
 aspect-ratio:.74;
 overflow:hidden;
 background:#fffaf2;
}
.ll-mobile-board-preview img{
 width:100%;height:100%;
 display:block;object-fit:cover;
}
.ll-mobile-exit{
 width:46px;height:46px;
 border-radius:50%;
 display:grid;place-items:center;
 color:#c82351;
 background:#fff;
 box-shadow:0 10px 28px rgba(10,29,77,.10);
}
.ll-mobile-stats{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:7px;
 margin:10px 0 0;
}
.ll-mobile-stats>div{
 padding:8px 6px;
 text-align:center;
 border-radius:11px;
 background:#f7f8fb;
}
.ll-mobile-stats span,
.ll-mobile-stats strong{display:block}
.ll-mobile-stats span{font-size:.5rem;color:#939aa8}
.ll-mobile-stats strong{
 margin-top:1px;
 color:var(--ll-navy);
 font:650 .75rem "Fredoka",sans-serif;
}
.ll-mobile-bottom-nav{
 position:absolute;
 left:12px;right:12px;bottom:10px;
 min-height:62px;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 align-items:center;
 border-radius:18px;
 background:#fff;
 box-shadow:0 -3px 20px rgba(10,29,77,.08);
 border:1px solid #f1f2f6;
}
.ll-mobile-bottom-nav span{
 display:grid;
 place-items:center;
 gap:2px;
 color:#818896;
}
.ll-mobile-bottom-nav i{font-size:1rem}
.ll-mobile-bottom-nav small{
 font:650 .48rem "Fredoka",sans-serif;
}
.ll-mobile-bottom-nav .active{color:#6D28D9}
.ll-mobile-board-empty{
 min-height:430px;
 border-radius:18px;
 display:grid;
 place-content:center;
 justify-items:center;
 gap:8px;
 background:var(--ll-navy);
 color:#fff;
 text-align:center;
}
.ll-mobile-board-empty i{font-size:2rem;color:#f6a9cf}

@media(max-width:980px){
 .ll-game-showcase{min-height:690px}
 .ll-mobile-game{width:min(560px,100%)}
}
@media(max-width:650px){
 .ll-game-showcase{
  min-height:0;
  padding-top:8px;
 }
 .ll-mobile-game{
  width:100%;
  padding:14px 14px 78px;
  border-radius:25px;
 }
 .ll-mobile-game-head{
  grid-template-columns:minmax(0,1fr) minmax(150px,190px);
  gap:7px;
 }
 .ll-mobile-game-head h3{font-size:1.25rem}
 .ll-mobile-game-head p{font-size:.55rem}
 .ll-mobile-live-card{
  grid-template-columns:38px 1fr;
  padding:6px 7px;
 }
 .ll-mobile-live-thumb{
  width:38px;height:50px;
 }
 .ll-mobile-live-card small{font-size:.43rem}
 .ll-mobile-live-card strong{font-size:.6rem}
 .ll-mobile-auto{
  padding:8px 11px;
  font-size:.72rem;
 }
 .ll-mobile-board{
  gap:2px;
  padding:3px;
  border-radius:15px;
 }
 .ll-mobile-board-cell{border-radius:4px}
 .ll-mobile-under-board{margin-top:8px}
 .ll-mobile-board-preview{width:70px}
 .ll-mobile-stats{gap:4px}
 .ll-mobile-bottom-nav{
  left:8px;right:8px;bottom:8px;
  min-height:58px;
 }
}

.ll-plan-contract{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin-top:18px;
 padding:13px 14px;
 border-radius:13px;
 background:linear-gradient(135deg,#6D28D9,#EC4899);
 color:#fff;
 font:650 .78rem "Fredoka",sans-serif;
 box-shadow:0 10px 22px rgba(109,40,217,.15);
}
.ll-plan-contract.disabled{
 background:#eef0f4;
 color:#949aa7;
 box-shadow:none;
}
.ll-plan-card .ll-plan-link{
 margin-top:10px;
}


/* ===== Landing V4 · tematización + nuevas secciones ===== */
.ll-home{--ll-surface:#fff}
.ll-home,.ll-features-section{background-color:var(--ll-bg)}
.ll-proof article,.ll-mode-card,.ll-feature-grid article,.ll-steps article,.ll-final-cta,.ll-plan-card,.ll-mobile-game{background:var(--ll-surface)}
.ll-nav-cta,.ll-btn-primary{background:linear-gradient(135deg,var(--ll-navy),color-mix(in srgb,var(--ll-navy) 78%,var(--ll-purple)))}
.ll-mobile-auto,.ll-plan-contract{background:linear-gradient(135deg,var(--ll-purple),var(--ll-pink))}
.ll-online-section{background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--ll-teal) 25%,transparent),transparent 24rem),linear-gradient(135deg,var(--ll-navy),color-mix(in srgb,var(--ll-navy) 70%,var(--ll-purple)))}
.ll-sync-section{width:min(1240px,calc(100% - 40px));margin:30px auto 0;padding:44px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;border-radius:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--ll-teal) 8%,var(--ll-surface)),color-mix(in srgb,var(--ll-purple) 8%,var(--ll-surface)));border:1px solid color-mix(in srgb,var(--ll-navy) 10%,transparent);box-shadow:0 20px 60px rgba(10,29,77,.07)}
.ll-sync-copy h2{margin:8px 0 12px;color:var(--ll-navy);font:600 clamp(2rem,4vw,3.25rem)/1.03 "Fredoka",sans-serif;letter-spacing:-.025em}.ll-sync-copy>p{margin:0;color:#71798a;line-height:1.65}.ll-sync-points{display:grid;gap:9px;margin-top:22px}.ll-sync-points article{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;padding:11px;border-radius:15px;background:color-mix(in srgb,var(--ll-surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--ll-navy) 7%,transparent)}.ll-sync-points article>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--ll-teal) 13%,var(--ll-surface));color:var(--ll-teal)}.ll-sync-points strong,.ll-sync-points span{display:block}.ll-sync-points strong{font:.82rem "Fredoka",sans-serif;color:var(--ll-navy)}.ll-sync-points span{margin-top:3px;color:#7a8190;font-size:.66rem;line-height:1.45}
.ll-sync-visual{min-height:360px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.ll-app-stack{display:grid;gap:9px}.ll-app-stack>span{display:flex;align-items:center;gap:9px;padding:13px 14px;border-radius:17px;background:var(--ll-surface);color:#667084;font:650 .78rem "Fredoka",sans-serif;box-shadow:0 10px 30px rgba(10,29,77,.08);transform:translateX(18px)}.ll-app-stack>span:nth-child(2){transform:translateX(0)}.ll-app-stack>span.active{transform:translateX(24px);color:var(--ll-navy);border:2px solid color-mix(in srgb,var(--ll-pink) 55%,transparent)}.ll-app-stack>span i{font-size:1.2rem}.ll-app-stack>span:first-child i{color:#24b96b}.ll-app-stack>span:nth-child(2) i{color:var(--ll-purple)}.ll-app-stack img{width:29px;height:29px;object-fit:contain}.ll-sync-progress{padding:20px;border-radius:24px;text-align:center;background:var(--ll-navy);color:#fff;box-shadow:0 18px 45px color-mix(in srgb,var(--ll-navy) 28%,transparent)}.ll-sync-progress small,.ll-sync-progress strong,.ll-sync-progress span{display:block}.ll-sync-progress small{font-size:.52rem;letter-spacing:.08em;color:#aebade}.ll-sync-progress strong{margin:4px 0;font:600 2.5rem "Fredoka",sans-serif}.ll-sync-progress>i{margin:4px 0 7px;color:var(--ll-teal)}.ll-sync-progress span{margin-top:8px;padding:7px;border-radius:999px;background:color-mix(in srgb,var(--ll-teal) 25%,transparent);color:#bdfdf3;font-size:.58rem;font-weight:900}
.ll-showcase-section{padding-top:105px}.ll-deck-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ll-deck-showcase-card{min-height:330px;padding:22px;border-radius:26px;background:var(--ll-surface);border:1px solid color-mix(in srgb,var(--ll-navy) 8%,transparent);box-shadow:0 15px 42px rgba(10,29,77,.06);overflow:hidden}.ll-deck-fan{height:205px;position:relative;display:flex;align-items:center;justify-content:center}.ll-deck-fan span{position:absolute;width:112px;height:165px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 25px rgba(10,29,77,.16);transform:translateX(calc((var(--i) - 2)*38px)) rotate(calc((var(--i) - 2)*7deg))}.ll-deck-fan img{width:100%;height:100%;object-fit:cover}.ll-deck-showcase-card>div:last-child>span{font-size:.55rem;font-weight:1000;letter-spacing:.1em;color:var(--ll-pink)}.ll-deck-showcase-card h3{margin:4px 0;color:var(--ll-navy);font:600 1.5rem "Fredoka",sans-serif}.ll-deck-showcase-card p{margin:0;color:#7c8492;font-size:.68rem}
.ll-experience-section{padding-top:70px}.ll-experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ll-experience-grid article{padding:25px;border-radius:25px;background:var(--ll-surface);border:1px solid color-mix(in srgb,var(--ll-navy) 8%,transparent);box-shadow:0 14px 38px rgba(10,29,77,.05)}.ll-experience-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--ll-purple) 10%,var(--ll-surface));color:var(--ll-purple);font-size:1.25rem}.ll-experience-grid article>span{display:block;margin-top:18px;color:var(--ll-pink);font-size:.55rem;font-weight:1000;letter-spacing:.11em}.ll-experience-grid h3{margin:5px 0;color:var(--ll-navy);font:600 1.45rem "Fredoka",sans-serif}.ll-experience-grid p{margin:0;color:#737c8c;font-size:.72rem;line-height:1.55}
.ll-faq-section{padding-top:80px}.ll-faq-grid{max-width:900px;margin:0 auto;display:grid;gap:9px}.ll-faq-grid details{border:1px solid color-mix(in srgb,var(--ll-navy) 9%,transparent);border-radius:18px;background:var(--ll-surface);overflow:hidden}.ll-faq-grid summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;color:var(--ll-navy);font:600 .92rem "Fredoka",sans-serif}.ll-faq-grid summary::-webkit-details-marker{display:none}.ll-faq-grid summary i{color:var(--ll-pink);transition:.18s}.ll-faq-grid details[open] summary i{transform:rotate(45deg)}.ll-faq-grid p{margin:0;padding:0 19px 18px;color:#747d8c;font-size:.72rem;line-height:1.65}
@media(max-width:980px){.ll-sync-section{grid-template-columns:1fr}.ll-sync-visual{max-width:650px;width:100%;margin:auto}.ll-deck-showcase-grid,.ll-experience-grid{grid-template-columns:1fr}.ll-deck-showcase-card{min-height:300px}}
@media(max-width:650px){.ll-sync-section{width:calc(100% - 30px);padding:24px 18px;border-radius:25px;gap:18px}.ll-sync-copy h2{font-size:2.1rem}.ll-sync-visual{min-height:270px;grid-template-columns:1fr 1fr;gap:7px}.ll-app-stack>span{padding:9px;font-size:.62rem;transform:none!important}.ll-app-stack img{width:23px;height:23px}.ll-sync-progress{padding:14px}.ll-sync-progress strong{font-size:2rem}.ll-showcase-section{padding-top:72px}.ll-deck-fan{height:180px}.ll-deck-fan span{width:95px;height:142px;transform:translateX(calc((var(--i) - 2)*30px)) rotate(calc((var(--i) - 2)*6deg))}.ll-experience-grid article{padding:20px}.ll-faq-grid summary{font-size:.82rem;padding:15px}.ll-faq-grid p{padding:0 15px 15px}}