:root{
  --bg:#03070c;--panel:#07111c;--panel2:#091827;--gold:#ffbf00;--gold2:#ffdc66;
  --blue:#00aef3;--cyan:#00d4ff;--text:#f6f8fb;--muted:#aab8c8;--line:#15324b;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 78% 18%,rgba(0,120,255,.13),transparent 28%),
radial-gradient(circle at 20% 35%,rgba(255,180,0,.07),transparent 22%),
var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 32px;display:flex;align-items:center;
justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(2,5,9,.92);
backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:38px;font-weight:900;letter-spacing:-4px;
color:var(--gold);font-style:italic}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:19px}
.brand-copy small{font-size:9px;letter-spacing:1px;color:#c7cbd1}.main-nav{display:flex;gap:34px;font-weight:600}
.main-nav a{color:#e5e8eb;transition:.2s}.main-nav a:hover{color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle,.menu-toggle{border:1px solid #233646;background:#07101a;
color:white;border-radius:10px;padding:10px 13px}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;
gap:12px;border-radius:9px;padding:16px 24px;font-weight:800;letter-spacing:.2px;transition:.25s;cursor:pointer}
.btn-primary{background:linear-gradient(180deg,#ffd65a,#ffae00);color:#101010;box-shadow:0 0 30px rgba(255,181,0,.25)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 45px rgba(255,181,0,.42)}
.btn-secondary{border:1px solid #33536d;background:rgba(5,15,24,.65)}.btn-secondary:hover{border-color:var(--cyan)}
.btn-small{padding:13px 18px;font-size:13px}.hero{min-height:610px;display:grid;grid-template-columns:43% 57%;
align-items:center;max-width:1480px;margin:auto;padding:42px 46px 18px;position:relative;overflow:hidden}
.hero-copy{padding:22px 10px 40px}.eyebrow{display:inline-block;border:1px solid rgba(255,191,0,.55);color:#ffd34f;
border-radius:24px;padding:8px 14px;font-size:13px;font-weight:700;margin-bottom:22px}.hero h1{font-size:55px;line-height:1.08;
margin:0 0 20px;letter-spacing:-2px}.hero h1 .blue{color:var(--cyan)}.hero h1 .gold{color:var(--gold)}
.hero-copy>p{font-size:18px;line-height:1.65;color:#d4dde7;max-width:630px}.benefit-row{display:flex;gap:26px;
margin:28px 0;color:#d9e5ee;font-size:14px}.benefit-row span::first-letter{color:var(--cyan)}
.hero-actions{display:flex;gap:16px;margin-bottom:24px}.social-proof{color:#d4dce5}.social-proof:first-letter{color:var(--gold)}
.hero-visual{height:540px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-visual img{width:100%;height:100%;object-fit:cover;border-radius:30px;mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 100%);
filter:saturate(1.08) contrast(1.05);position:relative;z-index:1}.orbit{position:absolute;left:52%;top:62%;border:2px solid rgba(0,190,255,.75);
border-radius:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;box-shadow:0 0 22px rgba(0,180,255,.45)}
.orbit-one{width:420px;height:130px;animation:orbitSpin 8s linear infinite}.orbit-two{width:520px;height:170px;animation:orbitSpinReverse 11s linear infinite}
.orbit-three{width:610px;height:210px;opacity:.45;animation:pulse 3s ease-in-out infinite}.pulse-core{position:absolute;left:52%;top:62%;
width:170px;height:55px;border-radius:50%;background:rgba(0,170,255,.18);box-shadow:0 0 80px 25px rgba(0,140,255,.35);
transform:translate(-50%,-50%);z-index:0;animation:pulse 2.3s ease-in-out infinite}.floating-chip{position:absolute;z-index:3;
background:rgba(2,13,24,.78);border:1px solid rgba(0,190,255,.45);box-shadow:0 0 25px rgba(0,120,255,.2);
padding:9px 12px;border-radius:10px;color:#6adfff;font-size:11px;backdrop-filter:blur(8px);animation:float 4s ease-in-out infinite}
.chip-1{left:14%;top:16%}.chip-2{left:12%;top:37%;animation-delay:.8s}.chip-3{right:10%;top:67%;animation-delay:1.4s}
.quick-access{max-width:1480px;margin:0 auto;padding:16px 46px 50px}.section-heading{display:flex;align-items:center;gap:18px;margin:10px 0 24px}
.section-heading span{height:1px;background:linear-gradient(90deg,transparent,#a77200);flex:1}.section-heading h2{font-size:19px;letter-spacing:1px}
.access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.access-card{background:linear-gradient(180deg,rgba(9,25,39,.92),rgba(4,12,20,.92));
border:1px solid #194b6c;border-radius:14px;padding:24px;min-height:300px;display:flex;flex-direction:column;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.access-card h3{font-size:22px;margin:12px 0 8px}.access-card p{color:var(--muted);line-height:1.55}.icon{width:48px;height:48px;
border-radius:50%;display:grid;place-items:center;background:rgba(0,153,255,.14);border:1px solid #138cd4;font-size:22px}
.card-link{margin-top:auto;color:var(--cyan);font-weight:800;padding-top:18px}.premium-card{border-color:#ad7800;box-shadow:0 0 36px rgba(255,174,0,.10)}
.premium-card .icon{border-color:#dca600;background:rgba(255,174,0,.12);color:var(--gold)}.premium-card h3,.premium-card .card-link{color:var(--gold)}
.tool-icons{display:flex;gap:8px;margin:18px 0}.tool-icons span{width:44px;height:44px;border:1px solid #31516a;border-radius:9px;display:grid;place-items:center;
font-size:11px;background:#07131f}.course-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 20px}.course-mini-grid span{
font-size:10px;border:1px solid #3a4752;padding:12px 7px;border-radius:8px;text-align:center}.btn-card{margin-top:auto;padding:14px}
.resource-strip{max-width:1400px;margin:0 auto 60px;border:1px solid #15446a;border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);
background:linear-gradient(180deg,#071523,#04101a)}.resource-strip div{padding:22px;text-align:center;border-right:1px solid #14344c}
.resource-strip div:last-child{border-right:0}.resource-strip strong{display:block;color:var(--cyan);font-size:25px}.resource-strip span{color:var(--muted)}
.video-section{max-width:1300px;margin:0 auto 70px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;
background:linear-gradient(135deg,rgba(10,29,45,.88),rgba(4,9,15,.92));border:1px solid #173c57;border-radius:20px}.video-section h2{font-size:38px}
.video-section p{color:var(--muted);line-height:1.6}.video-placeholder{height:300px;border-radius:18px;border:1px solid #25587a;
display:grid;place-items:center;background:radial-gradient(circle,rgba(0,153,255,.15),transparent 60%)}.video-placeholder span{font-size:60px;color:var(--gold)}
.footer{border-top:1px solid #153149;padding:32px 46px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;color:var(--muted)}
.footer strong{color:white}.footer-links{display:flex;gap:20px}.internal-page{max-width:1320px;margin:auto;padding:50px 40px 80px}
.page-hero{text-align:center;padding:45px 20px}.page-hero h1{font-size:52px;margin:5px 0 18px}.page-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:18px}
.content-grid,.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.content-card,.course-card,.community-panel{
background:linear-gradient(180deg,#0a1825,#050d15);border:1px solid #194b6c;border-radius:16px;padding:28px}.content-card p,.course-card p{color:var(--muted);line-height:1.6}
.tools-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-tile{height:150px;border:1px solid #195e8e;border-radius:16px;
display:grid;place-items:center;background:linear-gradient(180deg,#0c2133,#06111b);font-size:24px;font-weight:800;box-shadow:inset 0 0 30px rgba(0,146,255,.05)}
.course-image{height:180px;border-radius:13px;margin-bottom:18px;background-size:cover;background-position:center}
.course-one{background:linear-gradient(135deg,#032e54,#0c1017)}.course-two{background:linear-gradient(135deg,#3b2800,#111)}.course-three{background:linear-gradient(135deg,#002c2d,#071015)}
.community-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.community-panel p{color:var(--muted)}.community-panel li{margin:14px 0;color:#dce8f2}
@keyframes orbitSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitSpinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}
@keyframes pulse{0%,100%{opacity:.35;scale:1}50%{opacity:.8;scale:1.04}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1050px){.main-nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:20px}.hero-visual{height:500px}.access-grid{grid-template-columns:repeat(2,1fr)}
.content-grid,.course-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{padding:0 16px}.brand-copy{display:none}.menu-toggle{display:block}.main-nav{position:absolute;top:76px;left:0;right:0;
display:none;flex-direction:column;padding:20px;background:#050b12;border-bottom:1px solid #17334b}.main-nav.open{display:flex}.theme-toggle{display:none}
.header-actions .btn-small{font-size:10px;padding:11px}.hero{padding:25px 20px;display:block}.hero h1{font-size:40px}.benefit-row{flex-direction:column;gap:10px}
.hero-actions{flex-direction:column}.hero-visual{height:390px;margin-top:10px}.floating-chip{display:none}.quick-access{padding:10px 20px 40px}.access-grid{grid-template-columns:1fr}
.resource-strip{margin:0 20px 40px;grid-template-columns:1fr 1fr}.resource-strip div:nth-child(2){border-right:0}.video-section{margin:0 20px 50px;padding:25px;grid-template-columns:1fr}
.footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.content-grid,.course-grid,.tools-gallery{grid-template-columns:1fr}
.community-panel{grid-template-columns:1fr}.internal-page{padding:30px 20px}.page-hero h1{font-size:38px}}


/* Selector de idioma */
.language-selector{position:relative}
.language-button{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:10px;
border:1px solid #2a4052;background:#07101a;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.language-button:hover,.language-button[aria-expanded="true"]{border-color:var(--gold);box-shadow:0 0 22px rgba(255,191,0,.18)}
.language-menu{position:absolute;right:0;top:calc(100% + 10px);width:210px;padding:10px;background:rgba(4,10,16,.98);
border:1px solid #2a4052;border-radius:13px;box-shadow:0 22px 55px rgba(0,0,0,.55);display:none;z-index:300}
.language-menu.open{display:block;animation:languageReveal .18s ease-out}
.language-title{padding:8px 10px 11px;color:#aab8c8;font-size:13px;border-bottom:1px solid #182d3f;margin-bottom:5px}
.language-menu button{width:100%;display:grid;grid-template-columns:26px 1fr 20px;align-items:center;text-align:left;
gap:8px;border:0;background:transparent;color:#eef5fa;padding:10px;border-radius:8px;cursor:pointer;font:inherit}
.language-menu button:hover,.language-menu button.active{background:rgba(255,191,0,.10);color:#ffd34f}
.language-menu button b{text-align:right;color:var(--gold)}
@keyframes languageReveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}

/* Tema claro opcional */
body.light-mode{--bg:#edf4f8;--panel:#ffffff;--panel2:#f3f7fa;--text:#0b1520;--muted:#52677a;--line:#bcd0de;
background:linear-gradient(180deg,#f8fbfd,#eaf2f7);color:var(--text)}
body.light-mode .site-header{background:rgba(255,255,255,.94);border-color:#d6e1e8}
body.light-mode .main-nav a{color:#172536}
body.light-mode .theme-toggle,body.light-mode .language-button{background:#fff;color:#142332;border-color:#c6d4de}
body.light-mode .language-menu{background:#fff;border-color:#c6d4de}
body.light-mode .language-menu button{color:#142332}
body.light-mode .access-card,body.light-mode .content-card,body.light-mode .course-card,
body.light-mode .community-panel,body.light-mode .resource-strip,body.light-mode .video-section{
background:#fff;color:#10202d;border-color:#c6d7e3}
body.light-mode .access-card p,body.light-mode .content-card p,body.light-mode .course-card p,
body.light-mode .page-hero p,body.light-mode .video-section p{color:#52677a}

@media(max-width:760px){
  .language-menu{right:-60px;width:205px}
  .language-button{padding:10px}
  .language-button .globe{display:none}
}


/* Imágenes reales de las tarjetas inferiores */
.card-visual{
  width:100%;
  height:142px;
  object-fit:cover;
  object-position:center;
  border-radius:11px;
  margin-bottom:18px;
  border:1px solid rgba(45,126,180,.42);
  box-shadow:0 12px 28px rgba(0,0,0,.32);
  filter:saturate(1.08) contrast(1.05);
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
}
.access-card:hover .card-visual{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 18px 38px rgba(0,118,255,.18);
  filter:saturate(1.18) contrast(1.08);
}
.premium-card .card-visual{
  border-color:rgba(255,191,0,.52);
  box-shadow:0 12px 30px rgba(255,174,0,.12);
}
@media(max-width:760px){
  .card-visual{height:190px}
}


/* === FASE CURSOS PREMIUM === */
.courses-marketplace{max-width:1450px}
.courses-hero{padding-bottom:35px}
.courses-hero h1{max-width:980px;margin-left:auto;margin-right:auto}
.courses-hero-actions{display:flex;gap:14px;justify-content:center;margin-top:28px}
.course-filter-section{padding-top:15px}
.course-filter-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 32px}
.course-filter{border:1px solid #1a557a;background:#06121d;color:#d7e6f1;padding:11px 16px;border-radius:999px;
font:inherit;font-weight:700;cursor:pointer;transition:.2s}
.course-filter:hover,.course-filter.active{border-color:var(--gold);color:#111;background:linear-gradient(180deg,#ffd85e,#ffb300)}
.course-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.premium-course-card{background:linear-gradient(180deg,#091725,#040b12);border:1px solid #184d70;border-radius:18px;overflow:hidden;
display:flex;flex-direction:column;box-shadow:0 18px 45px rgba(0,0,0,.26);transition:.25s}
.premium-course-card:hover{transform:translateY(-4px);border-color:#2585ba;box-shadow:0 24px 60px rgba(0,123,255,.14)}
.course-cover{height:210px;position:relative;padding:22px;display:flex;align-items:flex-end;overflow:hidden}
.course-cover:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 70% 35%,rgba(0,200,255,.32),transparent 23%),
linear-gradient(135deg,rgba(0,32,56,.75),rgba(0,0,0,.35))}
.course-cover:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(0,204,255,.4);border-radius:50%;
right:-35px;top:12px;box-shadow:0 0 40px rgba(0,173,255,.22)}
.cover-ai{background:linear-gradient(135deg,#031d36,#02070d)}
.cover-automation{background:linear-gradient(135deg,#06212d,#021014)}
.cover-marketing{background:linear-gradient(135deg,#1e1300,#07101a)}
.cover-business{background:linear-gradient(135deg,#1c0d22,#071018)}
.cover-content{background:linear-gradient(135deg,#0c1d31,#081118)}
.cover-agents{background:linear-gradient(135deg,#001c2e,#0b0616)}
.course-badge{position:absolute;z-index:2;top:18px;left:18px;border:1px solid rgba(255,191,0,.65);color:#ffd553;
border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.5px;background:rgba(15,10,0,.55)}
.course-cover-copy{position:relative;z-index:2}
.course-cover-copy small{display:block;color:#6adfff;margin-bottom:5px;font-weight:800;letter-spacing:.6px}
.course-cover-copy strong{font-size:24px;line-height:1.15}
.course-body{padding:24px;display:flex;flex-direction:column;gap:13px;flex:1}
.course-meta{display:flex;gap:10px;flex-wrap:wrap}
.course-meta span{font-size:11px;color:#9ec7dd;border:1px solid #264a62;border-radius:999px;padding:6px 9px}
.course-body h2{font-size:23px;margin:0}
.course-body p{color:#9fb2c2;line-height:1.6;margin:0}
.course-price-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.course-price{font-size:26px;font-weight:900;color:var(--gold)}
.course-commission{font-size:11px;color:#71899a;text-align:right}
.course-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.course-actions .btn{padding:13px 12px;font-size:13px}
.affiliate-platforms{margin-top:70px}
.affiliate-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.affiliate-platform-grid div{padding:22px;border:1px solid #244b63;border-radius:14px;text-align:center;font-weight:900;
letter-spacing:1px;background:linear-gradient(180deg,#081725,#040b12)}
.affiliate-platforms>p{text-align:center;color:#8ea5b6;margin-top:18px}
.how-it-works{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:40px;
border:1px solid #184b6d;border-radius:20px;background:linear-gradient(135deg,#071b2a,#040a11)}
.how-it-works h2{font-size:38px;margin:4px 0 12px}
.how-it-works p{color:#9fb2c2;line-height:1.7}
.how-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.how-steps div{padding:20px;border:1px solid #254b63;border-radius:14px;background:#06121d}
.how-steps strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,191,0,.12);
border:1px solid #b78500;color:var(--gold);margin-bottom:12px}
.how-steps span{color:#d8e4ec;line-height:1.4}
.course-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:500;padding:20px}
.course-modal.open{display:flex}
.course-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.course-modal-dialog{position:relative;z-index:2;max-width:620px;width:100%;background:linear-gradient(180deg,#0a1b29,#040a10);
border:1px solid #225b7e;border-radius:20px;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.55)}
.course-modal-close{position:absolute;right:17px;top:13px;background:transparent;border:0;color:white;font-size:30px;cursor:pointer}
.course-modal-label{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:1px;margin-bottom:9px}
.course-modal-dialog h2{font-size:34px;margin:0 0 14px}
.course-modal-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}
.course-modal-meta span{border:1px solid #28516c;color:#9ed9f5;padding:6px 9px;border-radius:999px;font-size:12px}
.course-modal-dialog p{color:#a7bac9;line-height:1.65}
.course-modal-price{font-size:30px;color:var(--gold);font-weight:900;margin:20px 0}
@media(max-width:1050px){.course-catalog-grid{grid-template-columns:1fr 1fr}.affiliate-platform-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .courses-hero-actions{flex-direction:column}.course-catalog-grid{grid-template-columns:1fr}
  .course-actions{grid-template-columns:1fr}.affiliate-platform-grid{grid-template-columns:1fr 1fr}
  .how-it-works{grid-template-columns:1fr;padding:25px}.how-steps{grid-template-columns:1fr}
}