/* ═══════════════════════════════════════════════════
   main.css — Sitio público Time For Business
═══════════════════════════════════════════════════ */
:root {
    --black:      #020E0E;
    --black2:     #030F0F;
    --panel:      #071414;
    --panel2:     #0A1A1A;
    --border:     rgba(5,200,200,0.12);
    --cyan:       #05C8C8;
    --cyan-dim:   rgba(5,200,200,0.55);
    --cyan-glow:  rgba(5,200,200,0.18);
    --cyan-faint: rgba(5,200,200,0.06);
    --white:      #FFFFFF;
    --gray:       rgba(255,255,255,0.55);
    --gray2:      rgba(255,255,255,0.3);
    --red:        #E63946;
    --font:       'Montserrat', sans-serif;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font); background:var(--black); color:var(--white); overflow-x:hidden; -webkit-font-smoothing:antialiased; }

/* ── NAV ── */
.nav { position:fixed; top:0; left:0; right:0; z-index:9999; display:flex; align-items:center; justify-content:space-between; padding:1.4rem 3rem; transition:all 0.4s ease; }
.nav.scrolled { background:rgba(2,14,14,0.92); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); padding:0.9rem 3rem; }
.nav-brand { display:flex; align-items:center; gap:0.75rem; text-decoration:none; }
.nav-logo-circle { width:42px; height:42px; border-radius:50%; border:2px solid var(--cyan); display:flex; align-items:center; justify-content:center; background:rgba(5,200,200,0.08); flex-shrink:0; }
.nav-logo-circle i { color:var(--cyan); font-size:0.9rem; }
.nav-brand-text { line-height:1.1; }
.nav-brand-t1 { font-size:0.65rem; font-weight:400; letter-spacing:1px; color:var(--white); display:block; }
.nav-brand-t1 span { color:var(--cyan); font-style:italic; }
.nav-brand-t2 { font-size:0.72rem; font-weight:800; letter-spacing:2px; color:var(--white); display:block; }
.nav-links { display:flex; align-items:center; gap:2.2rem; list-style:none; }
.nav-links a { color:rgba(255,255,255,0.7); text-decoration:none; font-size:0.65rem; font-weight:500; letter-spacing:1.5px; transition:color 0.25s; }
.nav-links a:hover { color:var(--cyan); }
.nav-right { display:flex; align-items:center; gap:0.8rem; }
.nav-cta { background:var(--cyan); color:var(--black); font-weight:700; padding:0.6rem 1.6rem; border-radius:50px; font-size:0.65rem; letter-spacing:1.5px; transition:all 0.25s; text-decoration:none; border:none; cursor:pointer; font-family:var(--font); }
.nav-cta:hover { background:#fff; box-shadow:0 0 20px rgba(5,200,200,0.4); }
.nav-login-btn { background:transparent; color:rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,0.15); padding:0.6rem 1.2rem; border-radius:50px; font-size:0.62rem; font-weight:600; letter-spacing:1.5px; cursor:pointer; font-family:var(--font); transition:all 0.25s; display:flex; align-items:center; gap:0.4rem; }
.nav-login-btn:hover { border-color:var(--cyan); color:var(--cyan); }
.nav-login-filled {
    background: var(--white) !important;
    color: var(--black) !important;
    border-color: var(--white) !important;
}
.nav-login-filled:hover {
    background: var(--cyan) !important;
    color: var(--black) !important;
    border-color: var(--cyan) !important;
    box-shadow: 0 0 16px rgba(5,200,200,0.35);
}
.nav-user-btn { background:rgba(5,200,200,0.08); color:var(--cyan); border:1px solid rgba(5,200,200,0.25); padding:0.6rem 1.2rem; border-radius:50px; font-size:0.62rem; font-weight:700; letter-spacing:1px; cursor:pointer; font-family:var(--font); transition:all 0.25s; display:none; align-items:center; gap:0.5rem; }
.nav-user-btn:hover { background:rgba(5,200,200,0.15); }

