/* ====================================================
   Universidad.io — Home Trading Logico (1:1 clone)
   Loaded AFTER home.css.  Prefix: .tl-
   ==================================================== */

/* ── FONT ───────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
:root{--font-sans:'Inter',system-ui,sans-serif;--font-display:'Inter',system-ui,sans-serif}

/* ── SHARED ANIMATIONS ──────────────────────────── */
@keyframes tl-shine{0%{background-position:140% 0}100%{background-position:-40% 0}}
@keyframes tl-chevron{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}

/* ── SHARED: metallic shine text ────────────────── */
.tl-shine{
  font-weight:700;
  background:linear-gradient(100deg,#5e84d6 0%,#a9c4ff 30%,#fff 50%,#a9c4ff 70%,#5e84d6 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 6px rgba(47,109,255,.35));animation:tl-shine 4.5s linear infinite}
.tl-shine-silver{
  font-weight:600;
  background:linear-gradient(100deg,#9aa0ac 0%,#e8ebf0 28%,#fff 50%,#e8ebf0 72%,#9aa0ac 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.25));animation:tl-shine 4.5s linear infinite}

/* ── SHARED: inline blue highlight ──────────────── */
.tl-mark{
  background:linear-gradient(180deg,rgba(47,109,255,0) 10%,rgba(47,109,255,.28) 10%,rgba(47,109,255,.28) 90%,rgba(47,109,255,0) 90%);
  padding:0 .15em;border-radius:4px}

/* ── SHARED: CTA (metallic premium) ─────────────── */
.tl-cta{
  display:flex;align-items:center;justify-content:center;
  width:100%;max-width:880px;margin:22px auto 0;padding:16px 28px;
  font-family:'Inter',sans-serif;font-weight:700;font-size:17px;line-height:1.2;
  letter-spacing:.01em;text-align:center;text-decoration:none;
  color:#2a1c00;text-shadow:0 1px 0 rgba(255,255,255,.3);
  position:relative;overflow:hidden;cursor:pointer;
  border:1px solid rgba(255,240,180,.8);border-radius:14px;
  background:linear-gradient(180deg,#FFE27A 0%,#F5C542 45%,#E0A925 100%);
  box-shadow:inset 0 1px 0 rgba(255,245,200,.9),inset 0 -2px 4px rgba(180,130,20,.3),0 2px 4px rgba(0,0,0,.35),0 10px 26px rgba(0,0,0,.5);
  transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,filter .28s ease}
/* glass reflection (::before = top highlight, ::after removed) */
.tl-cta::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 60%,rgba(255,255,255,0) 100%);
  border-radius:inherit;pointer-events:none;z-index:1;
  transition:opacity .3s ease}
.tl-cta::after{content:none}
.tl-cta:hover{
  transform:translateY(-3px);filter:brightness(1.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 4px rgba(180,130,20,.3),0 6px 10px rgba(0,0,0,.4),0 18px 40px rgba(0,0,0,.55),0 0 22px rgba(224,169,37,.5),0 0 46px rgba(224,169,37,.3)}
@media(prefers-reduced-motion:no-preference){
  .tl-cta:hover::before{opacity:.65}
}
@media(max-width:600px){.tl-cta{padding:13px 18px;font-size:15px;border-radius:12px}}

/* ── SHARED: disclaimer ─────────────────────────── */
.tl-disclaimer{text-align:center;margin-top:30px;font-size:11px;line-height:1.5;color:#6B7488;max-width:780px;margin-left:auto;margin-right:auto}

/* ── SHARED: section divider ────────────────────── */
.tl-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(206,216,236,.22),transparent);margin:0 auto;max-width:var(--container-max)}

/* ── SHARED: proofhead ──────────────────────────── */
.tl-proofhead{text-align:center;margin:56px 0 24px}
.tl-proofhead h3{font-size:clamp(1.125rem,1rem + 1vw,1.5rem);font-weight:700}

/* ═══════════════════════════════════════════════════
   S1 · HERO
   ═══════════════════════════════════════════════════ */
.tl-hero{position:relative;font-family:'Inter',sans-serif;color:#fff;padding:16px 24px 36px;overflow:hidden;text-align:center}
.tl-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(47,109,255,.08) 0%,transparent 60%);pointer-events:none}
.tl-hero .container{position:relative;z-index:1;max-width:980px;margin:0 auto}

/* pre-headline badge */
.tl-pre{display:inline-flex;align-items:center;gap:11px;padding:6px 16px 6px 7px;margin-bottom:16px;border-radius:999px;font-size:clamp(10px,1vw,12px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#C7D2E8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.35)}
.tl-pre-tag{font-weight:700;letter-spacing:.1em;padding:4px 11px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#2f6dff,#6f9bff);box-shadow:0 0 14px rgba(47,109,255,.5)}

/* headline */
.tl-head{font-family:'Inter',sans-serif;font-weight:400;font-size:clamp(25px,4.2vw,48px);line-height:1.2;letter-spacing:-.01em;color:#EDEFF5;margin-bottom:14px}
.tl-head b{font-weight:700;color:#fff}

/* "90 Días" capsule */
.tl-cap{display:inline-block;position:relative;font-weight:700;color:#fff;padding:.05em .42em .12em;margin:0 .04em;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 18px rgba(0,0,0,.35),0 0 16px rgba(47,109,255,.22);text-shadow:0 1px 6px rgba(47,109,255,.4)}

/* hand-drawn underline */
.tl-hand{display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='12' viewBox='0 0 200 12'%3E%3Cpath d='M3,7 C40,3 70,10 100,6 C130,2 165,9 197,5' fill='none' stroke='%236f9bff' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 100%;background-size:100% 9px;padding-bottom:7px}
@media(min-width:601px){.tl-hand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='200' height='12' viewBox='0 0 200 12'%3E%3Cpath d='M3,7 C40,3 70,10 100,6 C130,2 165,9 197,5' fill='none' stroke='%236f9bff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 11px;padding-bottom:9px}}

/* social proof */
.tl-social{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 14px;margin:18px 0 16px;background:transparent;border:none;padding:0}
.tl-social-avs{display:flex;align-items:center;flex-shrink:0}
.tl-social-avs span{display:block;width:34px;height:34px;border-radius:50%;background-size:cover;background-position:center;border:2px solid #0d1224;margin-left:-11px}
.tl-social-avs span:first-child{margin-left:0}
.tl-social-txt{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;justify-content:center}
.tl-social-stars{color:#FFC861;font-size:16px;letter-spacing:2px;line-height:1;flex-shrink:0}
.tl-social-lbl{font-size:13px;color:#C7D2E8;overflow-wrap:break-word}
.tl-social-lbl b{color:#fff}

/* sub-headline */
.tl-sub{font-size:clamp(14px,1.2vw,17px);color:#C7D2E8;max-width:860px;margin:0 auto 24px;line-height:1.7}

/* (video placeholder removed — hero has no VSL) */

/* ═══════════════════════════════════════════════════
   S2 · CASES (video testimonials — 2-col wide)
   ═══════════════════════════════════════════════════ */
.tl-cs{padding:clamp(3rem,6vw,5rem) 0}
.tl-cs-title{text-align:center;font-size:clamp(1.375rem,1.1rem + 1.5vw,2rem);font-weight:800;margin-bottom:16px}
.tl-cs-intro{text-align:center;color:#D4DAE6;max-width:760px;margin:0 auto 40px;font-size:15px;line-height:1.7}
.tl-cs-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}

/* individual case card */
.tl-cs-case{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;transition:border-color .2s}
.tl-cs-case:hover{border-color:rgba(111,155,255,.2)}
.tl-cs-top{padding:20px 22px 16px}
.tl-cs-name{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:10px;padding-left:18px;position:relative}
.tl-cs-name::before{content:'';position:absolute;left:0;top:4px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#2f6dff,#6f9bff)}
.tl-cs-insight{font-size:14px;color:#D4DAE6;line-height:1.6}
.tl-cs-insight q{color:#9CB4FF;font-weight:600;font-style:normal;quotes:'«' '»'}
.tl-cs-vid{position:relative;padding-top:56.25%;overflow:hidden}
.tl-cs-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* flipped variant (S2b: video first, text below) */
.tl-cs-case--flip{display:flex;flex-direction:column}
.tl-cs-case--flip .tl-cs-vid{order:-1}
.tl-cs-case--flip .tl-cs-top{order:1}

/* ═══════════════════════════════════════════════════
   CAROUSEL (transform-based coverflow, unified)
   ═══════════════════════════════════════════════════ */
.tl-carousel{position:relative;max-width:1040px;margin:0 auto}
.tl-track{display:flex;gap:26px;overflow:visible;padding:10px 0;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.tl-slide{flex:0 0 284px;border-radius:18px;overflow:hidden;background:#05070f;border:1px solid rgba(255,255,255,.08);transform:scale(.82);opacity:.75;filter:none;transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .55s cubic-bezier(.22,.61,.36,1),box-shadow .55s cubic-bezier(.22,.61,.36,1)}
.tl-slide.is-active{transform:scale(1.08);opacity:1;z-index:2;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 40px rgba(120,170,255,.3),0 0 0 1px rgba(120,170,255,.15)}
.tl-slide img{width:100%;height:auto;max-height:600px;object-fit:contain;display:block}

.tl-carousel-ctrls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px}
.tl-carousel-nav{width:52px;height:52px;border-radius:50%;flex:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(111,155,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,transform .2s,border-color .2s}
.tl-carousel-nav:hover{background:rgba(47,109,255,.25);border-color:rgba(111,155,255,.6);transform:translateY(-2px)}
.tl-carousel-nav svg{width:22px;height:22px;fill:#cfd9ee}
.tl-carousel-label{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;min-width:180px;text-align:center;background:linear-gradient(100deg,#a9c4ff,#fff 50%,#a9c4ff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:tl-shine 5s linear infinite}

@media(prefers-reduced-motion:reduce){.tl-track{transition:none}.tl-slide{transition:none}}
@media(max-width:600px){
  .tl-track{gap:14px}
  .tl-slide{flex:0 0 280px}
  .tl-carousel-ctrls{gap:12px;flex-wrap:nowrap}
  .tl-carousel-nav{width:40px;height:40px}
  .tl-carousel-label{min-width:0;font-size:12px;letter-spacing:.03em;line-height:1.2;max-width:150px}
}

/* ═══════════════════════════════════════════════════
   S3 · PAIN / WHAT IS TRADING LOGICO (image cards)
   ═══════════════════════════════════════════════════ */
.tl-s3{padding:clamp(3rem,6vw,5rem) 0}
.tl-s3-title{text-align:center;font-size:clamp(1.375rem,1.1rem + 1.5vw,2rem);font-weight:800;max-width:880px;margin:0 auto 16px;line-height:1.3}
.tl-s3-sub{text-align:center;color:#C7D2E8;font-size:15px;margin:0 auto 32px;max-width:700px;line-height:1.6}

/* animated chevrons */
.tl-s3-arrows{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:32px}
.tl-s3-chevron{display:block;width:24px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M2 2l10 10L22 2' stroke='%236f9bff' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;animation:tl-chevron 1.8s ease-in-out infinite}
.tl-s3-chevron:nth-child(2){animation-delay:.15s}
.tl-s3-chevron:nth-child(3){animation-delay:.3s}

/* 3-col image cards */
.tl-s3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
.tl-s3-card{border-radius:18px;overflow:hidden;background:#0a0e1c;border:1px solid rgba(255,255,255,.06);transition:transform .3s,border-color .3s}
.tl-s3-card:hover{transform:translateY(-6px);border-color:rgba(111,155,255,.25)}
.tl-s3-card img{width:100%;height:auto;display:block}

@media(max-width:880px){.tl-s3-cards{grid-template-columns:1fr;max-width:420px;margin:0 auto;gap:24px}}

/* ═══════════════════════════════════════════════════
   S4 · FEATURES / PROGRAM (masonry)
   ═══════════════════════════════════════════════════ */
.tl-s4{padding:clamp(3rem,6vw,5rem) 0}
.tl-s4-title{text-align:center;font-size:clamp(1.375rem,1.1rem + 1.5vw,2rem);font-weight:800;max-width:880px;margin:0 auto 16px;line-height:1.3}
.tl-s4-intro{text-align:center;color:#C7D2E8;font-size:15px;max-width:800px;margin:0 auto 16px;line-height:1.7}
.tl-s4-intro:last-of-type{margin-bottom:48px}

/* grid layout: 3 big cards in row 1, 3 stacked .tl-col in row 2 */
.tl-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.tl-col{display:flex;flex-direction:column;gap:20px}

/* box */
.tl-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;transition:border-color .2s,transform .2s;position:relative}
.tl-box:hover{border-color:rgba(111,155,255,.18);transform:translateY(-2px)}
.tl-box h3{font-size:16px;font-weight:700;color:#fff;padding:20px 20px 12px;margin:0;position:relative;padding-left:36px}
.tl-box h3::before{content:'';position:absolute;left:20px;top:26px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#2f6dff,#6f9bff)}

/* bonus seal — en flujo (badge sobre el titulo): el absolute top-right
   tapaba la primera linea del h3 en cards estrechas (fix s-ux-nav-2) */
.tl-box-seal{display:inline-block;margin:18px 0 0 20px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#1a1200;background:linear-gradient(135deg,#ffb347,#ff8f00);box-shadow:0 2px 10px rgba(255,143,0,.4)}
.tl-box-seal+h3{padding-top:10px}

/* media */
.tl-box-media{overflow:hidden}
.tl-box-media img{width:100%;height:auto;display:block}

/* body */
.tl-box-body{padding:12px 20px 20px}
.tl-box-body p{font-size:14px;color:#C7D2E8;line-height:1.6;margin:0}
.tl-box-lines{list-style:none;padding:0;margin:0}
.tl-box-lines li{position:relative;padding-left:18px;font-size:14px;color:#C7D2E8;line-height:1.6;margin-bottom:6px}
.tl-box-lines li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#6f9bff}

/* concept box (no image) */
.tl-box--concept{background:rgba(255,255,255,.02)}
.tl-box-ico{display:flex;align-items:center;justify-content:center;padding:16px 20px 0}
.tl-box-ico svg{width:44px;height:44px}

/* 3L chart */
.tl-box-3l{padding:16px 20px 0}
.tl-3l-chart{width:100%;height:auto;max-height:140px}
.tl-3l-pills{display:flex;gap:8px;justify-content:center;margin-top:12px}
.tl-3l-pill{padding:4px 14px;border-radius:999px;font-size:12px;font-weight:600}
.tl-3l-buy{background:rgba(61,220,132,.15);color:#3DDC84}
.tl-3l-sell{background:rgba(255,82,82,.15);color:#FF5252}
.tl-3l-wait{background:rgba(96,125,139,.15);color:#90A4AE}

/* crypto carousel */
.tl-box-crypto{position:relative;overflow:hidden}
/* altura constante (ratio de la slide mas alta 800x574): las 3 slides tienen
   ratios distintos y la rotacion cada 4s hacia saltar todo el layout inferior */
.tl-crypto-slides{position:relative;aspect-ratio:800/574;background:#05070f}
.tl-crypto-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none}
.tl-crypto-slide.on{display:block}
.tl-crypto-dots{display:flex;gap:6px;justify-content:center;padding:10px 0}
.tl-crypto-dots i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .2s}
.tl-crypto-dots i.on{width:20px;border-radius:4px;background:linear-gradient(135deg,#2f6dff,#6f9bff)}

/* closing text */
.tl-s4-close{text-align:center;max-width:780px;margin:48px auto 0;color:#C7D2E8;font-size:15px;line-height:1.7}
.tl-s4-close strong{color:#fff}
.tl-s4-gate{margin-top:24px;padding:24px 28px;border-radius:16px;background:rgba(47,109,255,.06);border:1px solid rgba(47,109,255,.15);text-align:left}

/* <=900: aplanar las columnas (display:contents) y ordenar por tamano —
   grandes con imagen (0) -> paneles crypto/3L (2) -> concept pequenas (3).
   Antes las .tl-col enteras entraban como celdas del grid y quedaban filas
   con una card de 968px junto a una columna de 1463px (fix s-ux-nav-2) */
@media(max-width:900px){
  .tl-masonry{grid-template-columns:repeat(2,1fr)}
  .tl-col{display:contents}
  .tl-box--panel{order:2}
  .tl-box--concept{order:3}
}
@media(max-width:560px){.tl-masonry{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════
   S2c · RETIROS (withdrawal proof)
   ═══════════════════════════════════════════════════ */
.tl-ret{padding:clamp(3rem,6vw,5rem) 0}
.tl-ret-title{text-align:center;font-size:clamp(1.375rem,1.1rem + 1.5vw,2rem);font-weight:800;margin-bottom:12px}
.tl-ret-sub{text-align:center;color:#C7D2E8;font-size:15px;max-width:700px;margin:0 auto 40px;line-height:1.7}
.tl-ret-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}
.tl-ret-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;transition:border-color .2s}
.tl-ret-card:hover{border-color:rgba(111,155,255,.2)}
.tl-ret-shot img{width:100%;height:auto;display:block}
.tl-ret-cap{padding:16px 20px 20px}
.tl-ret-amt{font-size:clamp(20px,2.4vw,28px);font-weight:800;color:#3DDC84;margin-bottom:6px;font-variant-numeric:tabular-nums}
.tl-ret-desc{font-size:14px;color:#C7D2E8;line-height:1.5}
.tl-ret-desc strong{color:#fff}
@media(max-width:600px){.tl-ret-pair{grid-template-columns:1fr;max-width:400px}}

/* ═══════════════════════════════════════════════════
   S2d · SECOND CAROUSEL SECTION
   ═══════════════════════════════════════════════════ */
.tl-car2{padding:clamp(3rem,6vw,5rem) 0}

/* ═══════════════════════════════════════════════════
   FAQ OVERRIDES
   ═══════════════════════════════════════════════════ */
.home-faq{padding-block:clamp(3rem,6vw,5rem)}
.home-faq .home-faq-inner{gap:2rem}
@media(min-width:768px){.home-faq .home-faq-inner{gap:3rem}}
.tl-faq-intro{font-size:15px;color:var(--color-text-muted);line-height:1.7;margin-bottom:32px}

/* ═══════════════════════════════════════════════════
   REDESIGNED PRICING (.rp-*)
   ═══════════════════════════════════════════════════ */
.rp-section{position:relative;padding:110px 0 120px;color:#fff;overflow:hidden}
.rp-container{max-width:1180px;margin:0 auto;padding:0 24px}
.rp-head{text-align:center;max-width:760px;margin:0 auto 40px}
.rp-eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;font-weight:700;color:#f5c542;text-transform:uppercase;margin-bottom:18px}
.rp-title{font-size:clamp(34px,5vw,58px);line-height:1.04;font-weight:800;margin:0 0 18px;letter-spacing:-.01em}
.rp-title b{background:linear-gradient(90deg,#ffe27a,#f5c542,#e0a925);-webkit-background-clip:text;background-clip:text;color:transparent}
.rp-sub{font-size:17px;line-height:1.6;color:#a9adbd;margin:0 auto;max-width:620px}
.rp-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:960px;margin:0 auto;align-items:stretch}
.rp-card{position:relative;background:linear-gradient(180deg,rgba(18,19,32,.75),rgba(8,8,18,.55));border:1px solid #1d202f;border-radius:22px;padding:40px 34px 36px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.rp-card:hover{transform:translateY(-6px);border-color:#33384d}
.rp-card--best{border-color:rgba(245,197,66,.55);box-shadow:0 0 0 1px rgba(245,197,66,.25),0 30px 70px -30px rgba(245,197,66,.35);background:linear-gradient(180deg,rgba(34,28,10,.55),rgba(10,9,16,.6))}
.rp-card--best:hover{border-color:rgba(245,197,66,.8)}
.rp-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#ffe27a,#f5c542,#e0a925);color:#2a1c00;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:7px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 24px -8px rgba(245,197,66,.7)}
.rp-plan{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f5c542;margin:6px 0}
.rp-name{font-size:24px;font-weight:800;margin:0 0 12px;letter-spacing:-.01em}
.rp-desc{font-size:15px;line-height:1.6;color:#9ea3b4;margin:0 0 26px;min-height:66px}
.rp-price{display:flex;align-items:flex-end;gap:6px;margin-bottom:6px;flex-wrap:wrap}
.rp-strike{font-size:20px;color:#6b6f80;text-decoration:line-through;margin-right:4px;align-self:center}
.rp-amount{font-size:60px;font-weight:800;line-height:1;letter-spacing:-.02em}
.rp-euro{font-size:26px;font-weight:700;color:#f5c542;align-self:flex-start;margin-top:6px}
.rp-period{font-size:16px;color:#9ea3b4;align-self:flex-end;margin-bottom:6px}
.rp-save{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#7ee0a8;background:rgba(126,224,168,.1);border:1px solid rgba(126,224,168,.25);padding:5px 12px;border-radius:999px;margin-bottom:26px}
.rp-note{font-size:13px;color:#7a7f90;margin:0 0 26px}
.rp-cta{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;font-size:15px;padding:17px 24px;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease;margin-bottom:8px}
.rp-cta--primary{background:linear-gradient(180deg,#ffe27a,#f5c542 45%,#e0a925);color:#2a1c00;box-shadow:0 14px 30px -12px rgba(245,197,66,.65)}
.rp-cta--primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(245,197,66,.85)}
.rp-cta--ghost{background:rgba(255,255,255,.04);color:#fff;border:1px solid #2a2e40}
.rp-cta--ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.rp-cta:focus-visible{outline:2px solid #f5c542;outline-offset:3px}
.rp-arrow{transition:transform .18s ease}
.rp-cta:hover .rp-arrow{transform:translateX(4px)}
.rp-guarantee{text-align:center;font-size:12.5px;color:#8a8f9f}
.rp-checks-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a8f9f;margin:26px 0 16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
.rp-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.rp-checks li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.45;color:#c9cdda}
.rp-checks li svg{flex:0 0 auto;margin-top:2px}
.rp-checks li.rp-hot{color:#fff;font-weight:600}
@media(max-width:860px){.rp-cards{grid-template-columns:1fr;max-width:460px}.rp-desc{min-height:0}.rp-section{padding:70px 0 80px}}

/* ═══════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════ */
.tl-footer{padding:48px 0 32px;text-align:center}
.tl-footer-logo{display:block;margin:0 auto 20px;height:auto;opacity:.7}
.tl-footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.tl-footer-links a{color:#6B7488;font-size:13px;text-decoration:none;transition:color .2s}
.tl-footer-links a:hover{color:#C7D2E8}
.tl-footer-risk{font-size:12px;color:#6B7488;max-width:780px;margin:0 auto 20px;line-height:1.6}
.tl-footer-risk b{color:#8a91a4}
.tl-footer-copy{font-size:12px;color:#4a5060}

/* ═══════════════════════════════════════════════════
   RESPONSIVE: CASES
   ═══════════════════════════════════════════════════ */
@media(max-width:768px){
  .tl-cs-cases{grid-template-columns:1fr;gap:18px}
}

/* ═══════════════════════════════════════════════════
   FASE 2C · MOBILE CONTAINMENT (390px target)
   Root fix: clip at #main, not html/body.
   ═══════════════════════════════════════════════════ */

/* ── ROOT CONTAINMENT ────────────────────────────── */
/* #main clips all children — prevents any section from
   widening the body scrollWidth beyond the viewport.
   overflow-x:clip (not hidden) avoids creating a scroll
   container that would break sticky/fixed positioning. */
#main{overflow-x:clip}

/* Carousels: the .tl-track has overflow-x:auto for
   horizontal scroll, but without overflow on the wrapper
   the track's intrinsic width leaks to the page. */
.tl-carousel{overflow:hidden}

/* ── A: NAV mobile — migrado a home.css @media(max-width:768px) sin !important (UX-NAV) ── */

/* ── EYEBROWS DE ZONA (UX-NAV: explicacion de cada seccion, clon del patron .rp-eyebrow) ── */
.tl-eyebrow{display:block;text-align:center;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f5c542;margin:0 0 14px}
@media(max-width:480px){
  .tl-eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:10px}
}

/* ── B: HERO — tighter padding + badge wrap ─────── */
@media(max-width:600px){
  .tl-hero{padding-left:16px !important;padding-right:16px !important}
  .tl-pre{flex-wrap:wrap;justify-content:center;text-align:center;max-width:100%;padding:6px 12px 6px 6px;font-size:10px;gap:6px}
  .tl-head{font-size:22px}
  .tl-sub{font-size:13px}
  .tl-social{gap:10px;justify-content:center}
  .tl-social-txt{justify-content:center;text-align:center}
}

/* (old .home-pricing mobile overrides removed — replaced by .rp-* responsive in the block above) */