/*
Theme Name: LaLiga IPTV
Theme URI: https://laligaiptv.click
Author: LaLiga IPTV
Description: LaLiga IPTV — Fútbol y Fórmula 1 en directo. El IPTV de los campeones.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: laliga-iptv
*/

/* ─── RESET & TOKENS ───────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:        #050508;
  --bg2:       #080810;
  --bg3:       #0d0d14;
  --card:      #0e0e12;
  --card2:     #141418;
  --border:    rgba(255,255,255,.05);
  --border2:   rgba(255,255,255,.10);
  --pri:       #e8002d;
  --pri-dim:   rgba(232,0,45,.12);
  --pri-dk:    #a8001f;
  --pri-lt:    #ff2d55;
  --red:       #e8002d;
  --red-dim:   rgba(232,0,45,.12);
  --red-dk:    #a8001f;
  --blue:      #3b82f6;
  --blue-dim:  rgba(59,130,246,.12);
  --blue-dk:   #1d4ed8;
  --gold:      #ffd700;
  --gold-dim:  rgba(255,215,0,.10);
  --silver:    #c8c8d0;
  --white:     #f5f5f5;
  --muted:     #3a3a48;
  --muted2:    #7a7a96;
  --text:      #b8b8c8;
  --radius:    2px;
  --radius-sm: 2px;
  --trans:     .18s cubic-bezier(.4,0,.2,1);
}
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700;800;900&display=swap');

html{scroll-behavior:smooth;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg);color:var(--text);
  line-height:1.65;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;}

/* ─── TYPOGRAPHY ───────────────────────────────── */
h1,h2,h3,h4{
  color:var(--white);font-weight:900;line-height:1.06;letter-spacing:-.02em;
  font-family:'Barlow Condensed','Inter',sans-serif;
  text-transform:uppercase;
}
h1{font-size:clamp(2.8rem,6.5vw,5.6rem);}
h2{font-size:clamp(2rem,4.2vw,3.6rem);}
h3{font-size:1.1rem;font-weight:700;font-family:'Inter',sans-serif;text-transform:none;}
p{max-width:58ch;}
em{font-style:normal;color:var(--pri);}
mark{background:transparent;color:var(--gold);font-style:normal;}

/* Speed-line decorative rule */
.speed-line{
  display:block;width:56px;height:3px;
  background:linear-gradient(90deg,var(--pri),transparent);
  margin:12px 0 20px;
}

/* ─── LAYOUT ───────────────────────────────────── */
.container{max-width:1180px;margin:0 auto;padding:0 28px;}
.container-wide{max-width:1400px;margin:0 auto;padding:0 28px;}
.section{padding:96px 0;}
@media(max-width:768px){.section{padding:60px 0;}}
.sec-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.66rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
  font-family:'Barlow Condensed',sans-serif;
  color:var(--pri);background:var(--pri-dim);
  border:1px solid rgba(232,0,45,.28);border-left:3px solid var(--pri);
  padding:5px 14px;border-radius:0;margin-bottom:16px;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,0 100%);
}
.sec-header{margin-bottom:56px;}
.sec-header p{color:var(--muted2);margin-top:14px;font-size:1rem;}
.sec-center{text-align:center;}
.sec-center p{margin:14px auto 0;}

/* ─── NAV ──────────────────────────────────────── */
/* Announcement bar — racing ticker */
.nav-announce{
  position:fixed;top:0;left:0;right:0;z-index:901;
  background:#0a0a0e;
  border-bottom:2px solid var(--pri);
  padding:0;height:28px;
  overflow:hidden;
  display:flex;align-items:center;
}
.nav-announce-inner{
  display:flex;width:max-content;
  animation:announce-race 24s linear infinite;
  font-size:.6rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--silver);white-space:nowrap;font-family:'Barlow Condensed',sans-serif;
}
.nav-announce-sep{color:var(--pri);margin:0 20px;font-size:.9rem;}
@keyframes announce-race{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.site-nav{
  position:fixed;top:28px;left:0;right:0;z-index:900;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 36px;height:60px;
  background:rgba(5,5,8,.97);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:2px solid var(--pri);
  box-shadow:0 0 30px rgba(232,0,45,.15);
}
.nav-logo{
  display:flex;align-items:center;
}
.nav-logo-img{
  height:38px;width:auto;
  display:block;
  object-fit:contain;
}
@media(max-width:480px){
  .nav-logo-img{height:30px;}
}
.nav-links{display:flex;align-items:center;gap:24px;}
.nav-links a{
  font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted2);transition:color var(--trans);
}
.nav-links a:hover{color:var(--white);}
.nav-cta{
  background:var(--pri);color:#fff!important;
  padding:8px 22px;border-radius:0;
  font-size:.72rem!important;font-weight:800!important;
  font-family:'Barlow Condensed',sans-serif;letter-spacing:.12em;
  transition:all var(--trans)!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  box-shadow:0 4px 20px rgba(232,0,45,.4);
}
.nav-cta:hover{background:var(--pri-lt);box-shadow:0 6px 28px rgba(232,0,45,.65);transform:translateY(-1px)!important;}

/* Pricing nav link — destacado */
.nav-pricing{
  position:relative;
  color:var(--gold)!important;
  font-size:.82rem!important;
  font-weight:900!important;
  font-family:'Barlow Condensed',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:7px 16px;
  border:1px solid var(--gold);
  border-radius:0;
  transition:background var(--trans),box-shadow var(--trans),transform var(--trans),color var(--trans)!important;
}
.nav-pricing:hover{
  background:var(--gold);
  color:#050508!important;
  box-shadow:0 0 20px rgba(255,215,0,.4);
  transform:translateY(-2px)!important;
}
.nav-pricing-badge{
  position:absolute;
  top:-9px;right:-6px;
  background:var(--pri);color:#fff;
  font-size:.5rem;font-weight:900;letter-spacing:.12em;
  padding:2px 6px;border-radius:0;
  line-height:1.4;
  box-shadow:0 2px 8px rgba(232,0,45,.5);
  animation:badge-pulse 2s ease-in-out infinite;
}
@keyframes badge-pulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.12);}
}

/* Burger */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;padding:4px;}
.nav-burger span{display:block;height:2px;background:var(--white);border-radius:2px;transition:transform .25s,opacity .25s;}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Drawer */
.nav-drawer{
  position:fixed;top:64px;right:0;bottom:0;
  width:min(300px,88vw);background:var(--bg2);border-left:1px solid var(--border);
  z-index:899;padding:24px 20px;
  display:flex;flex-direction:column;gap:6px;
  transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;
}
.nav-drawer.open{transform:translateX(0);}
.nav-drawer-link{display:block;padding:13px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;color:var(--muted2);transition:background var(--trans),color var(--trans);}
.nav-drawer-link:hover{background:var(--card);color:var(--white);}

/* Pricing en el drawer */
.nav-drawer-pricing{
  display:flex;align-items:center;justify-content:space-between;
  color:var(--gold)!important;
  font-size:1rem!important;font-weight:900!important;
  border:1px solid rgba(234,179,8,.35);
  background:rgba(234,179,8,.07);
  margin:2px 0;
}
.nav-drawer-pricing:hover{
  background:rgba(234,179,8,.16)!important;
  color:var(--gold)!important;
}
.nav-drawer-pricing-badge{
  background:var(--pri);color:#fff;
  font-size:.55rem;font-weight:900;letter-spacing:.1em;
  padding:2px 8px;border-radius:20px;
  animation:badge-pulse 2s ease-in-out infinite;
}

.nav-drawer-cta{display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:var(--radius-sm);background:#25D366;color:#fff;font-size:.88rem;font-weight:700;margin-top:10px;}
.nav-drawer-tg{display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:var(--radius-sm);background:#2aabee;color:#fff;font-size:.88rem;font-weight:700;}
.nav-backdrop{position:fixed;inset:0;background:rgba(7,11,20,.75);z-index:898;opacity:0;pointer-events:none;transition:opacity .25s;}
.nav-backdrop.open{opacity:1;pointer-events:all;}
@media(max-width:860px){.nav-links{display:none;}.nav-burger{display:flex;}.site-nav{padding:0 20px;}}

/* ─── BUTTONS ──────────────────────────────────── */
.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--pri);color:#fff;
  font-weight:800;font-size:.88rem;font-family:'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  padding:14px 32px;border-radius:0;border:none;
  transition:all var(--trans);white-space:nowrap;cursor:pointer;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  box-shadow:0 8px 28px rgba(232,0,45,.4);
  position:relative;overflow:hidden;
}
.btn-primary::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);
  transform:translateX(-100%);transition:transform .5s;
}
.btn-primary:hover::after{transform:translateX(100%);}
.btn-primary:hover{background:var(--pri-lt);transform:translateY(-2px);box-shadow:0 16px 40px rgba(232,0,45,.55);}
.btn-gold{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--gold);color:#050508;
  font-weight:800;font-size:.88rem;font-family:'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  padding:14px 32px;border-radius:0;border:none;
  transition:all var(--trans);white-space:nowrap;cursor:pointer;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.btn-gold:hover{background:#ffe44d;transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,215,0,.35);}
.btn-outline{
  display:inline-flex;align-items:center;gap:10px;
  background:transparent;color:var(--white);
  font-weight:700;font-size:.88rem;font-family:'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  padding:13px 28px;border-radius:0;
  border:1.5px solid var(--border2);
  transition:all var(--trans);white-space:nowrap;
}
.btn-outline:hover{border-color:var(--pri);color:var(--pri);}

/* ─── HERO ─────────────────────────────────────── */
.hero-section{
  position:relative;overflow:hidden;
  background-color:var(--bg);
  background-image:url('HERO.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hero-section::before{
  content:'';
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 50%,rgba(232,0,45,.12) 0%,transparent 65%),
    radial-gradient(ellipse 50% 40% at 80% 30%,rgba(255,215,0,.04) 0%,transparent 60%),
    linear-gradient(180deg,rgba(5,5,8,.72) 0%,rgba(5,5,8,.87) 60%,rgba(5,5,8,.98) 100%);
}
/* Racing diagonal stripe on hero */
.hero-section::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(
    -55deg,
    transparent,
    transparent 120px,
    rgba(232,0,45,.018) 120px,
    rgba(232,0,45,.018) 122px
  );
}
.hero{
  min-height:100vh;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;
  gap:0;
  padding:120px 0 80px;
  position:relative;z-index:1;
}
.hero-left{max-width:780px;width:100%;}
.hero-left .hero-actions{justify-content:center;}
.hero-left .hero-numbers{justify-content:center;}
.hero-left p{margin-left:auto;margin-right:auto;}