/* ── HERO ── */
.hero { position:relative; min-height:100vh; display:grid; grid-template-columns:1fr 2fr; align-items:center; padding:0 3rem; overflow:hidden; gap:3rem; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 55% 70% at 100% 0%, rgba(5,200,200,0.13) 0%, transparent 60%), radial-gradient(ellipse 40% 50% at 0% 100%, rgba(5,200,200,0.07) 0%, transparent 55%), var(--black); z-index:0; }
.hero-bg-img { position:absolute; inset:0; background:url('./images/hero_bkg.jpg') center/cover no-repeat; opacity:0.08; z-index:0; }
.hero-left { position:relative; z-index:2; padding-top:7rem; padding-bottom:4rem; }
.hero-badge { display:inline-flex; align-items:center; gap:0.6rem; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:50px; padding:0.4rem 1rem; font-size:0.58rem; font-weight:600; letter-spacing:2px; color:rgba(255,255,255,0.7); margin-bottom:2rem; animation:fadeUp 0.8s ease 0.1s both; }
.hero-badge-dot { width:6px; height:6px; border-radius:50%; background:var(--red); animation:blink 1.4s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.2} }
.hero-title { font-size:4.4rem; font-weight:900; line-height:0.95; letter-spacing:-1.5px; text-transform:uppercase; margin-bottom:1.8rem; animation:fadeUp 0.8s ease 0.2s both; }
.hero-title .cyan { color:var(--cyan); display:block; }
.hero-hook { font-size:1.4rem; font-weight:600; line-height:1.45; color:var(--white); margin-bottom:2.5rem; animation:fadeUp 0.8s ease 0.3s both; max-width:540px; }
.hero-sub { font-size:0.82rem; font-weight:300; line-height:1.8; color:var(--gray); margin-bottom:2.5rem; animation:fadeUp 0.8s ease 0.4s both; max-width:440px; }
.hero-btns { display:flex; gap:1rem; margin-bottom:3rem; animation:fadeUp 0.8s ease 0.5s both; }
.btn-cyan { display:inline-flex; align-items:center; gap:0.5rem; background:var(--cyan); color:var(--black); font-size:0.68rem; font-weight:700; letter-spacing:1px; padding:0.85rem 1.8rem; border-radius:50px; text-decoration:none; transition:all 0.25s; }
.btn-cyan:hover { background:#fff; box-shadow:0 0 25px rgba(5,200,200,0.5); transform:translateY(-2px); }
.btn-ghost { display:inline-flex; align-items:center; gap:0.5rem; background:transparent; color:var(--white); font-size:0.68rem; font-weight:600; letter-spacing:1px; padding:0.85rem 1.8rem; border-radius:50px; border:1px solid rgba(255,255,255,0.25); text-decoration:none; transition:all 0.25s; }
.btn-ghost:hover { border-color:var(--cyan); color:var(--cyan); transform:translateY(-2px); }
.hero-meta { display:flex; gap:2rem; animation:fadeUp 0.8s ease 0.6s both; }
.hero-meta-item { display:flex; align-items:center; gap:0.5rem; font-size:0.62rem; font-weight:500; color:var(--gray2); }
.hero-meta-item i { color:var(--cyan); font-size:0.7rem; }
.hero-meta-item strong { color:rgba(255,255,255,0.8); font-weight:600; }
.hero-right { position:relative; z-index:2; padding-top:7rem; padding-bottom:4rem; display:flex; justify-content:center; width:100%; }
.hero-right > div { width:100%; }
.hero-card { width:100%; background:var(--panel); border:1px solid var(--border); border-radius:4px; overflow:hidden; box-shadow:0 0 60px rgba(5,200,200,0.08), inset 0 0 40px rgba(5,200,200,0.04); animation:fadeUp 0.8s ease 0.4s both; cursor:pointer; transition:border-color 0.3s; }
.hero-card:hover { border-color:rgba(5,200,200,0.35); }
.hero-card-top { padding:1rem 1.2rem; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); }
.on-air-badge { display:inline-flex; align-items:center; gap:0.4rem; background:rgba(230,57,70,0.15); border:1px solid rgba(230,57,70,0.3); border-radius:50px; padding:0.25rem 0.7rem; font-size:0.55rem; font-weight:700; letter-spacing:2px; color:var(--red); }
.on-air-dot { width:5px; height:5px; border-radius:50%; background:var(--red); animation:blink 1.2s ease-in-out infinite; }
.ep-label { font-size:0.55rem; font-weight:600; letter-spacing:3px; color:var(--gray2); }
.ep-label span { color:var(--cyan); }
.hero-card-thumb { aspect-ratio:16/9; background:linear-gradient(135deg, var(--panel2) 0%, #041212 100%); position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hero-card-thumb img { width:100%; height:100%; object-fit:cover; }
.hero-card-thumb-placeholder { text-align:center; }
.thumb-tf { font-size:1.8rem; font-weight:900; color:var(--cyan); opacity:0.4; display:block; letter-spacing:-2px; }
.thumb-name { font-size:0.5rem; font-weight:700; color:rgba(5,200,200,0.5); }
.thumb-name span { color:rgba(255,255,255,0.3); }
.hero-card-info { padding:1.2rem; }
.hero-card-ep-num { font-size:0.6rem; font-weight:700; letter-spacing:2px; color:var(--cyan); margin-bottom:0.4rem; }
.hero-card-ep-title { font-size:0.82rem; font-weight:700; line-height:1.4; color:var(--white); }
.hero-pill-wrap { margin-top:2rem; display:flex; justify-content:center; }
.hero-pill { background:var(--white); border-radius:50px; padding:0.7rem 1.4rem; display:inline-flex; align-items:center; gap:0.8rem; box-shadow:0 8px 30px rgba(0,0,0,0.5); animation:fadeUp 0.8s ease 0.7s both; }
.pill-play { width:32px; height:32px; border-radius:50%; background:var(--cyan); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pill-play i { color:var(--black); font-size:0.6rem; }
.pill-label { font-size:0.55rem; font-weight:500; color:#555; }
.pill-num { font-size:1rem; font-weight:800; color:var(--black); line-height:1; }
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }

/* ── TICKER ── */
.ticker-wrap { background:var(--panel); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:0.9rem 0; overflow:hidden; margin-top:3rem; }
.ticker-track { display:flex; gap:3rem; animation:tickerMove 28s linear infinite; width:max-content; }
.ticker-track:hover { animation-play-state:paused; }
.ticker-item { display:flex; align-items:center; gap:0.8rem; font-size:0.62rem; font-weight:600; letter-spacing:2.5px; color:rgba(255,255,255,0.45); white-space:nowrap; text-transform:uppercase; }
.ticker-dot { width:4px; height:4px; border-radius:50%; background:var(--cyan); opacity:0.7; }
@keyframes tickerMove { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── SECTION UTILS ── */
.section { padding:7rem 3rem; }
.container { max-width:1200px; margin:0 auto; }
.label-tag { display:inline-block; font-size:0.55rem; font-weight:700; letter-spacing:3px; color:var(--cyan); text-transform:uppercase; margin-bottom:1rem; padding-bottom:0.4rem; border-bottom:1px solid rgba(5,200,200,0.3); }
.section-h2 { font-size:2.8rem; font-weight:900; line-height:1.1; text-transform:uppercase; letter-spacing:-1px; color:var(--white); margin-bottom:0.5rem; }
.section-h2 span { color:var(--cyan); }
.section-lead { font-size:0.85rem; font-weight:300; color:var(--gray); line-height:1.9; max-width:680px; }
.reveal { opacity:0; transform:translateY(30px); transition:opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-d1 { transition-delay:0.1s; }
.reveal-d2 { transition-delay:0.2s; }
.reveal-d3 { transition-delay:0.3s; }
.reveal-d4 { transition-delay:0.4s; }

/* ── ABOUT ── */
.about-section { background:var(--black2); border-top:1px solid var(--border); }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:start; }
.about-body { font-size:0.85rem; font-weight:300; color:var(--gray); line-height:1.9; margin-bottom:1rem; }
.about-body strong { color:var(--white); font-weight:600; }
.retos-list { margin-top:2.5rem; padding-top:2rem; border-top:1px solid var(--border); }
.retos-label { font-size:0.55rem; font-weight:700; letter-spacing:3px; color:var(--cyan); margin-bottom:1.2rem; display:block; }
.reto-item { display:flex; align-items:flex-start; gap:0.8rem; margin-bottom:0.8rem; font-size:0.82rem; font-weight:500; color:rgba(255,255,255,0.75); line-height:1.5; }
.reto-item::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--cyan); margin-top:0.45rem; flex-shrink:0; }
.stats-grid-2x2 { display:grid; grid-template-columns:1fr 1fr; gap:1.5px; background:var(--border); }
.stat-box { background:var(--panel); padding:2.5rem 2rem; text-align:center; }
.stat-box-num { font-size:3.2rem; font-weight:900; line-height:1; color:var(--cyan); letter-spacing:-2px; margin-bottom:0.5rem; }
.stat-box-label { font-size:0.6rem; font-weight:500; letter-spacing:1.5px; color:var(--gray2); text-transform:uppercase; }

/* ── EPISODES ── */
.episodes-section { background:var(--black); border-top:1px solid var(--border); }
.episodes-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:3.5rem; }
.btn-ghost-sm { display:inline-flex; align-items:center; gap:0.4rem; font-size:0.62rem; font-weight:600; letter-spacing:1px; color:var(--cyan); text-decoration:none; border:1px solid rgba(5,200,200,0.3); padding:0.5rem 1.2rem; border-radius:50px; transition:all 0.25s; background:none; cursor:pointer; font-family:var(--font); }
.btn-ghost-sm:hover { background:var(--cyan); color:var(--black); }
.ep-featured { display:grid; grid-template-columns:1.1fr 1fr; border:1px solid var(--border); background:var(--panel); margin-bottom:1.5px; cursor:pointer; transition:border-color 0.3s; overflow:hidden; }
.ep-featured:hover { border-color:rgba(5,200,200,0.4); }
.ep-thumb { position:relative; aspect-ratio:16/9; background:var(--panel2); overflow:hidden; }
.ep-thumb img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; }
.ep-featured:hover .ep-thumb img { transform:scale(1.04); }
.ep-thumb-ph { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.8rem; background:linear-gradient(135deg, var(--panel2), #041414); }
.ep-thumb-ph .tf-big { font-size:4rem; font-weight:900; color:var(--cyan); opacity:0.15; letter-spacing:-4px; line-height:1; }
.ep-thumb-ph span { font-size:0.55rem; letter-spacing:3px; color:rgba(5,200,200,0.3); }
.ep-play-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.35); opacity:0; transition:opacity 0.3s; }
.ep-featured:hover .ep-play-overlay, .ep-card:hover .ep-play-overlay { opacity:1; }
.ep-play-btn { width:64px; height:64px; border-radius:50%; background:var(--cyan); display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:var(--black); box-shadow:0 0 30px rgba(5,200,200,0.5); }
.ep-card .ep-play-btn { width:46px; height:46px; font-size:0.85rem; }
.ep-latest-badge { position:absolute; top:1rem; left:1rem; background:var(--cyan); color:var(--black); font-size:0.5rem; font-weight:800; letter-spacing:2px; padding:0.25rem 0.7rem; }
.ep-featured-info { padding:2.8rem; display:flex; flex-direction:column; justify-content:center; }
.ep-num-big { font-size:5rem; font-weight:900; color:rgba(5,200,200,0.1); line-height:1; letter-spacing:-4px; margin-bottom:0.8rem; }
.ep-prog-label { font-size:0.55rem; font-weight:700; letter-spacing:2.5px; color:var(--cyan); margin-bottom:0.6rem; }
.ep-title-big { font-size:1.4rem; font-weight:800; line-height:1.3; color:var(--white); margin-bottom:1rem; }
.ep-desc { font-size:0.78rem; font-weight:300; color:var(--gray); line-height:1.8; margin-bottom:1.5rem; }
.ep-meta-row { display:flex; align-items:center; gap:1.5rem; font-size:0.6rem; font-weight:500; color:var(--gray2); padding-top:1.2rem; border-top:1px solid var(--border); margin-top:auto; }
.ep-meta-row i { color:var(--cyan); margin-right:0.3rem; }
.ep-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.ep-card { background:var(--panel); border:1px solid var(--border); border-radius:8px; cursor:pointer; transition:all 0.3s ease; overflow:hidden; }
.ep-card:hover { background:var(--panel2); transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,0.5); }
.ep-card-thumb { aspect-ratio:16/9; position:relative; overflow:hidden; }
.ep-card-thumb img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.ep-card:hover .ep-card-thumb img { transform:scale(1.06); }
.ep-card-body { padding:1.2rem 1.3rem; }
.ep-card-num { font-size:0.52rem; font-weight:700; letter-spacing:2px; color:rgba(5,200,200,0.5); margin-bottom:0.3rem; }
.ep-card-title { font-size:0.85rem; font-weight:700; color:var(--white); line-height:1.4; margin-bottom:0.5rem; }
.ep-card-desc { font-size:0.7rem; font-weight:300; color:rgba(255,255,255,0.4); line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ep-card-footer { padding:0.7rem 1.3rem; border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; }
.ep-duration { font-size:0.58rem; font-weight:600; color:var(--gray2); letter-spacing:1px; }
.ep-duration i { color:var(--cyan); margin-right:0.3rem; }
.ep-loading { text-align:center; padding:5rem; color:var(--gray2); font-size:0.65rem; letter-spacing:3px; }
.ep-loading i { display:block; font-size:1.8rem; color:var(--cyan); margin-bottom:1rem; animation:spin 1s linear infinite; }
@keyframes spin { to{transform:rotate(360deg)} }

/* ── SECCIONES ── */
.secciones-section { background:var(--black2); border-top:1px solid var(--border); }
.secciones-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5px; background:var(--border); margin-top:3.5rem; }
.seccion-card { background:var(--panel); padding:2.5rem; transition:background 0.3s; }
.seccion-card:hover { background:var(--panel2); }
.seccion-num { font-size:2.2rem; font-weight:900; color:rgba(5,200,200,0.12); line-height:1; margin-bottom:1rem; letter-spacing:-2px; }
.seccion-title { font-size:0.85rem; font-weight:800; color:var(--white); margin-bottom:0.7rem; text-transform:uppercase; letter-spacing:0.5px; }
.seccion-desc { font-size:0.75rem; font-weight:300; color:var(--gray); line-height:1.7; }

