/* ════════════════════════════════════════════════════════════════
   ORA3.app — Landing Page · Hoja de estilos (layouts/estilos.css)
   Paleta ORA3 · Modo oscuro (base) + Modo claro (pastel en degradé)
   Mejoras del skill: navbar 2 filas en móvil · logo 90px · combo con fondo
   ════════════════════════════════════════════════════════════════ */

:root {
  --c-dark:#080B18; --c-navy:#0C152E; --c-purple:#2D0A5E; --c-purple-mid:#5A1A9E;
  --c-violet:#9500FF; --c-magenta:#D800A0; --c-pink:#F943C0; --c-blue:#0062D9;
  --c-cyan:#00D8FD; --c-gold:#E9A522; --c-lavender:#A67BCD; --c-white:#FFFFFF;

  --bg-body:#080B18;
  --bg-section-a:linear-gradient(180deg,#080B18 0%,#0C152E 100%);
  --bg-section-b:linear-gradient(180deg,#0C152E 0%,rgba(45,10,94,.4) 50%,#080B18 100%);
  --bg-section-c:linear-gradient(135deg,#2D0A5E 0%,#0C152E 100%);
  --bg-navbar:rgba(8,11,24,.93);
  --txt-main:#FFFFFF;
  --txt-muted:rgba(255,255,255,0.6);
  --card-dark-bg:linear-gradient(135deg,rgba(45,10,94,.45),rgba(12,21,46,.6));
  --c-border:rgba(149,0,255,0.22);

  --card-mint:#D4F1E4; --card-mint-bdr:#86EFAC;
  --card-lavender:#E8E4FA; --card-lav-bdr:#C4B5FD;
  --card-yellow:#FEF3C7; --card-yel-bdr:#FCD34D;
  --card-blue:#DBEAFE; --card-blue-bdr:#93C5FD;
  --card-pink:#FCE7F3; --card-pink-bdr:#F9A8D4;
  --card-peach:#FDE8D0; --card-peach-bdr:#FDB572;

  --radius:18px; --radius-sm:10px;
  --transition:0.38s cubic-bezier(.25,.8,.25,1);
  --shadow-hover:0 20px 56px rgba(149,0,255,0.28);
}

/* ═══════ MODO CLARO — tonos pastel en degradé ═══════ */
[data-theme="light"] {
  --bg-body:#F4F1FB;
  --bg-section-a:linear-gradient(180deg,#F6F2FE 0%,#EAF3FF 100%);
  --bg-section-b:linear-gradient(180deg,#FDF2FB 0%,#F1ECFE 50%,#EAF6FF 100%);
  --bg-section-c:linear-gradient(135deg,#EDE6FE 0%,#E3F1FF 100%);
  --bg-navbar:rgba(255,255,255,0.9);
  --txt-main:#1A1033;
  --txt-muted:#5b5470;
  --card-dark-bg:#FFFFFF;
  --c-border:rgba(149,0,255,0.18);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  font-family:'Inter',sans-serif;
  background:var(--bg-body);
  color:var(--txt-main);
  overflow-x:hidden;
  line-height:1.65;
  transition:background .4s ease,color .4s ease;
}
img { max-width:100%; display:block; -webkit-user-drag:none; user-select:none; pointer-events:none; }
a { text-decoration:none; color:inherit; }
.container { max-width:1200px; margin:0 auto; padding:0 28px; }
section { padding:90px 0; }

h1,h2,h3,h4 { font-family:'Poppins',sans-serif; line-height:1.18; }
.accent { font-family:'Poppins',sans-serif; font-style:italic; font-weight:600; }

.tag-chip {
  display:inline-block;
  background:linear-gradient(135deg,rgba(149,0,255,.18),rgba(0,216,253,.14));
  border:1px solid rgba(0,216,253,.35); color:var(--c-cyan);
  font-size:.74rem; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  padding:5px 18px; border-radius:50px; margin-bottom:14px;
}
[data-theme="light"] .tag-chip { color:#7c1fd0; border-color:rgba(124,31,208,.3); }

.section-title {
  font-size:clamp(1.65rem,3.6vw,2.6rem); font-weight:800; margin-bottom:14px;
  background:linear-gradient(135deg,var(--txt-main) 0%,var(--c-lavender) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
[data-theme="light"] .section-title {
  background:linear-gradient(135deg,#2D0A5E 0%,#9500FF 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.section-sub { font-size:1rem; color:var(--txt-muted); max-width:640px; margin:0 auto 52px; line-height:1.75; }
.grad-text { background:linear-gradient(135deg,var(--c-cyan),var(--c-pink)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.text-center { text-align:center; }

/* ═══════ BOTONES ═══════ */
.btn { display:inline-flex; align-items:center; gap:9px; padding:13px 30px; border-radius:50px; font-weight:700; font-size:.92rem; cursor:pointer; border:none; transition:var(--transition); font-family:'Inter',sans-serif; }
.btn-primary { background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); color:#fff; box-shadow:0 4px 22px rgba(149,0,255,.42); }
.btn-primary:hover { transform:translateY(-3px) scale(1.03); box-shadow:0 14px 42px rgba(149,0,255,.6); }
.btn-outline { background:rgba(255,255,255,.08); color:#fff; border:2px solid rgba(255,255,255,.4); backdrop-filter:blur(8px); }
.btn-outline:hover { border-color:var(--c-cyan); color:var(--c-cyan); transform:translateY(-3px); }
.btn-gold { background:linear-gradient(135deg,var(--c-gold),#F4C542); color:#1a0800; box-shadow:0 4px 22px rgba(233,165,34,.38); }
.btn-gold:hover { transform:translateY(-3px) scale(1.03); box-shadow:0 12px 38px rgba(233,165,34,.52); }

/* ═══════ NAVBAR ═══════ */
#navbar { position:fixed; top:0; left:0; right:0; z-index:1000; padding:0 28px; transition:var(--transition); }
#navbar.scrolled { background:var(--bg-navbar); backdrop-filter:blur(22px); border-bottom:1px solid var(--c-border); box-shadow:0 4px 30px rgba(0,0,0,.25); }
.nav-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:110px; gap:14px; }
/* Logo a 90px de alto (proporcional al ancho), enlaza a index.html */
.nav-logo img { height:90px; width:auto; object-fit:contain; transition:var(--transition); pointer-events:auto; }
.nav-logo img:hover { opacity:.85; transform:scale(1.04); }
.nav-menu { display:flex; align-items:center; gap:2px; list-style:none; }
.nav-menu a { display:block; padding:8px 12px; font-size:.85rem; font-weight:500; color:var(--txt-main); opacity:.82; border-radius:8px; transition:var(--transition); white-space:nowrap; }
.nav-menu a:hover { color:var(--c-cyan); opacity:1; background:rgba(0,216,253,.08); }
.nav-actions { display:flex; align-items:center; gap:9px; flex-shrink:0; }
.btn-login { padding:9px 18px; font-size:.82rem; border-radius:50px; border:1.5px solid var(--c-border); background:transparent; color:var(--txt-main); font-weight:600; cursor:pointer; transition:var(--transition); font-family:'Inter',sans-serif; }
.btn-login:hover { border-color:var(--c-cyan); color:var(--c-cyan); }
#navbar:not(.scrolled) .nav-menu a { color:#fff; opacity:.9; }
#navbar:not(.scrolled) .nav-menu a:hover { color:var(--c-cyan); background:rgba(0,216,253,.14); opacity:1; }
#navbar:not(.scrolled) .btn-login { color:#fff; border-color:rgba(255,255,255,.5); }
#navbar:not(.scrolled) .btn-login:hover { color:var(--c-cyan); border-color:var(--c-cyan); }
#navbar:not(.scrolled) .theme-toggle { color:#fff; border-color:rgba(255,255,255,.5); }
#navbar:not(.scrolled) .hamburger span { background:#fff; }
.btn-trial { padding:9px 18px; font-size:.82rem; border-radius:50px; background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); color:#fff; font-weight:700; cursor:pointer; border:none; transition:var(--transition); box-shadow:0 4px 16px rgba(149,0,255,.38); font-family:'Inter',sans-serif; }
.btn-trial:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(149,0,255,.55); }

.theme-toggle { width:42px; height:42px; border-radius:50%; border:1.5px solid var(--c-border); background:transparent; color:var(--txt-main); cursor:pointer; font-size:1rem; display:flex; align-items:center; justify-content:center; transition:var(--transition); }
.theme-toggle:hover { border-color:var(--c-gold); color:var(--c-gold); transform:rotate(20deg); }

.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; background:none; border:none; }
.hamburger span { display:block; width:24px; height:2px; background:var(--txt-main); border-radius:2px; transition:var(--transition); }
.hamburger.open span:nth-child(1){ transform:rotate(45deg) translate(5px,5px); }
.hamburger.open span:nth-child(2){ opacity:0; }
.hamburger.open span:nth-child(3){ transform:rotate(-45deg) translate(5px,-5px); }
.mobile-nav { display:none; position:fixed; left:0; right:0; background:var(--bg-navbar); backdrop-filter:blur(20px); border-bottom:1px solid var(--c-border); padding:20px 28px 28px; z-index:999; }
.mobile-nav.open { display:block; }
.mobile-nav ul { list-style:none; display:flex; flex-direction:column; gap:4px; }
.mobile-nav a { display:block; padding:12px 16px; font-size:.95rem; font-weight:500; color:var(--txt-main); border-radius:10px; transition:var(--transition); }
.mobile-nav a:hover { background:rgba(149,0,255,.12); color:var(--c-cyan); }

/* ═══════ HERO – SLIDES ═══════ */
#inicio { position:relative; height:100vh; min-height:680px; display:flex; align-items:center; overflow:hidden; }
.slideshow { position:absolute; inset:0; z-index:0; }
.slide { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1.07); transition:opacity 1.4s ease, transform 8s ease; will-change:opacity,transform; }
.slide.active { opacity:1; transform:scale(1); }
.slide.exiting { opacity:0; transform:scale(.96); }
.slide-1 { background-image:url('https://ora3.app/images/slide/slide1.jpg'); }
.slide-2 { background-image:url('https://ora3.app/images/slide/slide2.jpg'); }
.slide-3 { background-image:url('https://ora3.app/images/slide/slide3.jpg'); }
.slide-overlay { position:absolute; inset:0; background:linear-gradient(125deg,rgba(8,11,24,.88) 0%,rgba(45,10,94,.72) 45%,rgba(8,11,24,.80) 100%); z-index:1; }
.hero-content { position:relative; z-index:2; max-width:800px; padding-top:110px; color:#fff; }
.slide-content { display:none; animation:slideIn .8s ease both; }
.slide-content.active { display:block; }
@keyframes slideIn { from{opacity:0;transform:translateY(32px);} to{opacity:1;transform:translateY(0);} }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(149,0,255,.16); border:1px solid rgba(149,0,255,.42); border-radius:50px; padding:7px 18px; font-size:.78rem; font-weight:600; color:var(--c-cyan); margin-bottom:22px; letter-spacing:1px; text-transform:uppercase; }
.hero-badge i { color:var(--c-gold); }
.hero-title { font-size:clamp(2rem,5vw,3.7rem); font-weight:900; margin-bottom:22px; font-family:'Poppins',sans-serif; line-height:1.12; color:#fff; }
.hero-sub { font-size:clamp(.94rem,1.7vw,1.14rem); color:rgba(255,255,255,.75); max-width:590px; margin-bottom:36px; line-height:1.78; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:44px; }
.hero-pills { display:flex; flex-wrap:wrap; gap:10px; }
.hero-pill { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:50px; padding:6px 14px; font-size:.78rem; color:rgba(255,255,255,.8); font-weight:500; backdrop-filter:blur(6px); }
.hero-pill i { color:var(--c-cyan); font-size:.72rem; }
.slide-dots { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; gap:9px; z-index:3; }
.dot { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.3); cursor:pointer; border:none; transition:var(--transition); }
.dot.active { background:var(--c-cyan); width:26px; border-radius:5px; box-shadow:0 0 10px rgba(0,216,253,.7); }
.slide-nav-btn { position:absolute; top:50%; transform:translateY(-50%); width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,.12); border:2px solid rgba(255,255,255,.25); backdrop-filter:blur(14px); color:#fff; font-size:1.2rem; cursor:pointer; z-index:5; display:flex; align-items:center; justify-content:center; transition:var(--transition); }
.slide-nav-btn:hover { background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); border-color:var(--c-cyan); transform:translateY(-50%) scale(1.08); }
.slide-nav-prev { left:22px; } .slide-nav-next { right:22px; }

/* ═══════ STATS BAR ═══════ */
.stats-bar { background:var(--bg-section-c); border-top:1px solid var(--c-border); border-bottom:1px solid var(--c-border); padding:44px 0; }
.stats-bar-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
.sb-num { font-size:2.2rem; font-weight:900; font-family:'Poppins',sans-serif; background:linear-gradient(135deg,var(--c-cyan),var(--c-pink)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.sb-lbl { font-size:.8rem; color:var(--txt-muted); margin-top:5px; }

/* ═══════ SECCIONES FONDO ═══════ */
.section-dark { background:var(--bg-section-a); }
.section-mid { background:var(--bg-section-b); }

/* ═══════ TARJETAS COLORES ═══════ */
.cards-grid { display:grid; gap:20px; justify-items:center; max-width:1200px; margin:0 auto; }
.cards-grid-2 { grid-template-columns:repeat(2,1fr); }
.cards-grid-3 { grid-template-columns:repeat(3,1fr); }
.cards-grid-4 { grid-template-columns:repeat(4,1fr); }
.cards-grid-5 { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; max-width:1200px; margin:0 auto; }
.cards-grid-5 > *:nth-child(1){ grid-column:1/3; } .cards-grid-5 > *:nth-child(2){ grid-column:3/5; } .cards-grid-5 > *:nth-child(3){ grid-column:5/7; }
.cards-grid-5 > *:nth-child(4){ grid-column:1/3; } .cards-grid-5 > *:nth-child(5){ grid-column:5/7; }
.cards-grid-7 > *:nth-child(7){ grid-column:2/3; }

.fcard { border-radius:var(--radius); padding:30px 26px; text-align:center; transition:var(--transition); opacity:0; transform:translateY(24px); width:100%; }
.fcard.in { opacity:1; transform:translateY(0); }
.fcard:hover { transform:translateY(-6px) scale(1.02); }
.fcard:hover .fcard-icon { transform:scale(1.18) rotate(-6deg); }
.fcard-icon { font-size:2.4rem; margin-bottom:16px; display:block; transition:var(--transition); }
.fcard-mint { background:var(--card-mint); border:2px solid var(--card-mint-bdr); } .fcard-mint:hover{ box-shadow:0 8px 18px #aaeec9; }
.fcard-lav { background:var(--card-lavender); border:2px solid var(--card-lav-bdr); } .fcard-lav:hover{ box-shadow:0 8px 18px #cdc1f5; }
.fcard-yel { background:var(--card-yellow); border:2px solid var(--card-yel-bdr); } .fcard-yel:hover{ box-shadow:0 8px 18px #f6dd99; }
.fcard-blue { background:var(--card-blue); border:2px solid var(--card-blue-bdr); } .fcard-blue:hover{ box-shadow:0 8px 18px #b4d3f6; }
.fcard-pink { background:var(--card-pink); border:2px solid var(--card-pink-bdr); } .fcard-pink:hover{ box-shadow:0 8px 18px #f4c2dc; }
.fcard-peach { background:var(--card-peach); border:2px solid var(--card-peach-bdr); } .fcard-peach:hover{ box-shadow:0 8px 18px #fcc99a; }
.fcard h3 { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.05rem; color:#1a1033; margin-bottom:10px; }
.fcard p { font-size:.87rem; color:#3d3060; line-height:1.7; }

.pillars-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; justify-items:center; max-width:1200px; margin:0 auto; }

/* ═══════ PERFILES ═══════ */
.profile-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.pcard { border-radius:var(--radius); padding:40px 32px; text-align:center; transition:var(--transition); opacity:0; transform:translateY(24px); }
.pcard.in { opacity:1; transform:translateY(0); }
.pcard:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); }
.pcard-persona { background:var(--card-mint); border:2px solid var(--card-mint-bdr); }
.pcard-emprendedor { background:var(--card-lavender); border:2px solid var(--card-lav-bdr); }
.pcard-empresa { background:var(--card-yellow); border:2px solid var(--card-yel-bdr); }
.pcard h3 { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.2rem; color:#1a1033; margin:16px 0 10px; }
.pcard p { font-size:.88rem; color:#3d3060; line-height:1.7; margin-bottom:16px; }
.pcard-emoji { font-size:3rem; }
.pcard-tag { display:inline-block; background:rgba(90,26,158,.15); border:1px solid rgba(90,26,158,.3); color:#5A1A9E; padding:5px 14px; border-radius:50px; font-size:.75rem; font-weight:700; }

/* ═══════ PLANES / PRECIOS ═══════ */
.plans-section { background:var(--bg-section-b); }
.cyber-banner { background:linear-gradient(135deg,#1a0040,#3d0080,#1a0040); border-top:2px solid rgba(233,165,34,.6); border-bottom:2px solid rgba(233,165,34,.6); padding:30px 28px; text-align:center; border-radius:var(--radius); margin-bottom:8px; }
.cyber-banner h3 { font-family:'Poppins',sans-serif; font-size:clamp(1.2rem,2.5vw,1.7rem); font-weight:800; color:var(--c-gold); margin-bottom:8px; }
.cyber-banner p { font-size:.9rem; color:rgba(255,255,255,.85); margin-bottom:8px; }
.cyber-off { display:inline-block; background:var(--c-gold); color:#1a0800; padding:6px 22px; border-radius:50px; font-weight:900; font-size:1.1rem; margin:8px 0; }
.geo-note { text-align:center; font-size:.82rem; color:var(--txt-muted); margin:6px auto 30px; max-width:560px; }
.geo-note strong { color:var(--c-cyan); }
.plans-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; align-items:stretch; max-width:1200px; margin:0 auto; }
.plans-grid > .plan-card:nth-child(1){ grid-column:1/3; } .plans-grid > .plan-card:nth-child(2){ grid-column:3/5; } .plans-grid > .plan-card:nth-child(3){ grid-column:5/7; }
.plans-grid > .plan-card:nth-child(4){ grid-column:1/3; } .plans-grid > .plan-card:nth-child(5){ grid-column:5/7; }
.plan-card { background:var(--card-dark-bg); border:1px solid var(--c-border); border-radius:var(--radius); padding:28px 22px; text-align:center; transition:transform .42s cubic-bezier(.25,.8,.25,1),box-shadow .42s,border-color .42s ease; position:relative; opacity:0; transform:translateY(24px); display:flex; flex-direction:column; min-height:880px; }
[data-theme="light"] .plan-card { box-shadow:0 8px 26px rgba(149,0,255,.1); }
.plan-card.in { opacity:1; transform:translateY(0); }
.plan-card:hover { border-color:rgba(149,0,255,.5); box-shadow:0 18px 50px rgba(99,55,160,.35); transform:translateY(-10px) scale(1.02); }
.plan-card.featured { background:linear-gradient(135deg,rgba(90,26,158,.7),rgba(149,0,255,.4)); border-color:rgba(149,0,255,.6); box-shadow:0 8px 40px rgba(149,0,255,.28); }
[data-theme="light"] .plan-card.featured { background:linear-gradient(135deg,#efe2ff,#f6ecff); }
.plan-card .plan-features { flex-grow:1; }
.plan-badge { position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); color:#fff; padding:4px 16px; border-radius:50px; font-size:.7rem; font-weight:800; white-space:nowrap; }
.plan-name { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.1rem; margin-bottom:4px; color:var(--txt-main); }
.plan-desc { font-size:.78rem; color:var(--txt-muted); margin-bottom:18px; }
.plan-price { margin-bottom:6px; }
.plan-price .amount { font-family:'Poppins',sans-serif; font-size:2rem; font-weight:900; background:linear-gradient(135deg,var(--c-cyan),var(--c-pink)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.plan-price .free-amount { font-family:'Poppins',sans-serif; font-size:2rem; font-weight:900; color:#1faa57; }
.plan-price .period { font-size:.78rem; color:var(--txt-muted); }
.plan-original { font-size:.78rem; color:var(--txt-muted); text-decoration:line-through; margin-bottom:4px; min-height:18px; }
.plan-savings-tag { display:inline-block; background:rgba(31,170,87,.15); border:1px solid rgba(31,170,87,.3); color:#1faa57; padding:3px 10px; border-radius:50px; font-size:.7rem; font-weight:700; margin-bottom:18px; }
.plan-features { list-style:none; margin-bottom:22px; text-align:left; }
.plan-features li { font-size:.78rem; color:var(--txt-main); opacity:.85; padding:5px 0; display:flex; align-items:flex-start; gap:7px; border-bottom:1px solid var(--c-border); }
.plan-features li:last-child { border-bottom:none; }
.plan-features li .chk { color:#1faa57; font-weight:700; flex-shrink:0; font-size:.72rem; margin-top:3px; }
.plan-fp-section { background:rgba(149,0,255,.12); border:1px solid rgba(149,0,255,.25); border-radius:10px; padding:12px; margin-bottom:16px; text-align:left; }
.plan-fp-title { font-size:.72rem; font-weight:700; color:var(--c-lavender); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
[data-theme="light"] .plan-fp-title { color:#7c1fd0; }
.plan-fp-items { list-style:none; }
.plan-fp-items li { font-size:.74rem; color:var(--txt-main); opacity:.78; padding:3px 0; display:flex; align-items:flex-start; gap:6px; }
.plan-fp-items li i { color:var(--c-violet); font-size:.66rem; margin-top:4px; flex-shrink:0; }
.plan-total-6m { background:rgba(0,216,253,.1); border:1px dashed rgba(0,216,253,.4); border-radius:12px; padding:10px 14px; margin:14px 0; font-size:.82rem; color:var(--txt-main); line-height:1.45; }
.plan-total-6m .lbl { display:block; color:var(--c-cyan); font-weight:600; font-size:.72rem; letter-spacing:1px; text-transform:uppercase; margin-bottom:2px; }
.plan-total-6m strong { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.05rem; }
.btn-plan { display:block; width:100%; padding:11px 14px; border-radius:50px; font-size:.84rem; font-weight:700; text-align:center; cursor:pointer; border:none; transition:var(--transition); font-family:'Inter',sans-serif; }
.btn-plan-primary { background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); color:#fff; box-shadow:0 4px 16px rgba(149,0,255,.35); }
.btn-plan-primary:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(149,0,255,.5); }
.btn-plan-outline { background:transparent; border:1.5px solid var(--c-border); color:var(--txt-main); }
.btn-plan-outline:hover { border-color:var(--c-cyan); color:var(--c-cyan); }
.btn-plan-gold { background:linear-gradient(135deg,var(--c-gold),#F4C542); color:#1a0800; box-shadow:0 4px 16px rgba(233,165,34,.35); }
.btn-plan-gold:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(233,165,34,.5); }

/* moneda */
.usd { display:none; } [data-currency="USD"] .cop { display:none; } [data-currency="USD"] .usd { display:inline; }

/* ═══════ CURSO CENCO ═══════ */
.curso-cenco-section { background:linear-gradient(180deg,var(--bg-body) 0%,var(--c-navy) 50%,var(--c-purple) 100%); position:relative; overflow:hidden; }
[data-theme="light"] .curso-cenco-section { background:linear-gradient(180deg,#eef7f1 0%,#ede6fe 100%); }
.curso-cenco-section .container { position:relative; z-index:1; }
.curso-cenco-tag { display:inline-block; background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(233,165,34,.18)); border:1px solid rgba(16,185,129,.45); color:#0f9e6e; font-size:.74rem; font-weight:800; letter-spacing:2px; text-transform:uppercase; padding:6px 18px; border-radius:50px; margin-bottom:16px; }
.curso-cenco-title { font-family:'Poppins',sans-serif; font-size:clamp(1.7rem,3.8vw,2.8rem); font-weight:800; line-height:1.18; margin-bottom:16px; background:linear-gradient(135deg,var(--txt-main) 0%,#10B981 50%,var(--c-gold) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.curso-cenco-title em { font-style:italic; font-weight:600; }
.curso-cenco-sub { font-size:1.02rem; color:var(--txt-muted); max-width:760px; margin:0 auto 36px; line-height:1.8; }
.curso-cenco-sub strong { color:#0f9e6e; }
.curso-hero-card { background:linear-gradient(160deg,rgba(5,150,105,.18) 0%,rgba(12,21,46,.88) 55%,rgba(45,10,94,.55) 100%); border:2px solid rgba(16,185,129,.5); border-radius:var(--radius); padding:40px 36px; box-shadow:0 16px 50px rgba(16,185,129,.22); position:relative; margin-bottom:48px; }
[data-theme="light"] .curso-hero-card { background:linear-gradient(160deg,#e7f7ef,#fff 60%,#f3ecff); }
.curso-hero-badge { position:absolute; top:-16px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,#059669,#10B981,#E9A522); color:#fff; padding:7px 22px; border-radius:50px; font-family:'Poppins',sans-serif; font-size:.78rem; font-weight:800; box-shadow:0 6px 18px rgba(16,185,129,.55); white-space:nowrap; }
.curso-hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:36px; align-items:center; }
.curso-hero-left h3 { font-family:'Poppins',sans-serif; font-size:1.5rem; font-weight:800; color:var(--txt-main); margin-bottom:12px; line-height:1.25; }
.curso-hero-left h3 .gold { color:var(--c-gold); } .curso-hero-left h3 .green { color:#10B981; }
.curso-hero-left p { font-size:.94rem; color:var(--txt-muted); line-height:1.75; margin-bottom:22px; }
.curso-price-box { background:rgba(0,0,0,.18); border:1px solid rgba(16,185,129,.35); border-radius:14px; padding:22px 24px; margin-bottom:24px; }
[data-theme="light"] .curso-price-box { background:rgba(16,185,129,.06); }
.curso-price-line { display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:8px 0; border-bottom:1px dashed var(--c-border); }
.curso-price-line:last-child { border-bottom:none; }
.curso-price-line .lbl { font-size:.82rem; color:var(--txt-main); opacity:.85; font-weight:600; }
.curso-price-line .lbl small { display:block; font-size:.68rem; opacity:.6; font-weight:500; margin-top:2px; }
.curso-price-line .val { font-family:'Poppins',sans-serif; font-size:1.05rem; font-weight:800; color:var(--txt-main); white-space:nowrap; }
.curso-price-line.discount-row .val { color:#10B981; }
.curso-price-line.featured-row { background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(233,165,34,.12)); margin:8px -8px; padding:12px; border-radius:10px; border:1px solid rgba(233,165,34,.35); }
.curso-price-line.featured-row .val { font-size:1.3rem; background:linear-gradient(135deg,#10B981,var(--c-gold)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.curso-hero-cta { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg,#059669 0%,#10B981 50%,#E9A522 100%); color:#fff; padding:14px 30px; border-radius:50px; font-family:'Poppins',sans-serif; font-weight:800; font-size:.92rem; box-shadow:0 8px 28px rgba(16,185,129,.5); transition:var(--transition); text-transform:uppercase; }
.curso-hero-cta:hover { transform:translateY(-3px); box-shadow:0 14px 36px rgba(16,185,129,.7); filter:brightness(1.1); }
.curso-hero-right { background:linear-gradient(160deg,rgba(233,165,34,.16),rgba(244,197,66,.06)); border:1px solid rgba(233,165,34,.4); border-radius:var(--radius); padding:28px 24px; }
.curso-hero-right .pct-big { font-family:'Poppins',sans-serif; font-size:3.4rem; font-weight:900; line-height:1; background:linear-gradient(135deg,var(--c-gold),#F4C542,#10B981); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:6px; }
.curso-hero-right .pct-label { font-family:'Poppins',sans-serif; font-size:.92rem; font-weight:700; color:var(--txt-main); margin-bottom:14px; }
.curso-hero-right ul { list-style:none; text-align:left; }
.curso-hero-right ul li { font-size:.85rem; color:var(--txt-main); opacity:.9; padding:7px 0; display:flex; align-items:flex-start; gap:9px; border-bottom:1px solid var(--c-border); line-height:1.55; }
.curso-hero-right ul li:last-child { border-bottom:none; }
.curso-hero-right ul li i { color:var(--c-gold); font-size:.76rem; margin-top:5px; flex-shrink:0; }
.curso-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.curso-pillar { background:var(--card-dark-bg); border:1px solid rgba(16,185,129,.32); border-radius:var(--radius); padding:28px 24px; transition:var(--transition); }
.curso-pillar:hover { border-color:rgba(16,185,129,.7); box-shadow:0 12px 30px rgba(16,185,129,.25); transform:translateY(-6px); }
.curso-pillar .pillar-icon { width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(5,150,105,.32)); border:1px solid rgba(16,185,129,.4); display:inline-flex; align-items:center; justify-content:center; font-size:1.4rem; margin-bottom:18px; }
.curso-pillar h4 { font-family:'Poppins',sans-serif; font-size:1.08rem; font-weight:800; color:var(--txt-main); margin-bottom:12px; }
.curso-pillar ul { list-style:none; }
.curso-pillar ul li { font-size:.82rem; color:var(--txt-main); opacity:.82; padding:6px 0; display:flex; align-items:flex-start; gap:8px; line-height:1.55; }
.curso-pillar ul li i { color:#10B981; font-size:.72rem; margin-top:5px; flex-shrink:0; }

/* ═══════ TESTIMONIOS — CARRUSEL ═══════ */
.testi-carousel-wrap { position:relative; max-width:1240px; margin:0 auto; }
.testi-carousel { overflow:hidden; border-radius:var(--radius); }
.testi-track { display:flex; transition:transform .6s cubic-bezier(.25,.8,.25,1); will-change:transform; }
.testi-slide { min-width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:8px; }
@media (max-width:980px){ .testi-slide { grid-template-columns:1fr; } }
.tcard { background:var(--card-dark-bg); border:1px solid var(--c-border); border-radius:var(--radius); padding:28px 24px; transition:var(--transition); display:flex; flex-direction:column; min-height:320px; }
[data-theme="light"] .tcard { box-shadow:0 6px 22px rgba(149,0,255,.08); }
.tcard:hover { border-color:rgba(0,216,253,.4); transform:translateY(-8px) scale(1.02); box-shadow:0 18px 44px rgba(99,55,160,.3); }
.tcard-stars { color:var(--c-gold); font-size:.95rem; margin-bottom:14px; letter-spacing:1px; }
.tcard-quote { font-size:.92rem; color:var(--txt-main); opacity:.9; line-height:1.75; margin-bottom:22px; font-style:italic; flex-grow:1; }
.tcard-author { display:flex; align-items:center; gap:14px; padding-top:14px; border-top:1px solid var(--c-border); }
.tcard-avatar { width:52px; height:52px; border-radius:50%; object-fit:cover; border:2px solid rgba(0,216,253,.4); flex-shrink:0; }
.tcard-name { font-weight:700; font-size:.94rem; color:var(--txt-main); font-family:'Poppins',sans-serif; }
.tcard-role { font-size:.78rem; color:var(--txt-muted); margin-top:2px; }
.testi-nav-btn { position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; background:rgba(149,0,255,.18); border:2px solid rgba(149,0,255,.45); backdrop-filter:blur(12px); color:var(--txt-main); font-size:1rem; cursor:pointer; z-index:5; display:flex; align-items:center; justify-content:center; transition:var(--transition); }
.testi-nav-btn:hover { background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); color:#fff; border-color:var(--c-cyan); transform:translateY(-50%) scale(1.1); }
.testi-nav-prev { left:-22px; } .testi-nav-next { right:-22px; }
@media (max-width:768px){ .testi-nav-prev{ left:8px; } .testi-nav-next{ right:8px; } }
.testi-dots { display:flex; gap:9px; justify-content:center; margin-top:28px; }
.testi-dot { width:9px; height:9px; border-radius:50%; background:var(--c-border); cursor:pointer; border:none; transition:var(--transition); }
.testi-dot.active { background:var(--c-cyan); width:26px; border-radius:5px; }

/* ═══════ FAQ ═══════ */
.faq-section { background:var(--bg-section-c); }
.faq-list { max-width:760px; margin:0 auto; }
.faq-item { border:1px solid var(--c-border); border-radius:var(--radius-sm); margin-bottom:12px; overflow:hidden; transition:var(--transition); background:var(--card-dark-bg); }
.faq-item.open { border-color:rgba(149,0,255,.45); }
.faq-q { padding:20px 24px; font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-size:.93rem; color:var(--txt-main); transition:var(--transition); }
.faq-q:hover { background:rgba(149,0,255,.08); }
.faq-icon { font-size:1.1rem; color:var(--c-violet); transition:transform .3s; flex-shrink:0; }
.faq-item.open .faq-icon { transform:rotate(45deg); }
.faq-a { display:none; padding:0 24px 20px; color:var(--txt-muted); font-size:.88rem; line-height:1.75; }
.faq-item.open .faq-a { display:block; }

/* ═══════ COMISIONES ═══════ */
.comisiones-section { background:var(--bg-section-a); }
.comis-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:8px; }
.comis-card { background:var(--card-dark-bg); border:1px solid rgba(233,165,34,.3); border-radius:var(--radius); padding:28px 22px; text-align:center; transition:var(--transition); }
.comis-card:hover { transform:translateY(-6px); box-shadow:0 8px 18px rgba(180,130,60,.4); border-color:rgba(233,165,34,.6); }
.comis-card:hover .comis-ic { transform:scale(1.18) rotate(-6deg); }
.comis-ic { width:58px; height:58px; margin:0 auto 16px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; background:linear-gradient(135deg,rgba(233,165,34,.25),rgba(16,185,129,.2)); border:1px solid rgba(233,165,34,.4); transition:var(--transition); }
.comis-card h4 { font-family:'Poppins',sans-serif; font-weight:800; font-size:1rem; color:var(--txt-main); margin-bottom:10px; }
.comis-card p { font-size:.84rem; color:var(--txt-muted); line-height:1.65; }
.comis-pct { font-family:'Poppins',sans-serif; font-weight:900; font-size:1.4rem; background:linear-gradient(135deg,var(--c-gold),#10B981); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.motiv-band { margin-top:36px; background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(149,0,255,.14)); border:1px solid var(--c-border); border-radius:var(--radius); padding:32px 28px; text-align:center; }
.motiv-band h3 { font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(1.2rem,2.6vw,1.7rem); color:var(--txt-main); margin-bottom:10px; }
.motiv-band p { color:var(--txt-muted); max-width:680px; margin:0 auto 18px; font-size:.95rem; line-height:1.7; }

/* ═══════ FORMULARIO CONTACTO ═══════ */
.contact-section { background:var(--bg-section-b); }
.contact-card { max-width:760px; margin:0 auto; background:var(--card-dark-bg); border:1px solid var(--c-border); border-radius:var(--radius); padding:38px 34px; }
[data-theme="light"] .contact-card { box-shadow:0 8px 30px rgba(149,0,255,.1); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.form-group { display:flex; flex-direction:column; gap:6px; }
.form-group.full { grid-column:1/-1; }
.form-group label { font-size:.8rem; font-weight:600; color:var(--txt-main); }
.form-group label .req { color:var(--c-magenta); }
.form-control { padding:12px 14px; border-radius:10px; border:1.5px solid var(--c-border); background:rgba(127,127,127,.06); color:var(--txt-main); font-family:'Inter',sans-serif; font-size:.9rem; transition:var(--transition); }
.form-control:focus { outline:none; border-color:var(--c-cyan); box-shadow:0 0 0 3px rgba(0,216,253,.15); }
textarea.form-control { resize:vertical; min-height:120px; }
.phone-row { display:grid; grid-template-columns:200px 1fr; gap:10px; }
/* Combo indicativos con fondo sólido para verlos bien en escritorio */
.indicativo-select { background:var(--c-navy); color:#fff; }
.indicativo-select option { background:var(--c-navy); color:#fff; }
[data-theme="light"] .indicativo-select { background:#EDE6FE; color:#1A1033; }
[data-theme="light"] .indicativo-select option { background:#FFFFFF; color:#1A1033; }
.form-submit { display:inline-flex; align-items:center; gap:9px; padding:14px 34px; border-radius:50px; border:none; cursor:pointer; font-family:'Inter',sans-serif; font-weight:700; font-size:.92rem; background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); color:#fff; box-shadow:0 4px 18px rgba(149,0,255,.4); transition:var(--transition); }
.form-submit:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(149,0,255,.55); }
.form-msg { margin-top:14px; font-size:.85rem; padding:10px 14px; border-radius:10px; display:none; }
.form-msg.ok { display:block; background:rgba(16,185,129,.14); border:1px solid rgba(16,185,129,.4); color:#0f9e6e; }
.form-msg.err { display:block; background:rgba(216,0,160,.12); border:1px solid rgba(216,0,160,.4); color:#d800a0; }

/* ═══════ FOOTER ═══════ */
footer { background:var(--c-dark); color:#fff; padding:64px 0 28px; border-top:1px solid var(--c-border); }
[data-theme="light"] footer { background:#1a1033; }
.footer-motiv { background:linear-gradient(135deg,rgba(149,0,255,.14),rgba(0,216,253,.1)); border:1px solid var(--c-border); border-radius:var(--radius); padding:30px 28px; margin-bottom:44px; text-align:center; }
.footer-motiv h3 { font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(1.15rem,2.4vw,1.5rem); margin-bottom:18px; color:#fff; }
.footer-motiv-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:22px; }
.fm-pill { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:50px; padding:8px 16px; font-size:.82rem; color:rgba(255,255,255,.85); }
.fm-pill i { color:var(--c-cyan); }
.track-box { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:8px; }
.track-letter { position:relative; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-family:'Poppins',sans-serif; font-weight:900; font-size:1.2rem; color:#fff; background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); cursor:help; transition:var(--transition); }
.track-letter:hover { transform:translateY(-4px) scale(1.08); box-shadow:0 8px 20px rgba(149,0,255,.5); }
.track-tip { font-size:.86rem; color:#F4C542; font-family:'Poppins',sans-serif; font-style:italic; font-weight:600; margin-top:14px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:34px; margin-bottom:36px; }
.footer-brand p { font-size:.86rem; color:rgba(255,255,255,.6); line-height:1.7; margin:14px 0; }
.footer-social { display:flex; gap:10px; }
.social-btn { width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; color:#fff; transition:var(--transition); pointer-events:auto; }
.social-btn:hover { background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); transform:translateY(-3px); }
.footer-col h4 { font-family:'Poppins',sans-serif; font-size:.95rem; margin-bottom:14px; color:#fff; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:9px; }
.footer-col ul li a { font-size:.85rem; color:rgba(255,255,255,.6); transition:var(--transition); }
.footer-col ul li a:hover { color:var(--c-cyan); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding-top:22px; text-align:center; font-size:.8rem; color:rgba(255,255,255,.4); }
.footer-bottom a { color:rgba(255,255,255,.5); }

/* ═══════ GLOBO SUBIR ═══════ */
#scrollTop { position:fixed; bottom:28px; right:28px; width:50px; height:50px; background:linear-gradient(135deg,var(--c-violet),var(--c-magenta)); color:#fff; border:none; border-radius:50%; font-size:1.1rem; cursor:pointer; z-index:1000; display:none; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(149,0,255,.4); transition:var(--transition); }
#scrollTop.show { display:flex; }
#scrollTop:hover { transform:translateY(-4px) scale(1.1); }

/* ═══════ ANIMACIONES REVEAL ═══════ */
.reveal,.reveal-left,.reveal-right { opacity:0; transition:opacity .8s ease, transform .8s ease; }
.reveal { transform:translateY(36px); }
.reveal-left { transform:translateX(-44px); }
.reveal-right { transform:translateX(44px); }
.reveal.in,.reveal-left.in,.reveal-right.in { opacity:1; transform:none; }

/* ════════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  .plans-grid { grid-template-columns:repeat(2,1fr); }
  .plans-grid > .plan-card:nth-child(n){ grid-column:auto; }
  .cards-grid-5 { grid-template-columns:repeat(2,1fr); }
  .cards-grid-5 > *:nth-child(n){ grid-column:auto; }
}
@media (max-width:900px){
  .nav-menu { display:none; } .hamburger { display:flex; }
  .pillars-grid,.cards-grid-4,.cards-grid-3,.comis-cards { grid-template-columns:repeat(2,1fr); }
  .profile-cards { grid-template-columns:1fr; }
  .curso-hero-grid,.curso-pillars { grid-template-columns:1fr; gap:28px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .stats-bar-grid { grid-template-columns:repeat(2,1fr); }

  /* ════ NAVBAR MÓVIL — grilla 300px (2 filas) ════
     Fila 1: [logo 250px] [hamburguesa 50px]
     Fila 2: [Iniciar Sesión 125px] [Prueba Gratis 125px] [tema 50px] */
  #navbar { padding:0 12px; }
  .nav-inner {
    display:grid;
    grid-template-columns:125px 125px 50px;  /* 3 columnas = 300px */
    grid-template-rows:auto auto;
    column-gap:0;
    row-gap:10px;
    align-items:center;
    justify-content:center;      /* centra la grilla de 300px */
    max-width:300px;
    width:300px;
    margin:0 auto;
    height:auto;
    padding:10px 0;
  }
  /* La barra de acciones se disuelve para colocar sus hijos en la grilla */
  .nav-actions { display:contents; }

  /* ── Fila 1 ── */
  /* Logo: ocupa las 2 primeras columnas (250px) */
  .nav-logo { grid-column:1 / 3; grid-row:1; justify-self:start; align-self:center; max-width:250px; }
  .nav-logo img { height:auto; max-height:56px; max-width:250px; width:auto; }
  /* Hamburguesa: 3ª columna (50px) */
  .hamburger { grid-column:3; grid-row:1; justify-self:center; align-self:center; }

  /* ── Fila 2 ── */
  /* Iniciar Sesión: columna 1 (125px) */
  .btn-login {
    grid-column:1; grid-row:2;
    width:100%; max-width:120px; justify-self:start;
    padding:9px 4px; font-size:.74rem; text-align:center;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  /* Prueba Gratis: columna 2 (125px) */
  .btn-trial {
    grid-column:2; grid-row:2;
    width:100%; max-width:120px; justify-self:start; margin-left:0;
    display:inline-flex; align-items:center; justify-content:center; gap:5px;
    padding:9px 4px; font-size:.74rem; text-align:center; white-space:nowrap;
  }
  /* Botón de tema: columna 3 (50px) */
  .theme-toggle { grid-column:3; grid-row:2; justify-self:center; width:40px; height:40px; }

  /* Menú desplegable arranca bajo el navbar de 2 filas */
  .mobile-nav { top:80px; }
}
@media (max-width:640px){
  section { padding:64px 0; }
  .plans-grid,.cards-grid-2,.cards-grid-3,.cards-grid-4,.comis-cards,.pillars-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  /* Contáctanos en móvil: indicativo en una fila, teléfono en la siguiente.
     Mismo ancho y estilo que Nombres / Apellidos / Correo. */
  .phone-row { display:block; }
  .phone-row .form-control { display:block; width:100%; max-width:100%; margin-bottom:16px; box-sizing:border-box; }
  .phone-row .form-control:last-child { margin-bottom:0; }
  .footer-grid { grid-template-columns:1fr; }
  .hero-actions { flex-direction:column; }
  .slide-nav-btn { width:44px; height:44px; }

  /* ── HERO: pegado al navbar con pequeña separación, sin montar ── */
  #inicio { height:auto; min-height:auto; align-items:flex-start; padding-top:128px; }
  .hero-content { padding-top:24px; padding-bottom:60px; }

  /* ── CURSO CENCO: todo el contenido dentro de sus recuadros ── */
  /* Tarjeta destacada */
  .curso-hero-card { padding:44px 18px 26px; overflow:hidden; }
  /* Badge "DESTACADO — GANAS MIENTRAS APRENDES": que no se corte a los lados */
  .curso-hero-badge {
    position:static;                 /* deja de estar montado sobre el borde */
    transform:none;
    display:block;
    width:auto;
    margin:0 auto 20px;
    text-align:center;
    white-space:normal;              /* permite salto de línea */
    line-height:1.35;
    font-size:.72rem;
    padding:8px 14px;
  }
  /* Caja de precios: evitar desbordes de las filas */
  .curso-price-box { padding:16px 14px; }
  .curso-price-line { flex-wrap:wrap; gap:4px 10px; }
  .curso-price-line .lbl { flex:1 1 100%; }
  .curso-price-line .val { flex:0 0 auto; }
  .curso-price-line .lbl small { white-space:normal; word-break:break-word; }
  /* Tarjeta del 20%: contenido contenido dentro del recuadro */
  .curso-hero-right { padding:24px 16px; overflow-wrap:anywhere; }
  .curso-hero-right .pct-big { font-size:2.8rem; }
  .curso-hero-right ul li { font-size:.82rem; }
  .curso-hero-cta { width:100%; justify-content:center; white-space:normal; text-align:center; padding:14px 16px; }
}