/* Channel grid */
.hero-right{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.hero-ch{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-radius:var(--radius-sm);
  padding:10px 10px 12px;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  transition:border-color var(--trans),transform var(--trans),background var(--trans);
}
.hero-ch:hover{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.11);
  transform:translateY(-3px);
}
.hero-ch-icon{
  width:100%;aspect-ratio:1;height:auto;
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(1rem,2.2vw,1.8rem);font-weight:900;
  letter-spacing:.03em;text-align:center;line-height:1.1;
  color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);
}
.hero-ch-name{font-size:.62rem;font-weight:700;color:rgba(255,255,255,.7);text-align:center;}
.hero-ch-live{
  font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold);background:var(--gold-dim);
  padding:2px 8px;border-radius:20px;
}
.hero-ch.featured{
  border-color:rgba(232,0,45,.55);
  background:rgba(232,0,45,.1);
  box-shadow:0 0 14px rgba(232,0,45,.2);
}

/* Mobile */
@media(max-width:860px){
  .hero{grid-template-columns:1fr;gap:40px;padding:100px 0 60px;}
  .hero-right{grid-template-columns:repeat(4,1fr);gap:8px;}
}
@media(max-width:480px){
  .hero-right{display:none;}
}
.hero-left{position:relative;z-index:1;}
.hero-live{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold);background:var(--gold-dim);
  border:1px solid rgba(245,158,11,.25);
  padding:6px 14px;border-radius:40px;margin-bottom:28px;
}
.hero-live-dot{
  width:7px;height:7px;border-radius:50%;background:var(--gold);
  animation:pulse-gold 1.8s ease-out infinite;
}
@keyframes pulse-gold{0%{box-shadow:0 0 0 0 rgba(245,158,11,.6);}70%{box-shadow:0 0 0 8px rgba(245,158,11,0);}100%{box-shadow:0 0 0 0 rgba(245,158,11,0);}}
.hero h1{margin-bottom:20px;}
.hero h1 span{display:block;font-size:.22em;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted2);margin-bottom:10px;}
.hero-desc{font-size:1.05rem;color:var(--text);line-height:1.8;max-width:50ch;margin-bottom:36px;}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.hero-numbers{
  display:flex;gap:36px;margin-top:48px;padding-top:36px;
  border-top:1px solid var(--border);
  flex-wrap:wrap;
}
.hero-num-val{font-size:2rem;font-weight:900;color:var(--white);letter-spacing:-.04em;line-height:1;}
.hero-num-val em{color:var(--blue);font-size:.5em;}
.hero-num-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);margin-top:5px;}

/* Hero right — channel grid mockup */

/* ─── LIVE STRIP ───────────────────────────────── */
.live-strip{
  background:#0a0a0e;
  border-top:1px solid rgba(232,0,45,.3);
  border-bottom:1px solid rgba(232,0,45,.3);
  padding:10px 0;overflow:hidden;
  position:relative;
}
.live-strip::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
  background:var(--pri);
}
.live-strip-track{
  display:flex;width:max-content;
  animation:scroll-x 30s linear infinite;
}
@keyframes scroll-x{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.live-strip-item{
  padding:0 32px;
  font-size:.7rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;white-space:nowrap;
}
.live-strip-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);vertical-align:middle;margin:0 8px;}

/* ─── RESULTS BOARD ────────────────────────────── */
.results-section{background:var(--bg2);padding:80px 0;border-top:1px solid var(--border);}
.results-tabs{
  display:flex;gap:6px;
  background:var(--bg);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:5px;
  width:fit-content;margin-bottom:32px;
}
.results-tab{
  padding:9px 24px;border-radius:7px;
  font-size:.82rem;font-weight:700;border:none;
  background:none;color:var(--muted2);cursor:pointer;
  transition:all var(--trans);white-space:nowrap;
}
.results-tab.active{background:var(--pri);color:#fff;border-radius:0;}
.results-pane{display:none;}
.results-pane.active{display:block;}
.results-day{margin-bottom:28px;}
.results-day-label{
  font-size:.64rem;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:var(--muted);
  margin-bottom:10px;padding-bottom:8px;
  border-bottom:1px solid var(--border);
}
.results-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;
}
@media(max-width:860px){.results-grid{grid-template-columns:1fr;}}
.result-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:13px 16px;
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:12px;
  transition:border-color var(--trans);
}
.result-card:hover{border-color:var(--border2);}
.result-card.top-match{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.03);}
.result-team{
  font-size:.84rem;font-weight:700;color:var(--muted2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.result-team.winner{color:var(--white);}
.result-team.away{text-align:right;}
.result-score-box{
  background:var(--bg);border:1px solid var(--border);
  border-radius:8px;padding:6px 14px;
  font-size:.88rem;font-weight:900;color:var(--white);
  white-space:nowrap;letter-spacing:.05em;text-align:center;
  flex-shrink:0;
}
.result-score-box.top-score{border-color:rgba(245,158,11,.35);color:var(--gold);}
.results-legend{
  display:flex;align-items:center;gap:20px;
  margin-top:20px;flex-wrap:wrap;
}
.results-legend-item{
  display:flex;align-items:center;gap:7px;
  font-size:.74rem;color:var(--muted2);
}
.results-legend-dot{width:10px;height:10px;border-radius:50%;}

/* ─── MOVIES & SHOWS ───────────────────────────── */
.movies-section{
  padding:80px 0;
  background:var(--bg);
  position:relative;
  overflow:hidden;
}
.movies-section::before{
  content:'';position:absolute;
  inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(59,130,246,.06),transparent);
  pointer-events:none;
}
.movies-section > .container{position:relative;z-index:1;}
.movies-rows{margin-top:48px;}
.movies-track-wrap{
  overflow:hidden;
  margin:0 -28px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 80px),transparent);
  mask-image:linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 80px),transparent);
}
.movies-row{
  display:flex;
  width:max-content;
  gap:14px;
  padding:8px 28px;
  animation:posters-left 50s linear infinite;
}
.movies-row.reverse{
  animation:posters-right 55s linear infinite;
  margin-top:14px;
}
.movies-row:hover{animation-play-state:paused;}
@keyframes posters-left {from{transform:translateX(0);}   to{transform:translateX(-50%);}}
@keyframes posters-right{from{transform:translateX(-50%);} to{transform:translateX(0);}}

.poster-card{
  width:186px;
  height:278px;
  border-radius:14px;
  overflow:hidden;
  flex-shrink:0;
  position:relative;
  cursor:pointer;
  border:1px solid var(--border);
  background:var(--card);
  box-shadow:0 8px 24px rgba(0,0,0,.45);
  transition:transform .32s cubic-bezier(.4,0,.2,1),
             box-shadow .32s cubic-bezier(.4,0,.2,1),
             border-color .32s;
}
.poster-card:hover{
  transform:scale(1.07) translateY(-6px);
  box-shadow:0 24px 48px rgba(0,0,0,.7),0 0 0 1px rgba(232,0,45,.4);
  border-color:rgba(232,0,45,.4);
  z-index:10;
}
.poster-card img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
}
.poster-card:hover img{transform:scale(1.04);}
.poster-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(7,11,20,.92) 0%,rgba(7,11,20,.3) 45%,transparent 70%);
  opacity:0;transition:opacity .3s;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:10px;
}
.poster-card:hover .poster-overlay{opacity:1;}
.poster-play{
  width:54px;height:54px;border-radius:0;
  background:var(--pri);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 6px rgba(232,0,45,.2);
  flex-shrink:0;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
}
.poster-play svg{margin-left:3px;}
.poster-badge{
  position:absolute;top:10px;left:10px;
  background:var(--pri);color:#fff;
  font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 9px;border-radius:0;
}