/* ── PRESENTADOR ── */
.presentador-section { background:var(--black); border-top:1px solid var(--border); }
.presentador-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:6rem; align-items:center; }
.presentador-frame { aspect-ratio:3/4; background:var(--panel); border:1px solid var(--border); position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.presentador-frame::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at center, rgba(5,200,200,0.06) 0%, transparent 70%); }
.presentador-ph { text-align:center; z-index:1; }
.presentador-ph i { font-size:4rem; color:rgba(5,200,200,0.15); display:block; margin-bottom:1rem; }
.presentador-ph span { font-size:0.6rem; letter-spacing:3px; color:rgba(5,200,200,0.2); }
.presentador-tag { position:absolute; bottom:1.5rem; left:1.5rem; right:1.5rem; background:rgba(2,14,14,0.9); border:1px solid var(--border); backdrop-filter:blur(10px); padding:1rem 1.2rem; z-index:2; }
.presentador-tag-label { font-size:0.5rem; font-weight:700; letter-spacing:3px; color:var(--cyan); margin-bottom:0.2rem; display:block; }
.presentador-tag-show { font-size:0.75rem; font-weight:800; color:var(--white); text-transform:uppercase; letter-spacing:1px; }
.presentador-tag-show span { color:var(--cyan); font-style:italic; font-weight:300; }
.prod-row { display:flex; gap:3rem; margin-top:2rem; padding-top:2rem; border-top:1px solid var(--border); }
.prod-label { font-size:0.5rem; font-weight:700; letter-spacing:2px; color:var(--cyan); display:block; margin-bottom:0.2rem; }
.prod-val { font-size:0.72rem; font-weight:600; color:rgba(255,255,255,0.7); }
.nombre-big { font-size:2.2rem; font-weight:900; line-height:1.1; text-transform:uppercase; letter-spacing:-1px; margin-bottom:0.3rem; }
.cargo-tag { display:inline-block; font-size:0.58rem; font-weight:600; letter-spacing:2px; color:var(--cyan); border:1px solid rgba(5,200,200,0.3); padding:0.3rem 0.9rem; border-radius:50px; margin-bottom:1.8rem; }