/* ─── CATEGORIES ───────────────────────────────── */
.cat-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){.cat-grid{grid-template-columns:1fr 1fr;gap:12px;}}
.cat-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:28px 22px;
  transition:border-color var(--trans),transform var(--trans);
  cursor:default;
}
.cat-card:hover{border-color:var(--border2);transform:translateY(-4px);}
.cat-icon{
  width:52px;height:52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;
}
.cat-name{font-size:.95rem;font-weight:800;color:var(--white);margin-bottom:6px;}
.cat-desc{font-size:.82rem;color:var(--muted2);line-height:1.6;max-width:none;}
.cat-count{
  margin-top:14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--pri);
}

/* ─── CHANNELS BY COUNTRY ──────────────────────── */
.ctabs{
  display:flex;gap:6px;
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:5px;
  width:fit-content;margin-bottom:36px;
  flex-wrap:wrap;
}
.ctab{
  padding:10px 28px;border-radius:7px;
  font-size:.82rem;font-weight:700;border:none;
  background:none;color:var(--muted2);cursor:pointer;
  transition:all var(--trans);white-space:nowrap;
}
.ctab.active{background:var(--pri);color:#fff;border-radius:0;}
.cpane{display:none;}
.cpane.active{display:block;}
.country-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
@media(max-width:860px){.country-grid{grid-template-columns:1fr;}}
.country-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:26px 24px;
  transition:border-color var(--trans);
}
.country-card:hover{border-color:var(--border2);}
.country-card--full{grid-column:1/-1;}
.country-name{
  font-size:.98rem;font-weight:800;color:var(--white);
  margin-bottom:18px;padding-bottom:14px;
  border-bottom:1px solid var(--border);
}
.ch-group{margin-bottom:14px;}
.ch-group:last-child{margin-bottom:0;}
.ch-group-label{
  display:inline-block;
  font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 10px;border-radius:30px;margin-bottom:10px;
}
.ch-group-label.pay{
  background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);
  color:var(--blue);
}
.ch-group-label.free{
  background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22);
  color:#10b981;
}
.ch-pills{display:flex;flex-wrap:wrap;gap:6px;}
.ch-pills span{
  background:var(--bg3);border:1px solid var(--border);
  border-radius:6px;padding:4px 10px;
  font-size:.74rem;font-weight:600;color:var(--text);
  white-space:nowrap;
}

/* ─── FEATURES ─────────────────────────────────── */
.feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  margin-bottom:48px;
}
@media(max-width:900px){.feat-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.feat-grid{grid-template-columns:1fr;}}
.feat-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:28px 24px;
  display:flex;gap:18px;align-items:flex-start;
}
.feat-icon{
  width:44px;height:44px;border-radius:0;
  background:var(--pri-dim);border:1px solid rgba(232,0,45,.2);border-left:3px solid var(--pri);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;color:var(--pri);
}
.feat-body h3{font-size:.9rem;font-weight:800;color:var(--white);margin-bottom:6px;}
.feat-body p{font-size:.82rem;color:var(--muted2);line-height:1.65;max-width:none;}

/* Device chips */
.device-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;}
.device-chip{
  background:var(--card);border:1px solid var(--border);
  border-radius:40px;padding:6px 16px;
  font-size:.74rem;font-weight:600;color:var(--muted2);
}

/* ─── HOW IT WORKS ─────────────────────────────── */
.steps-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:32px;
  counter-reset:steps;
}
@media(max-width:768px){.steps-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto;}}
.step-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:32px 28px;
  position:relative;counter-increment:steps;
}
.step-num{
  font-size:3.5rem;font-weight:900;
  color:var(--border2);
  line-height:1;margin-bottom:20px;
  letter-spacing:-.05em;
}
.step-card h3{font-size:1rem;font-weight:800;color:var(--white);margin-bottom:8px;}
.step-card p{font-size:.85rem;color:var(--muted2);line-height:1.7;max-width:none;}