/* ── PARTICIPAR ── */
.participar-section { background:var(--black2); border-top:1px solid var(--border); }
.participar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5px; background:var(--border); margin-top:3.5rem; }
.part-card { background:var(--panel); padding:2.8rem 2.5rem; transition:background 0.3s; }
.part-card:hover { background:var(--panel2); }
.part-icon { width:44px; height:44px; border:1px solid rgba(5,200,200,0.25); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem; }
.part-icon i { color:var(--cyan); font-size:1rem; }
.part-title { font-size:0.85rem; font-weight:800; color:var(--white); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:0.8rem; }
.part-desc { font-size:0.78rem; font-weight:300; color:var(--gray); line-height:1.8; }

/* ── PARTNERS ── */
.partners-section { background:var(--black); border-top:1px solid var(--border); padding:4rem 3rem; }
.partners-label { text-align:center; font-size:0.55rem; font-weight:700; letter-spacing:4px; color:var(--gray2); text-transform:uppercase; margin-bottom:2.5rem; }
.partners-row { display:flex; align-items:center; justify-content:center; gap:3rem; flex-wrap:wrap; }
.partner-item { font-size:0.75rem; font-weight:700; color:rgba(255,255,255,0.2); letter-spacing:2px; text-transform:uppercase; transition:color 0.3s; padding:0.5rem 0; border-bottom:1px solid transparent; cursor:default; }
.partner-item:hover { color:var(--cyan); border-color:rgba(5,200,200,0.3); }