/* ─── PRICING ──────────────────────────────────── */
.pricing-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  align-items:start;
}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto;}}
.price-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:32px 28px;
  position:relative;
  transition:border-color var(--trans),transform var(--trans);
}
.price-card:hover{border-color:var(--border2);transform:translateY(-4px);}
.price-card.featured{
  background:linear-gradient(160deg,#1a0008,#0e0e12);
  border-color:rgba(232,0,45,.55);border-top:3px solid var(--pri);
  transform:scale(1.04);
  box-shadow:0 8px 40px rgba(232,0,45,.22),0 0 0 1px rgba(232,0,45,.15);
}
.price-card.featured:hover{transform:scale(1.04) translateY(-4px);}
@media(max-width:900px){.price-card.featured{transform:scale(1);}}
.price-badge{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--gold);color:#07080a;
  font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 16px;border-radius:40px;white-space:nowrap;
}
.price-period{
  font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted2);margin-bottom:16px;
}
.price-period.featured-label{color:var(--blue);}
.price-amount{display:flex;align-items:flex-start;gap:4px;margin-bottom:4px;}
.price-currency{font-size:1.4rem;font-weight:800;color:var(--white);padding-top:6px;}
.price-num{font-size:3.4rem;font-weight:900;color:var(--white);line-height:1;letter-spacing:-.04em;}
.price-cents{font-size:1.2rem;font-weight:800;color:var(--muted2);padding-top:6px;}
.price-sub{font-size:.74rem;color:var(--muted2);margin-bottom:8px;}
.price-save{
  display:inline-block;
  background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);
  color:var(--gold);
  font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:3px 12px;border-radius:30px;margin-bottom:20px;
}
.price-features{
  border-top:1px solid var(--border);padding-top:18px;margin-bottom:26px;
  display:flex;flex-direction:column;gap:10px;
}
.price-features li{
  display:flex;align-items:center;gap:10px;
  font-size:.84rem;color:var(--text);
}
.price-features li::before{
  content:'';flex-shrink:0;
  width:16px;height:16px;border-radius:0;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='%23e8002d' fill-opacity='.15'/%3E%3Cpath d='M5 8l2 2 4-4' stroke='%23e8002d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.price-btns{display:flex;flex-direction:column;gap:9px;margin-top:4px;}

/* ── PayPal (main CTA) — destacado ── */
.price-btn-pp-wrap{position:relative;margin-bottom:4px;}

.price-discount-chip{
  position:absolute;top:-11px;right:10px;z-index:2;
  background:var(--gold);color:#0a0c12;
  font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 10px;border-radius:20px;
  box-shadow:0 2px 8px rgba(234,179,8,.45);
  white-space:nowrap;
  animation:discount-pop .4s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes discount-pop{
  from{transform:scale(.5);opacity:0;}
  to{transform:scale(1);opacity:1;}
}

.price-btn{
  display:flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 18px;border-radius:var(--radius-sm);
  font-size:.84rem;font-weight:700;border:none;
  transition:all var(--trans);cursor:pointer;min-height:48px;
  width:100%;
}
.price-btn-pp{
  background:linear-gradient(135deg,#0057d4 0%,#0082ff 100%);
  color:#fff;
  min-height:56px;
  font-size:.9rem;
  letter-spacing:.01em;
  box-shadow:0 6px 20px rgba(0,87,212,.38);
  border-radius:var(--radius-sm);
}
.price-btn-pp:hover{
  background:linear-gradient(135deg,#004ab8 0%,#006fe0 100%);
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,87,212,.5);
}
.price-btn-pp:active{transform:translateY(0);}
.price-btn-wa{background:#25D366;color:#fff;}
.price-btn-wa:hover{background:#1db954;transform:translateY(-1px);}
.price-btn-tg{background:#2aabee;color:#fff;}
.price-btn-tg:hover{background:#1a96d4;transform:translateY(-1px);}
.price-btn svg{flex-shrink:0;}

/* Trust row */
.trust-row{
  display:flex;align-items:center;justify-content:center;
  gap:32px;flex-wrap:wrap;margin-top:40px;
}
.trust-item{
  display:flex;align-items:center;gap:7px;
  font-size:.78rem;font-weight:600;color:var(--muted2);
}

/* ─── TESTIMONIALS ─────────────────────────────── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:900px){.testi-grid{grid-template-columns:1fr;}}
.testi-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:28px;
}
.testi-stars{color:var(--gold);font-size:1rem;letter-spacing:2px;margin-bottom:14px;}
.testi-text{font-size:.88rem;color:var(--text);line-height:1.75;margin-bottom:20px;max-width:none;}
.testi-text mark{background:transparent;color:var(--blue);}
.testi-author{display:flex;align-items:center;gap:12px;}
.testi-avatar{
  width:38px;height:38px;border-radius:0;
  background:linear-gradient(135deg,var(--pri-dk),var(--pri));
  display:flex;align-items:center;justify-content:center;
  font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0;
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);
}
.testi-name{font-size:.84rem;font-weight:700;color:var(--white);}
.testi-role{font-size:.74rem;color:var(--muted2);}

/* ─── FAQ ───────────────────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:8px;max-width:760px;margin:0 auto;}
.faq-item{
  background:var(--card);border:1px solid var(--border);
  border-left:3px solid transparent;
  border-radius:0;
  transition:border-color var(--trans);
}
.faq-item[open]{border-left-color:var(--pri);border-color:rgba(232,0,45,.2);}
.faq-item summary{
  padding:18px 50px 18px 22px;font-size:.92rem;font-weight:700;color:var(--white);
  cursor:pointer;list-style:none;position:relative;
  transition:color var(--trans);
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-size:1.3rem;font-weight:300;color:var(--muted2);
  transition:transform var(--trans),color var(--trans);
}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg);color:var(--pri);}
.faq-item[open] summary{color:var(--pri);}
.faq-body{padding:0 22px 18px;font-size:.86rem;color:var(--muted2);line-height:1.8;}

/* ─── BLOG ──────────────────────────────────────── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;
  transition:border-color var(--trans),transform var(--trans);
}
.blog-card:hover{border-color:var(--border2);transform:translateY(-4px);}
.blog-cover{height:170px;background:var(--bg3);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.blog-cover img{width:100%;height:100%;object-fit:cover;}
.blog-body{padding:22px;}
.blog-meta{font-size:.72rem;color:var(--muted2);margin-bottom:8px;}
.blog-title{font-size:.94rem;font-weight:800;color:var(--white);margin-bottom:8px;line-height:1.35;}
.blog-excerpt{font-size:.82rem;color:var(--muted2);line-height:1.65;max-width:none;margin-bottom:14px;}
.blog-more{font-size:.78rem;font-weight:700;color:var(--pri);}
.blog-empty{
  text-align:center;padding:56px 20px;color:var(--muted2);
  font-size:.88rem;background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);
}

/* ─── BLOG PAGINATION ──────────────────────────── */
.blog-pagination{margin-top:48px;display:flex;justify-content:center;}
.blog-pagination .page-numbers{
  display:flex;list-style:none;gap:6px;flex-wrap:wrap;justify-content:center;
}
.blog-pagination .page-numbers li a,
.blog-pagination .page-numbers li span{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:var(--radius-sm);
  font-size:.82rem;font-weight:700;
  background:var(--card);border:1px solid var(--border);
  color:var(--muted2);transition:all var(--trans);
}
.blog-pagination .page-numbers li a:hover{border-color:var(--pri);color:var(--pri);}
.blog-pagination .page-numbers li span.current{background:var(--pri);border-color:var(--pri);color:#fff;border-radius:0;}
.blog-pagination .page-numbers li .prev,
.blog-pagination .page-numbers li .next{width:auto;padding:0 16px;}

/* ─── CTA BAND ─────────────────────────────────── */
.cta-band{
  background:linear-gradient(135deg,#1a0008 0%,#0a0008 50%,var(--bg2) 100%);
  border-top:1px solid rgba(232,0,45,.25);border-bottom:1px solid rgba(232,0,45,.1);
  padding:96px 0;text-align:center;
  position:relative;overflow:hidden;
}
.cta-band::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(232,0,45,.09),transparent 60%);
  pointer-events:none;
}
.cta-band::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(
    -55deg,transparent,transparent 80px,
    rgba(232,0,45,.012) 80px,rgba(232,0,45,.012) 82px
  );
}
.cta-band > .container{position:relative;z-index:1;}
.cta-band h2{margin-bottom:12px;}
.cta-band p{font-size:1rem;color:var(--muted2);margin:0 auto 36px;}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ─── FOOTER ────────────────────────────────────── */
.site-footer{background:var(--bg2);border-top:1px solid var(--border);padding:64px 0 0;}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;
  padding-bottom:48px;border-bottom:1px solid var(--border);
}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;gap:32px;}}
.footer-brand .nav-logo{margin-bottom:14px;font-size:1.05rem;}
.footer-brand p{font-size:.84rem;color:var(--muted2);line-height:1.7;max-width:30ch;}
.footer-col-title{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);margin-bottom:16px;}
.footer-links{display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-size:.85rem;color:var(--muted2);transition:color var(--trans);}
.footer-links a:hover{color:var(--white);}
.footer-contact-item{
  display:flex;align-items:center;gap:10px;
  font-size:.84rem;color:var(--muted2);margin-bottom:10px;
  transition:color var(--trans);
}
.footer-contact-item:hover{color:var(--white);}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 0;gap:16px;flex-wrap:wrap;
}
.footer-copy{font-size:.78rem;color:var(--muted);}
.footer-legal{display:flex;gap:20px;}
.footer-legal a{font-size:.78rem;color:var(--muted);transition:color var(--trans);}
.footer-legal a:hover{color:var(--muted2);}

/* ─── FLOATING WHATSAPP ─────────────────────────── */
.wa-bubble-wrap{
  position:fixed;bottom:28px;right:24px;z-index:800;
  display:flex;flex-direction:column;align-items:flex-end;gap:10px;
}

/* Typing bubble */
.wa-bubble-msg{
  background:#fff;border-radius:16px 16px 4px 16px;
  padding:10px 16px;
  display:flex;align-items:center;gap:5px;
  box-shadow:0 4px 20px rgba(0,0,0,.18);
  opacity:0;transform:translateY(8px) scale(.94);
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
}
.wa-bubble-wrap.wa-show-msg .wa-bubble-msg{
  opacity:1;transform:translateY(0) scale(1);
}
.wa-bubble-dot{
  width:7px;height:7px;border-radius:50%;
  background:#25D366;
  animation:wa-dot-bounce 1.2s ease-in-out infinite;
}
.wa-bubble-dot:nth-child(2){animation-delay:.2s;}
.wa-bubble-dot:nth-child(3){animation-delay:.4s;}
@keyframes wa-dot-bounce{
  0%,60%,100%{transform:translateY(0);}
  30%{transform:translateY(-5px);}
}

/* Main button */
.wa-float{
  position:relative;
  display:flex;align-items:center;gap:10px;
  background:#25D366;color:#fff;
  padding:0 22px 0 18px;height:56px;
  border-radius:50px;
  box-shadow:0 8px 28px rgba(37,211,102,.45);
  transition:transform .22s cubic-bezier(.4,0,.2,1),
             box-shadow .22s cubic-bezier(.4,0,.2,1);
  text-decoration:none;
  overflow:visible;
}
.wa-float:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 14px 36px rgba(37,211,102,.55);
}
.wa-float:active{transform:scale(.97);}

/* Icon */
.wa-icon{flex-shrink:0;}

/* Label */
.wa-label{
  font-size:.82rem;font-weight:800;
  letter-spacing:.02em;white-space:nowrap;color:#fff;
}

/* Pulse rings */
.wa-pulse{
  position:absolute;inset:-3px;border-radius:50px;
  border:2px solid rgba(37,211,102,.6);
  animation:wa-pulse-ring 2.2s ease-out infinite;
  pointer-events:none;
}
.wa-pulse-2{animation-delay:.8s;}
@keyframes wa-pulse-ring{
  0%{transform:scale(1);opacity:.7;}
  100%{transform:scale(1.28);opacity:0;}
}

/* Mobile adjustments */
@media(max-width:640px){
  .wa-bubble-wrap{bottom:20px;right:14px;}
  .wa-float{height:52px;padding:0 18px 0 14px;}
  .wa-label{font-size:.78rem;}
}
@supports(padding-bottom:env(safe-area-inset-bottom)){
  .wa-bubble-wrap{
    bottom:calc(24px + env(safe-area-inset-bottom));
    right:calc(16px + env(safe-area-inset-right));
  }
}