/* ── CONTACT ── */
.contact-section { background:var(--black2); border-top:1px solid var(--border); }
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:6rem; align-items:start; }
.contact-info-item { display:flex; align-items:flex-start; gap:1rem; margin-bottom:1.5rem; }
.contact-info-item i { color:var(--cyan); font-size:0.9rem; margin-top:0.15rem; width:16px; text-align:center; }
.contact-info-label { font-size:0.55rem; font-weight:700; letter-spacing:2px; color:var(--cyan); display:block; margin-bottom:0.2rem; }
.contact-info-val { font-size:0.8rem; font-weight:400; color:rgba(255,255,255,0.7); }
.contact-form { display:flex; flex-direction:column; gap:1rem; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.form-group { display:flex; flex-direction:column; gap:0.4rem; }
.form-label { font-size:0.55rem; font-weight:700; letter-spacing:2px; color:var(--gray2); text-transform:uppercase; }
.form-input, .form-textarea { background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:2px; padding:0.8rem 1rem; color:var(--white); font-family:var(--font); font-size:0.78rem; outline:none; transition:border-color 0.25s; }
.form-input::placeholder, .form-textarea::placeholder { color:rgba(255,255,255,0.2); }
.form-input:focus, .form-textarea:focus { border-color:rgba(5,200,200,0.5); background:rgba(5,200,200,0.03); }
.form-textarea { min-height:130px; resize:vertical; }
.form-legal { font-size:0.6rem; color:var(--gray2); line-height:1.6; }
.form-submit { background:var(--cyan); color:var(--black); border:none; padding:1rem 2.5rem; font-family:var(--font); font-size:0.7rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; cursor:pointer; border-radius:50px; align-self:flex-start; transition:all 0.25s; }
.form-submit:hover { background:#fff; box-shadow:0 0 20px rgba(5,200,200,0.4); transform:translateY(-2px); }

/* ── FOOTER ── */
.site-footer { background:var(--panel); border-top:1px solid var(--border); padding:4rem 3rem 2rem; }
.footer-top { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:3rem; padding-bottom:3rem; border-bottom:1px solid var(--border); margin-bottom:2rem; }
.footer-brand-logo { display:flex; align-items:center; gap:0.7rem; margin-bottom:1.2rem; text-decoration:none; }
.footer-brand-logo .nav-logo-circle { width:36px; height:36px; }
.footer-brand-logo .nav-logo-circle i { font-size:0.75rem; }
.footer-brand-name { font-size:0.65rem; font-weight:800; color:var(--white); letter-spacing:2px; text-transform:uppercase; }
.footer-brand-name span { color:var(--cyan); font-weight:300; font-style:italic; }
.footer-brand-desc { font-size:0.72rem; font-weight:300; color:var(--gray2); line-height:1.8; margin-bottom:0.8rem; }
.footer-brand-prod { font-size:0.58rem; color:rgba(255,255,255,0.2); letter-spacing:1px; }
.footer-col-title { font-size:0.55rem; font-weight:700; letter-spacing:3px; color:var(--cyan); text-transform:uppercase; margin-bottom:1.2rem; }
.footer-links { list-style:none; display:flex; flex-direction:column; gap:0.6rem; }
.footer-links a { font-size:0.72rem; font-weight:400; color:var(--gray2); text-decoration:none; transition:color 0.25s; }
.footer-links a:hover { color:var(--cyan); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; }
.footer-copy { font-size:0.6rem; color:rgba(255,255,255,0.18); }
.footer-director { font-size:0.6rem; color:rgba(255,255,255,0.18); }
.footer-director span { color:rgba(5,200,200,0.4); }

/* ── VIDEO MODAL ── */
.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.92); backdrop-filter:blur(12px); z-index:15000; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:all 0.3s ease; }
.modal-overlay.active { opacity:1; visibility:visible; }
.modal-inner { max-width:920px; width:90%; position:relative; }
.modal-close { position:absolute; top:-2.8rem; right:0; background:none; border:none; color:var(--gray2); cursor:pointer; font-size:0.6rem; font-weight:600; letter-spacing:2px; font-family:var(--font); display:flex; align-items:center; gap:0.4rem; transition:color 0.25s; }
.modal-close:hover { color:var(--cyan); }
.modal-video { width:100%; aspect-ratio:16/9; border:1px solid var(--border); }