/* ─── PAYPAL MODAL ─────────────────────────────── */
.pp-modal-overlay{
  position:fixed;inset:0;background:rgba(7,11,20,.88);
  backdrop-filter:blur(8px);z-index:9000;
  display:flex;align-items:center;justify-content:center;
  padding:20px;opacity:0;pointer-events:none;transition:opacity .25s;
}
.pp-modal-overlay.active{opacity:1;pointer-events:all;}
.pp-modal{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius);width:100%;max-width:500px;
  padding:36px 32px;position:relative;
  box-shadow:0 40px 80px rgba(0,0,0,.7);
  max-height:calc(100dvh - 40px);overflow-y:auto;
}
.pp-modal-close{
  position:absolute;top:16px;right:18px;
  background:none;border:none;color:var(--muted);
  font-size:1.5rem;cursor:pointer;line-height:1;transition:color var(--trans);
}
.pp-modal-close:hover{color:var(--white);}
.pp-modal-head{text-align:center;margin-bottom:24px;}
.pp-modal-icon{width:56px;height:56px;border-radius:50%;background:var(--blue-dim);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.pp-modal-title{font-size:1.2rem;font-weight:800;color:var(--white);margin-bottom:6px;}
.pp-modal-sub{font-size:.84rem;color:var(--muted2);max-width:none;}
.pp-modal-plan{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:14px 18px;
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:24px;gap:12px;
}
.pp-modal-plan-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);}
.pp-modal-plan-name{font-size:.9rem;font-weight:800;color:var(--white);}
.pp-modal-plan-price{font-size:1.1rem;font-weight:900;color:var(--blue);}
.pp-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:28px;}
.pp-step{display:flex;gap:16px;align-items:flex-start;}
.pp-step-num{
  width:32px;height:32px;border-radius:0;
  background:var(--pri-dim);border:1px solid rgba(232,0,45,.3);
  color:var(--pri);font-size:.8rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.pp-step-title{font-size:.88rem;font-weight:700;color:var(--white);margin-bottom:4px;}
.pp-step-desc{font-size:.8rem;color:var(--muted2);line-height:1.7;max-width:none;}
.pp-step-desc code{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.82em;color:var(--blue);}
.pp-modal-actions{display:flex;flex-direction:column;gap:10px;}
.pp-btn-paypal{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--blue);color:#fff;
  padding:14px 24px;border-radius:var(--radius-sm);
  font-size:.88rem;font-weight:700;
  transition:background var(--trans);
}
.pp-btn-paypal:hover{background:var(--blue-dk);}
.pp-btn-wa{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:#25D366;color:#fff;
  padding:13px 24px;border-radius:var(--radius-sm);
  font-size:.86rem;font-weight:700;
  transition:background var(--trans);
}
.pp-btn-wa:hover{background:#1db954;}
.pp-modal-note{text-align:center;font-size:.72rem;color:var(--muted);margin-top:16px;line-height:1.6;}

/* ─── TELEGRAM ORDER MODAL ─────────────────────── */
.tg-modal-overlay{
  position:fixed;inset:0;background:rgba(7,11,20,.88);
  backdrop-filter:blur(8px);z-index:9000;
  display:flex;align-items:center;justify-content:center;
  padding:20px;opacity:0;pointer-events:none;transition:opacity .25s;
}
.tg-modal-overlay.active{opacity:1;pointer-events:all;}
.tg-modal{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius);width:100%;max-width:460px;
  padding:36px 32px;position:relative;
  box-shadow:0 32px 80px rgba(0,0,0,.7);
}
.tg-modal-close{position:absolute;top:16px;right:18px;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1;transition:color var(--trans);}
.tg-modal-close:hover{color:var(--white);}
.tg-modal-head{text-align:center;margin-bottom:24px;}
.tg-modal-icon{width:56px;height:56px;border-radius:50%;background:rgba(42,171,238,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.tg-modal-title{font-size:1.2rem;font-weight:800;color:var(--white);margin-bottom:6px;}
.tg-modal-sub{font-size:.84rem;color:var(--muted2);max-width:none;}
.tg-modal-plan-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap;}
.tg-modal-plan-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);}
.tg-modal-plan-val{font-size:.9rem;font-weight:700;color:var(--white);margin-left:auto;}
.tg-modal-plan-price{font-size:.88rem;font-weight:800;color:#2aabee;}
.tg-form{display:flex;flex-direction:column;gap:14px;}
.tg-field{display:flex;flex-direction:column;gap:6px;}
.tg-field label{font-size:.78rem;font-weight:600;color:var(--muted2);}
.tg-field input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:.9rem;color:var(--white);transition:border-color var(--trans);outline:none;font-family:inherit;}
.tg-field input::placeholder{color:var(--muted);}
.tg-field input:focus{border-color:#2aabee;}
.tg-error{font-size:.78rem;color:#f87171;margin:0;}
.tg-submit{display:flex;align-items:center;justify-content:center;gap:9px;background:#2aabee;color:#fff;border:none;border-radius:var(--radius-sm);padding:14px 22px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background var(--trans),transform var(--trans);margin-top:4px;font-family:inherit;}
.tg-submit:hover{background:#1a96d4;transform:translateY(-1px);}
.tg-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}

/* ─── GRACIAS ───────────────────────────────────── */
.gracias-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:24px;}
.gracias-lights{display:flex;gap:10px;margin-bottom:4px;}
.gracias-light{width:18px;height:18px;border-radius:50%;background:#1a0008;border:1px solid #3a0010;transition:background .3s,box-shadow .3s;}
.gracias-light.on{background:#e8002d;box-shadow:0 0 12px #e8002d,0 0 24px rgba(232,0,45,.5);}
.gracias-box{background:var(--card);border:1px solid rgba(232,0,45,.25);border-top:2px solid var(--pri);padding:52px 40px;max-width:560px;width:100%;text-align:center;position:relative;overflow:hidden;}
.gracias-box::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(232,0,45,.02) 20px,rgba(232,0,45,.02) 21px);pointer-events:none;}
.gracias-check{width:64px;height:64px;background:rgba(232,0,45,.1);border:1px solid rgba(232,0,45,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.gracias-title{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:12px;}
.gracias-sub{color:var(--muted2);margin:0 auto 32px;max-width:400px;line-height:1.6;}
.gracias-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px;flex-wrap:wrap;}
.gracias-step{text-align:center;min-width:120px;}
.gracias-step-num{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:700;color:rgba(232,0,45,.3);line-height:1;}
.gracias-step.done .gracias-step-num{color:var(--pri);}
.gracias-step-text{font-size:.75rem;color:var(--muted);margin-top:4px;line-height:1.3;}
.gracias-step.done .gracias-step-text{color:var(--text);}
.gracias-step-arrow{color:var(--pri);font-size:.9rem;opacity:.5;}
.gracias-btn{display:inline-flex;align-items:center;gap:10px;margin:0 auto;}
.gracias-note{margin-top:20px;font-size:.78rem;color:var(--muted);}
@media(max-width:520px){.gracias-box{padding:36px 20px;}.gracias-steps{gap:4px;}.gracias-step{min-width:90px;}}

/* ─── ARTICLE SINGLE ────────────────────────────── */
.article-main{padding-top:100px;padding-bottom:80px;}
.article-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start;}
@media(max-width:1024px){.article-layout{grid-template-columns:1fr;}}
.article-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--muted);margin-bottom:20px;flex-wrap:wrap;}
.article-breadcrumb a{color:var(--muted2);transition:color var(--trans);}
.article-breadcrumb a:hover{color:var(--pri);}
.article-breadcrumb span{color:var(--border2);}
.article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.article-cat{background:var(--pri-dim);color:var(--pri);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;border-radius:0;border:1px solid rgba(232,0,45,.2);border-left:3px solid var(--pri);}
.article-date,.article-read{font-size:.78rem;color:var(--muted2);}
.article-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:var(--white);line-height:1.15;letter-spacing:-.03em;margin-bottom:18px;}
.article-lead{font-size:1.05rem;color:var(--text);line-height:1.8;max-width:64ch;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border);}
.article-cover{border-radius:var(--radius);overflow:hidden;margin-bottom:36px;}
.article-cover img{width:100%;height:auto;display:block;}
.article-content h2{font-size:1.4rem;font-weight:800;color:var(--white);margin:44px 0 14px;letter-spacing:-.02em;}
.article-content h3{font-size:1.05rem;font-weight:700;color:var(--white);margin:28px 0 10px;}
.article-content p{font-size:.93rem;color:var(--text);line-height:1.85;margin-bottom:16px;max-width:none;}
.article-content ul,.article-content ol{margin:0 0 22px;padding-left:0;display:flex;flex-direction:column;gap:9px;}
.article-content ul li,.article-content ol li{font-size:.9rem;color:var(--text);line-height:1.7;padding-left:20px;position:relative;}
.article-content ul li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:0;background:var(--pri);}
.article-content ol{counter-reset:ol;}
.article-content ol li{counter-increment:ol;}
.article-content ol li::before{content:counter(ol)'.';position:absolute;left:0;font-size:.76rem;font-weight:800;color:var(--pri);top:2px;}
.article-content strong{color:var(--white);font-weight:700;}
.article-content a{color:var(--pri);border-bottom:1px solid rgba(232,0,45,.3);}
.article-content code{background:var(--card);border:1px solid var(--border);border-radius:0;padding:1px 7px;font-family:monospace;font-size:.85em;color:var(--pri);}
.article-content figure.wp-block-image{margin:28px 0;}
.article-content figure.wp-block-image img{width:100%;border-radius:var(--radius);border:1px solid var(--border);}
.article-content figure.wp-block-image figcaption{text-align:center;font-size:.78rem;color:var(--muted2);margin-top:10px;}
.article-content .wp-block-table{margin:28px 0;overflow-x:auto;}
.article-content .wp-block-table table{width:100%;border-collapse:collapse;}
.article-content .wp-block-table th,.article-content .wp-block-table td{padding:11px 14px;text-align:left;font-size:.84rem;border-bottom:1px solid var(--border);}
.article-content .wp-block-table thead th{background:var(--bg3);color:var(--white);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;}
.article-content .wp-block-table tbody tr:hover td{background:var(--card);}
.article-cta-box{background:linear-gradient(135deg,#1a0008,var(--card));border:1px solid rgba(232,0,45,.2);border-left:3px solid var(--pri);border-radius:0;padding:28px;margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.article-cta-text strong{display:block;font-size:1rem;color:var(--white);margin-bottom:4px;}
.article-cta-text span{font-size:.84rem;color:var(--muted2);}
.article-cta-btns{display:flex;gap:10px;flex-wrap:wrap;}
.article-sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:20px;}
.sidebar-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
.sidebar-card-title{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pri);margin-bottom:14px;}
.sidebar-toc{display:flex;flex-direction:column;gap:3px;}
.sidebar-toc li a{display:block;padding:8px 12px;border-radius:0;font-size:.82rem;color:var(--muted2);transition:background var(--trans),color var(--trans);border-left:2px solid transparent;}
.sidebar-toc li a:hover{background:var(--bg3);color:var(--white);border-left-color:var(--pri);}
.sidebar-cta{background:linear-gradient(160deg,#1a0008,var(--card));}
.sidebar-cta-eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--pri);margin-bottom:6px;}
.sidebar-cta-title{font-size:1.05rem;font-weight:800;color:var(--white);margin-bottom:8px;}
.sidebar-cta-desc{font-size:.82rem;color:var(--muted2);line-height:1.6;margin-bottom:16px;max-width:none;}
.sidebar-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:11px;border-radius:var(--radius-sm);background:#25D366;color:#fff;font-size:.82rem;font-weight:700;transition:background var(--trans);}
.sidebar-wa:hover{background:#1db954;}

/* ════════════════════════════════════════════════
   MOBILE RESPONSIVE — Android & iOS
   ════════════════════════════════════════════════ */

/* ── Global touch improvements ──────────────────── */
*{-webkit-tap-highlight-color:transparent;}
button,a,[role="button"]{touch-action:manipulation;}
input,select,textarea{font-size:16px!important;} /* prevents iOS zoom */

/* ── 860px — tablets & large phones ─────────────── */
@media(max-width:860px){
  .container,.container-wide{padding:0 20px;}
  .section{padding:72px 0;}
  .sec-header{margin-bottom:40px;}

  /* Hero */
  .hero{
    grid-template-columns:1fr;
    gap:0;padding:90px 0 56px;
    min-height:auto;
  }
  .hero-left{max-width:100%;}

  /* Nav */
  .site-nav{padding:0 20px;}

  /* Results */
  .results-section{padding:56px 0;}
  .results-tabs{
    width:100%;overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .results-tabs::-webkit-scrollbar{display:none;}

  /* Channel tabs */
  .ctabs{
    width:100%;overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;flex-wrap:nowrap;
  }
  .ctabs::-webkit-scrollbar{display:none;}
  .ctab{padding:10px 20px;}

  /* Pricing */
  .pricing-grid{grid-template-columns:1fr;max-width:100%;}
  .price-card.featured{transform:scale(1);}

  /* Footer */
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center;}
  .footer-legal{flex-wrap:wrap;justify-content:center;}

  /* Article */
  .article-main{padding-top:84px;}
  .article-layout{grid-template-columns:1fr;}
  .article-sidebar{position:static;}
}

/* ── 640px — phones (Android & iPhone standard) ─── */
@media(max-width:640px){
  .container,.container-wide{padding:0 16px;}
  .section{padding:56px 0;}
  .sec-header{margin-bottom:32px;}
  .sec-header p{font-size:.92rem;}

  /* Hero */
  .hero{padding:84px 0 48px;}
  .hero h1{font-size:clamp(1.9rem,8.5vw,2.8rem);}
  .hero h1 span{font-size:.18em;}
  .hero-desc{font-size:.9rem;margin-bottom:28px;}
  .hero-live{font-size:.62rem;margin-bottom:20px;}
  .hero-actions{flex-direction:column;align-items:stretch;gap:10px;}
  .btn-primary,.btn-gold,.btn-outline{
    justify-content:center;
    width:100%;
    min-height:52px;
    font-size:.88rem;
  }
  .hero-numbers{
    display:grid;grid-template-columns:1fr 1fr;
    gap:16px;margin-top:32px;padding-top:28px;
  }
  .hero-num-val{font-size:1.55rem;}

  /* Results board */
  .results-tabs{margin-bottom:20px;}
  .results-tab{padding:8px 16px;font-size:.76rem;}
  .result-card{padding:11px 12px;gap:8px;}
  .result-team{font-size:.78rem;}
  .result-score-box{padding:5px 10px;font-size:.8rem;}

  /* Categories */
  .cat-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .cat-card{padding:20px 14px;}
  .cat-icon{width:42px;height:42px;margin-bottom:12px;}
  .cat-name{font-size:.88rem;}
  .cat-desc{font-size:.76rem;}

  /* Channel directory */
  .country-grid{grid-template-columns:1fr;}
  .country-card{padding:18px 16px;}
  .ch-pills span{font-size:.7rem;padding:3px 8px;}

  /* Features */
  .feat-grid{grid-template-columns:1fr;}
  .feat-card{padding:20px 18px;}

  /* Steps */
  .steps-grid{grid-template-columns:1fr;max-width:100%;}
  .step-card{padding:24px 20px;}
  .step-num{font-size:2.6rem;}

  /* Pricing */
  .price-card{padding:24px 20px;}
  .price-num{font-size:2.8rem;}
  .price-btn{min-height:52px;font-size:.82rem;}

  /* Trust row */
  .trust-row{
    display:grid;grid-template-columns:1fr 1fr;
    gap:12px;justify-items:start;
  }

  /* Testimonials */
  .testi-grid{grid-template-columns:1fr;}
  .testi-card{padding:20px;}

  /* FAQ */
  .faq-item summary{padding:16px 44px 16px 16px;font-size:.86rem;}
  .faq-body{padding:0 16px 16px;font-size:.84rem;}

  /* Blog */
  .blog-grid{grid-template-columns:1fr;}
  .blog-card{border-radius:var(--radius-sm);}
  .blog-cover{height:150px;}
  .blog-body{padding:16px;}

  /* CTA band */
  .cta-band{padding:64px 0;}
  .cta-actions{flex-direction:column;align-items:stretch;}
  .cta-actions .btn-gold,.cta-actions .btn-outline{justify-content:center;width:100%;}

  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .site-footer{padding:48px 0 0;}

  /* Article */
  .article-title{font-size:clamp(1.5rem,6.5vw,2rem);}
  .article-lead{font-size:.95rem;}
  .article-content h2{font-size:1.2rem;margin:32px 0 12px;}
  .article-content p{font-size:.88rem;}
  .article-cta-box{flex-direction:column;padding:20px;}
  .article-cta-btns{flex-direction:column;}
}

/* ── 480px — small phones (iPhone SE, Galaxy A) ─── */
@media(max-width:480px){
  .container,.container-wide{padding:0 14px;}
  .section{padding:48px 0;}

  /* Hero */
  .hero{padding:80px 0 40px;}
  .hero h1{font-size:clamp(1.75rem,8vw,2.4rem);}
  .hero-numbers{gap:12px;margin-top:24px;padding-top:22px;}
  .hero-num-val{font-size:1.35rem;}

  /* Nav */
  .nav-logo{font-size:.9rem;}
  .nav-logo-icon{width:28px;height:28px;font-size:.62rem;}

  /* Results */
  .result-team{font-size:.72rem;}
  .result-score-box{padding:4px 8px;font-size:.75rem;}

  /* Categories */
  .cat-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .cat-card{padding:16px 12px;}

  /* Pricing */
  .pricing-grid{max-width:100%;}
  .price-num{font-size:2.5rem;}
  .price-btn{font-size:.8rem;}

  /* Trust — single column on very small */
  .trust-row{grid-template-columns:1fr;}

  /* Modals — full screen sheet */
  .pp-modal-overlay,.tg-modal-overlay{
    align-items:flex-end;padding:0;
  }
  .pp-modal,.tg-modal{
    max-width:100%;width:100%;
    border-radius:var(--radius) var(--radius) 0 0;
    padding:24px 16px;
    max-height:92dvh;overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .pp-modal-close,.tg-modal-close{top:14px;right:14px;}

  /* Blog */
  .blog-grid{gap:12px;}
  .blog-cover{height:130px;}

  /* CTA */
  .cta-band{padding:48px 0;}
}

/* ── Modals sheet on 640px too ───────────────────── */
@media(max-width:640px){
  .tg-modal-overlay{align-items:flex-end;padding:0;}
  .tg-modal{
    width:100%;max-width:100%;
    border-radius:var(--radius) var(--radius) 0 0;
    margin:0;max-height:92dvh;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
  .pp-modal-overlay{align-items:flex-end;padding:0;}
  .pp-modal{
    width:100%;max-width:100%;
    border-radius:var(--radius) var(--radius) 0 0;
    margin:0;max-height:92dvh;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
}

/* ── iOS safe area (notch / home bar) ────────────── */
@supports(padding-bottom:env(safe-area-inset-bottom)){
  .nav-drawer{
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }
  .pp-modal,.tg-modal{
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }
}

/* ── Smooth scrolling & overscroll ──────────────── */
@media(max-width:860px){
  html{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;}
  .nav-drawer,.pp-modal,.tg-modal{overscroll-behavior:contain;}
}

/* ─── PRICING COUNTDOWN ─────────────────────────── */
.pricing-countdown-bar{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:14px;
  background:linear-gradient(135deg,#1a0a00 0%,#2d1500 50%,#1a0a00 100%);
  border:1px solid rgba(234,179,8,.3);
  border-radius:var(--radius);
  padding:18px 28px;
  margin-bottom:48px;
  position:relative;overflow:hidden;
}
.pricing-countdown-bar::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(234,179,8,.06),transparent);
  animation:cd-shimmer 2.8s ease-in-out infinite;
}
@keyframes cd-shimmer{
  0%{transform:translateX(-100%);}
  100%{transform:translateX(100%);}
}
.pcd-fire{font-size:1.4rem;animation:cd-fire .7s ease-in-out infinite alternate;}
@keyframes cd-fire{from{transform:scale(1);}to{transform:scale(1.2) rotate(-8deg);}}

.pcd-text{
  font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted2);
}
.pcd-timer{
  display:flex;align-items:center;gap:6px;
}
.pcd-unit{
  display:flex;flex-direction:column;align-items:center;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(234,179,8,.25);
  border-radius:8px;
  padding:6px 14px;
  min-width:56px;
}
.pcd-num{
  font-size:1.5rem;font-weight:900;
  font-variant-numeric:tabular-nums;
  color:var(--gold);
  line-height:1;
  letter-spacing:.02em;
}
.pcd-label{
  font-size:.52rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-top:2px;
}
.pcd-sep{
  font-size:1.4rem;font-weight:900;color:var(--gold);
  opacity:.7;margin-bottom:8px;
  animation:cd-blink 1s step-end infinite;
}
@keyframes cd-blink{0%,100%{opacity:.7;}50%{opacity:.15;}}

.pcd-tag{
  background:var(--gold);color:#0a0c12;
  font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  padding:5px 14px;border-radius:20px;
  white-space:nowrap;
  box-shadow:0 4px 14px rgba(234,179,8,.4);
}

@media(max-width:640px){
  .pricing-countdown-bar{padding:14px 16px;gap:10px;margin-bottom:32px;}
  .pcd-num{font-size:1.2rem;}
  .pcd-unit{min-width:44px;padding:5px 10px;}
  .pcd-text{font-size:.72rem;}
}
@media(max-width:400px){
  .pcd-text{display:none;}
}

/* ════════════════════════════════════════════════
   SCROLL ANIMATIONS
   ════════════════════════════════════════════════ */

/* Fade up — default */
.sa{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .55s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.sa.sa-in{opacity:1;transform:translateY(0);}

/* Fade in only */
.sa-fade{
  opacity:0;
  transition:opacity .6s cubic-bezier(.22,1,.36,1);
  will-change:opacity;
}
.sa-fade.sa-in{opacity:1;}

/* Scale up */
.sa-scale{
  opacity:0;
  transform:scale(.93) translateY(16px);
  transition:
    opacity .5s cubic-bezier(.22,1,.36,1),
    transform .5s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.sa-scale.sa-in{opacity:1;transform:scale(1) translateY(0);}

/* Slide from left */
.sa-left{
  opacity:0;
  transform:translateX(-24px);
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .55s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.sa-left.sa-in{opacity:1;transform:translateX(0);}

/* Slide from right */
.sa-right{
  opacity:0;
  transform:translateX(24px);
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .55s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.sa-right.sa-in{opacity:1;transform:translateX(0);}

/* Stagger delays */
.sa-d1{transition-delay:.06s;}
.sa-d2{transition-delay:.12s;}
.sa-d3{transition-delay:.18s;}
.sa-d4{transition-delay:.24s;}
.sa-d5{transition-delay:.30s;}
.sa-d6{transition-delay:.36s;}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
  .sa,.sa-fade,.sa-scale,.sa-left,.sa-right{
    opacity:1;transform:none;transition:none;
  }
}

/* ════════════════════════════════════════════════
   F1 / RACING CREATIVE ELEMENTS
   ════════════════════════════════════════════════ */

/* ─── Carbon fiber texture ──────────────────── */
.carbon-card{
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.018) 3px,rgba(255,255,255,.018) 4px),
    repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.018) 3px,rgba(255,255,255,.018) 4px);
  background-color:var(--card);
}

/* ─── Checkered flag divider ────────────────── */
.checkered-divider{
  height:10px;width:100%;
  background:repeating-linear-gradient(
    90deg,
    rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 10px,
    rgba(0,0,0,0) 10px,rgba(0,0,0,0) 20px
  );
  position:relative;
}
.checkered-divider::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(
    90deg,
    rgba(0,0,0,0) 0px,rgba(0,0,0,0) 10px,
    rgba(255,255,255,.08) 10px,rgba(255,255,255,.08) 20px
  );
  top:5px;
}

/* ─── F1 start lights ───────────────────────── */
.f1-lights{
  display:flex;gap:10px;align-items:center;justify-content:center;
  margin-bottom:32px;
}
.f1-light{
  width:22px;height:22px;border-radius:50%;
  background:#1a0005;
  border:2px solid #3a0010;
  box-shadow:0 0 0 3px rgba(232,0,45,.1);
  animation:light-seq 3.5s ease forwards;
  animation-play-state:running;
}
.f1-light:nth-child(1){animation-delay:.3s;}
.f1-light:nth-child(2){animation-delay:.6s;}
.f1-light:nth-child(3){animation-delay:.9s;}
.f1-light:nth-child(4){animation-delay:1.2s;}
.f1-light:nth-child(5){animation-delay:1.5s;}
@keyframes light-seq{
  0%{background:#1a0005;box-shadow:0 0 0 3px rgba(232,0,45,.1);}
  20%{background:#e8002d;box-shadow:0 0 16px #e8002d,0 0 32px rgba(232,0,45,.6);}
  70%{background:#e8002d;box-shadow:0 0 16px #e8002d,0 0 32px rgba(232,0,45,.6);}
  85%{background:#111;box-shadow:0 0 0 3px rgba(232,0,45,.05);}
  100%{background:#111;box-shadow:0 0 0 3px rgba(232,0,45,.05);}
}

/* ─── Hero neon headline ────────────────────── */
.hero h1 em{
  display:inline-block;
  color:var(--pri);
  text-shadow:0 0 24px rgba(232,0,45,.7),0 0 60px rgba(232,0,45,.3);
  animation:neon-pulse 3s ease-in-out infinite;
}
@keyframes neon-pulse{
  0%,100%{text-shadow:0 0 24px rgba(232,0,45,.7),0 0 60px rgba(232,0,45,.3);}
  50%{text-shadow:0 0 40px rgba(232,0,45,.9),0 0 80px rgba(232,0,45,.5),0 0 120px rgba(232,0,45,.2);}
}

/* ─── Live scoreboard widget ────────────────── */
.scoreboard{
  background:rgba(5,5,8,.92);
  border:1px solid rgba(232,0,45,.3);
  border-top:3px solid var(--pri);
  padding:16px;
  margin-top:36px;
  display:flex;flex-direction:column;gap:8px;
  position:relative;overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
}
.scoreboard::before{
  content:'EN DIRECTO';
  position:absolute;top:6px;right:14px;
  font-size:.52rem;font-weight:900;letter-spacing:.2em;
  color:var(--pri);font-family:'Barlow Condensed',sans-serif;
  animation:sb-blink 1.2s step-end infinite;
}
@keyframes sb-blink{0%,100%{opacity:1;}50%{opacity:0;}}
.scoreboard-row{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;gap:8px;
  padding:8px 10px;
  background:rgba(255,255,255,.03);
  border-left:2px solid transparent;
  transition:border-color var(--trans);
}
.scoreboard-row:hover{border-left-color:var(--pri);}
.scoreboard-row.live{border-left-color:var(--pri);}
.scoreboard-row.live .sb-badge{animation:sb-blink 1.2s step-end infinite;}
.sb-badge{
  font-size:.5rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;
  color:#fff;padding:2px 6px;font-family:'Barlow Condensed',sans-serif;
}
.sb-badge.live{background:var(--pri);}
.sb-badge.soon{background:rgba(255,255,255,.12);color:var(--muted2);}
.sb-team{font-size:.8rem;font-weight:700;color:var(--white);font-family:'Barlow Condensed',sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sb-team.right{text-align:right;}
.sb-score{
  font-size:.9rem;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;
  font-family:'Barlow Condensed',sans-serif;letter-spacing:.06em;
  background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.2);
  padding:4px 10px;text-align:center;white-space:nowrap;min-width:52px;
}
.sb-score.f1{color:var(--pri);background:rgba(232,0,45,.08);border-color:rgba(232,0,45,.2);}
@media(max-width:640px){.scoreboard{display:none;}}

/* ─── World Cup badge on hero ───────────────── */
.mundial-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,rgba(255,215,0,.12),rgba(255,215,0,.04));
  border:1px solid rgba(255,215,0,.35);
  color:var(--gold);
  font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  font-family:'Barlow Condensed',sans-serif;
  padding:6px 16px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  margin-bottom:12px;
  box-shadow:0 0 16px rgba(255,215,0,.1);
}
.mundial-trophy{font-size:1.1rem;animation:trophy-spin 4s ease-in-out infinite;}
@keyframes trophy-spin{0%,100%{transform:scale(1);}50%{transform:scale(1.2) rotate(5deg);}}

/* ─── Racing telemetry stats ────────────────── */
.telemetry-bar{
  display:flex;gap:0;margin-top:48px;padding-top:36px;
  border-top:1px solid rgba(232,0,45,.2);
  flex-wrap:wrap;
  position:relative;
}
.telemetry-bar::before{
  content:'';position:absolute;top:0;left:0;width:60px;height:2px;
  background:linear-gradient(90deg,var(--pri),transparent);
}
.tele-stat{
  flex:1;min-width:100px;padding:0 20px;
  border-right:1px solid rgba(255,255,255,.05);
  position:relative;
}
.tele-stat:first-child{padding-left:0;}
.tele-stat:last-child{border-right:none;}
.tele-val{
  font-size:2.2rem;font-weight:900;color:var(--white);
  font-family:'Barlow Condensed',sans-serif;
  letter-spacing:-.02em;line-height:1;
  display:flex;align-items:baseline;gap:4px;
}
.tele-val em{color:var(--pri);font-size:.45em;font-family:'Inter',sans-serif;}
.tele-label{
  font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted2);margin-top:5px;
}
.tele-bar{
  height:2px;background:rgba(255,255,255,.06);margin-top:10px;
}
.tele-bar-fill{
  height:100%;background:linear-gradient(90deg,var(--pri),var(--pri-lt));
  animation:tele-fill 2s cubic-bezier(.22,1,.36,1) forwards;
  width:0;
}
@keyframes tele-fill{to{width:var(--fill,80%);}}

/* ─── Pricing countdown re-style F1 ────────── */
.pricing-countdown-bar{
  background:linear-gradient(135deg,#12000a 0%,#1a0008 50%,#12000a 100%);
  border-color:rgba(232,0,45,.3);
}
.pricing-countdown-bar::before{
  background:linear-gradient(90deg,transparent,rgba(232,0,45,.06),transparent);
}
.pcd-num{color:var(--pri);}
.pcd-sep{color:var(--pri);}

/* ══════════════════════════════════════════════════════
   RESPONSIVE GLOBAL — iOS · Android · Tablet
   ══════════════════════════════════════════════════════ */

/* Base global mobile fixes */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{overflow-x:hidden;-webkit-tap-highlight-color:transparent;}
*{box-sizing:border-box;}
img{max-width:100%;height:auto;}

/* iOS safe area — nav y WA float */
.site-nav{
  padding-left:max(20px,env(safe-area-inset-left));
  padding-right:max(20px,env(safe-area-inset-right));
}
.wa-float{
  bottom:max(24px,calc(16px + env(safe-area-inset-bottom)));
  right:max(20px,env(safe-area-inset-right));
}

/* Botones: touch target mínimo 44px en móvil */
@media(max-width:860px){
  .btn-primary,.btn-gold,.btn-outline{
    min-height:48px;
    padding:13px 24px;
    font-size:.82rem;
  }
  .nav-cta{min-height:44px;padding:10px 18px;}
}

/* ── TABLET (768–1024px) ── */
@media(max-width:1024px) and (min-width:769px){
  .hero{grid-template-columns:1fr;gap:36px;padding:110px 0 64px;}
  .hero h1{font-size:clamp(2.4rem,5vw,3.6rem);}
  .hero-desc{max-width:70ch;}
  .pricing-grid{grid-template-columns:1fr 1fr;gap:16px;}
  .price-card.featured{transform:scale(1);}
  .results-grid{grid-template-columns:repeat(2,1fr);}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
  .steps-grid{grid-template-columns:repeat(2,1fr);}
  .testi-grid{grid-template-columns:repeat(2,1fr);}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .country-grid{grid-template-columns:repeat(2,1fr);}
}

/* ── MÓVIL GRANDE (481–768px) — Android grande / iPad mini ── */
@media(max-width:768px){
  :root{--hero-pad:90px 0 52px;}
  .container{padding-inline:18px;}
  .section{padding:52px 0;}

  /* Hero */
  .hero{grid-template-columns:1fr;gap:32px;padding:90px 0 52px;}
  .hero h1{font-size:clamp(2rem,7vw,2.8rem);}
  .hero-desc{font-size:.96rem;max-width:100%;}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:10px;}
  .hero-actions .btn-primary,
  .hero-actions .btn-gold,
  .hero-actions .btn-outline{width:100%;justify-content:center;}
  .hero-numbers{gap:20px;margin-top:32px;padding-top:24px;}
  .hero-num-val{font-size:1.6rem;}

  /* Scoreboard — compacto en lugar de oculto */
  .scoreboard{display:block;}
  .scoreboard-row{grid-template-columns:36px 1fr auto 1fr 60px;gap:6px;padding:8px 10px;}
  .sb-badge{font-size:.55rem;padding:2px 4px;}
  .sb-team{font-size:.7rem;}
  .sb-score{font-size:.8rem;min-width:42px;padding:3px 7px;}
  .sb-info{font-size:.6rem;}

  /* Mundial badge */
  .mundial-badge{font-size:.6rem;padding:5px 12px;}

  /* Secciones */
  .sec-header{margin-bottom:36px;}
  .results-grid{grid-template-columns:1fr;}
  .feat-grid{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:1fr;max-width:100%;}
  .testi-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto;}
  .price-card.featured{transform:none;}
  .blog-grid{grid-template-columns:1fr;}
  .country-grid{grid-template-columns:1fr 1fr;}
  .cat-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}

  /* Live strip ticker */
  .live-strip-inner{gap:24px;}

  /* CTA band */
  .cta-band h2{font-size:clamp(1.5rem,5vw,2rem);}
  .cta-band .btn-primary{width:100%;justify-content:center;}

  /* Nav drawer botones: táctil cómodo */
  .nav-drawer-link,.nav-drawer-cta,.nav-drawer-tg{
    padding:14px 20px;
    font-size:.95rem;
    min-height:50px;
  }
}