/* ═══════════════════════════════════════════════════
   RESPONSIVE — Tablet & Mobile
═══════════════════════════════════════════════════ */

/* ── TABLET (≤1024px) ── */
@media (max-width: 1024px) {
    .nav { padding: 1.2rem 1.5rem; }
    .nav-links { gap: 1.4rem; }
    .nav-links a { font-size: 0.6rem; }

    .hero { grid-template-columns: 1fr; padding: 0 1.5rem; gap: 2rem; text-align: center; }
    .hero-left { padding-top: 8rem; padding-bottom: 1rem; }
    .hero-badge { margin: 0 auto 2rem; }
    .hero-hook { margin-left: auto; margin-right: auto; }
    .hero-btns { justify-content: center; }
    .hero-meta { justify-content: center; flex-wrap: wrap; }
    .hero-right { padding-top: 0; padding-bottom: 5rem; justify-content: center; }
    .hero-card { width: 100%; max-width: 460px; }

    .about-grid, .presentador-grid, .contact-grid { grid-template-columns: 1fr; gap: 3rem; }
    .secciones-grid, .participar-grid { grid-template-columns: repeat(2, 1fr); }
    .ep-grid { grid-template-columns: repeat(2, 1fr); }
    .ep-featured { grid-template-columns: 1fr; }
    .stats-grid-2x2 { grid-template-columns: 1fr 1fr; }

    .section { padding: 5rem 1.5rem; }
    .section-h2 { font-size: 2.2rem; }
}

/* ── MOBILE (≤640px) ── */
@media (max-width: 640px) {
    .nav { flex-wrap: wrap; padding: 1rem; }
    .nav-links { display: none; }  /* menú completo se simplifica en móvil */
    .nav-brand-t2 { font-size: 0.62rem; }
    .nav-right { gap: 0.5rem; }
    .nav-login-btn { padding: 0.5rem 0.9rem; font-size: 0.55rem; }
    .nav-cta { padding: 0.5rem 1.1rem; font-size: 0.58rem; }

    .hero { min-height: auto; padding: 0 1.2rem; }
    .hero-left { padding-top: 7rem; padding-bottom: 0; }
    .hero-title { font-size: 2.6rem; letter-spacing: -1px; margin-bottom: 1.2rem; }
    .hero-hook { font-size: 1.05rem; margin-bottom: 1.8rem; }
    .hero-btns { flex-direction: column; width: 100%; }
    .btn-cyan, .btn-ghost { width: 100%; justify-content: center; }
    .hero-meta { flex-direction: column; gap: 0.6rem; align-items: center; }
    .hero-right { padding-bottom: 4rem; }
    .hero-card { width: 100%; }
    .hero-card-ep-title { font-size: 0.75rem; }

    .ticker-item { font-size: 0.55rem; }

    .section { padding: 3.5rem 1.2rem; }
    .section-h2 { font-size: 1.7rem; }
    .section-lead, .about-body { font-size: 0.78rem; }

    .about-grid, .presentador-grid, .contact-grid { gap: 2.5rem; }
    .secciones-grid, .participar-grid, .ep-grid { grid-template-columns: 1fr; }
    .stats-grid-2x2 { grid-template-columns: 1fr 1fr; gap: 1px; }
    .stat-box { padding: 1.5rem 1rem; }
    .stat-box-num { font-size: 2.2rem; }

    .ep-featured-info { padding: 1.8rem; }
    .ep-title-big { font-size: 1.1rem; }
    .ep-num-big { font-size: 3rem; }
    .ep-meta-row { flex-wrap: wrap; gap: 0.8rem; }

    .presentador-frame { aspect-ratio: 4/5; }
    .nombre-big { font-size: 1.6rem; }

    .partners-row { gap: 1.2rem; }
    .partner-item { font-size: 0.6rem; }

    .form-row { grid-template-columns: 1fr; }
    .footer-top { grid-template-columns: 1fr; gap: 2rem; }
    .footer-bottom { flex-direction: column; gap: 0.8rem; text-align: center; }

    .modal-inner { width: 95%; }
    .modal-close { top: -2.2rem; }
}

/* ── SMALL MOBILE (≤400px) ── */
@media (max-width: 400px) {
    .hero-title { font-size: 2.1rem; }
    .hero-hook { font-size: 0.95rem; }
    .section-h2 { font-size: 1.4rem; }
}