/* ── MÓVIL PEQUEÑO (≤480px) — iPhone SE, Galaxy S ── */
@media(max-width:480px){
  .container{padding-inline:14px;}
  .section{padding:44px 0;}

  /* Hero */
  .hero{padding:80px 0 44px;}
  .hero h1{font-size:clamp(1.8rem,8vw,2.4rem);}
  .hero-live{font-size:.6rem;padding:5px 12px;}
  .hero-numbers{flex-direction:column;gap:14px;align-items:flex-start;}

  /* Scoreboard adaptado */
  .scoreboard{display:block;}
  .scoreboard-row{
    grid-template-columns:32px 1fr auto 1fr 52px;
    gap:4px;padding:7px 8px;
  }
  .sb-team{font-size:.65rem;}
  .sb-score{font-size:.72rem;min-width:36px;}

  /* Mundial badge */
  .mundial-badge{font-size:.58rem;clip-path:none;padding:5px 10px;}

  /* Secciones */
  .sec-header h2{font-size:clamp(1.4rem,6vw,1.8rem);}
  .feat-item{padding:18px;}
  .price-card{padding:24px 18px;}
  .steps-grid{max-width:100%;}
  .step-num{font-size:2.4rem;}
  .country-grid{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:1fr 1fr;gap:8px;}

  /* Blog cards */
  .blog-card-img{height:160px;}

  /* Footer */
  .footer-grid{gap:24px;}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;}
  .footer-legal{flex-wrap:wrap;justify-content:center;gap:10px;}

  /* Gracias */
  .gracias-steps{flex-direction:column;align-items:center;gap:12px;}
  .gracias-step-arrow{transform:rotate(90deg);}

  /* F1 lights - esconder en móvil muy pequeño */
  .f1-lights{gap:6px;}
  .f1-light{width:14px;height:14px;}

  /* Botones full-width */
  .hero-actions .btn-primary,
  .hero-actions .btn-gold,
  .hero-actions .btn-outline,
  .gracias-btn{width:100%;justify-content:center;}
}

/* ── iPhone X+ / notch / Dynamic Island ── */
@supports(padding:env(safe-area-inset-bottom)){
  .site-footer{padding-bottom:calc(40px + env(safe-area-inset-bottom));}
  .nav-drawer{padding-bottom:calc(24px + env(safe-area-inset-bottom));}
  .wa-bubble-wrap{bottom:max(90px,calc(80px + env(safe-area-inset-bottom)));}
}

/* ── Landscape móvil ── */
@media(max-width:768px) and (orientation:landscape){
  .hero{padding:70px 0 40px;}
  .hero h1{font-size:clamp(1.6rem,4vw,2.2rem);}
  .pricing-grid{grid-template-columns:1fr 1fr;}
  .testi-grid{grid-template-columns:1fr 1fr;}
}

/* ── Dark mode nativo ── */
@media(prefers-color-scheme:dark){
  /* Ya es dark por defecto — no override necesario */
}

/* ── High contrast / accessibility ── */
@media(forced-colors:active){
  .btn-primary,.btn-gold{border:2px solid ButtonText;}
  .scoreboard{border:1px solid ButtonText;}
}
.pcd-tag{background:var(--pri);color:#fff;}