/* TuMundoPanel — sistema visual compartido */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --azul:#12324F; --azul2:#1D4E79; --ambar:#F59E0B; --ambar2:#D97706;
  --verde:#16A34A; --gris:#5B6B7A; --fondo:#F5F8FA; --blanco:#fff;
  --borde:#E2E9EF; --tinta:#182430;
}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--fondo);color:var(--tinta);line-height:1.5}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
/* Header */
header{background:var(--azul);color:#fff;position:relative;z-index:5}
.topbar{background:#0C2438;font-size:12.5px;padding:6px 0;color:#B8CCDD}
.topbar .wrap{display:flex;justify-content:space-between}
nav.main{display:flex;align-items:center;gap:34px;padding:16px 0}
.logo{font-size:22px;font-weight:800;letter-spacing:-.5px}
.logo span{color:var(--ambar)}
.logo small{display:block;font-size:10px;font-weight:600;letter-spacing:1.6px;color:#9FC1DB;text-transform:uppercase}
nav.main ul{display:flex;gap:26px;list-style:none;font-size:14.5px;font-weight:600;margin-left:auto}
nav.main a{color:#D8E6F2;text-decoration:none}
nav.main a.activo{color:var(--ambar)}
.btn{display:inline-block;padding:12px 26px;border-radius:8px;font-weight:700;font-size:14.5px;text-decoration:none;border:none;cursor:pointer}
.btn-ambar{background:var(--ambar);color:#1E1200}
.btn-linea{border:2px solid #7FA6C4;color:#fff;background:transparent}
.btn-azul{background:var(--azul);color:#fff}
.btn-verde{background:var(--verde);color:#fff}
/* Banners publicitarios */
.ad{background:repeating-linear-gradient(45deg,#EDF2F6,#EDF2F6 12px,#E4EBF1 12px,#E4EBF1 24px);border:2px dashed #B9C9D6;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6E8296;position:relative;overflow:hidden}
.ad .tag{position:absolute;top:8px;right:10px;font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;background:#fff;padding:2px 8px;border-radius:20px;border:1px solid var(--borde);color:#8A9BAB}
.ad-real{border:none;background:linear-gradient(100deg,#0C2438 0%,#1D4E79 60%,#2E6EA6 100%);color:#fff;text-align:left;align-items:flex-start;padding:18px 28px;justify-content:center}
.ad-real .tag{background:rgba(255,255,255,.14);border:none;color:#CFE2F1}
/* Cards */
.card{background:#fff;border:1px solid var(--borde);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(18,50,79,.06)}
.grid{display:grid;gap:22px}
.chip{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px}
.chip-verde{background:#E7F6EC;color:#15803D}
.chip-ambar{background:#FEF3D9;color:#B45309}
.chip-azul{background:#E3EEF8;color:#1D4E79}
.chip-rojo{background:#FDE8E8;color:#B91C1C}
h2.seccion{font-size:26px;letter-spacing:-.4px;color:var(--azul)}
.sub{color:var(--gris);font-size:15px}
footer{background:#0C2438;color:#9DB4C6;margin-top:70px;padding:44px 0 30px;font-size:13.5px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:28px}
footer h4{color:#fff;font-size:14px;margin-bottom:12px}
footer li{list-style:none;margin-bottom:7px}
.precio{font-weight:800;color:var(--azul);font-size:18px}
.precio s{color:#9AAaB8;font-weight:500;font-size:13px;margin-left:6px}


.hero{background:linear-gradient(115deg,#0C2438 0%,#12324F 55%,#1D4E79 100%);color:#fff;padding:64px 0 76px;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;right:-120px;top:-60px;width:480px;height:480px;background:radial-gradient(circle,rgba(245,158,11,.18),transparent 65%)}
.hero .wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center;position:relative}
.hero h1{font-size:46px;line-height:1.1;letter-spacing:-1.2px;margin-bottom:16px}
.hero h1 em{color:var(--ambar);font-style:normal}
.hero p.lead{color:#C9DCEC;font-size:18px;margin-bottom:26px;max-width:520px}
.hero .ctas{display:flex;gap:12px}
.hero-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px}
.hero-panel h3{font-size:14px;color:#FFD98A;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.hero-panel .fila{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}
.hero-panel .fila b{color:#fff}
.hero-panel .nota{font-size:11.5px;color:#8FB0CB;margin-top:12px}
/* PASOS */
.pasos{margin-top:-40px;position:relative;z-index:4}
.pasos .grid{grid-template-columns:repeat(3,1fr)}
.paso{padding:30px 28px;border-top:5px solid var(--verde);text-align:left}
.paso.p2{border-top-color:var(--ambar)}
.paso.p3{border-top-color:var(--azul2)}
.paso .ico{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:14px;background:#E7F6EC}
.paso.p2 .ico{background:#FEF3D9}
.paso.p3 .ico{background:#E3EEF8}
.paso .n{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--gris)}
.paso h3{font-size:19px;margin:6px 0 8px;color:var(--azul)}
.paso p{font-size:14px;color:var(--gris)}
section.bloque{margin-top:70px}
.enc-c{text-align:center;margin-bottom:30px}
/* FÁBRICAS */
.fabrica{background:linear-gradient(115deg,#0C2438,#1D4E79);border-radius:20px;color:#fff;padding:50px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.fabrica h2{font-size:32px;letter-spacing:-.8px;margin-bottom:14px}
.fabrica h2 em{color:var(--ambar);font-style:normal}
.fabrica p{color:#C9DCEC;font-size:15px;margin-bottom:20px}
.fabrica ul{list-style:none;margin-bottom:26px}
.fabrica li{padding:9px 0;font-size:15px}
.fabrica li::before{content:'✓';color:var(--ambar);font-weight:800;margin-right:12px}
.fabrica .precio-l{font-size:15px;color:#C9DCEC;margin-bottom:20px}
.fabrica .precio-l b{color:var(--ambar);font-size:22px}
.boveda{background:#fff;border-radius:16px;padding:22px;color:var(--tinta);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.boveda h4{font-size:12.5px;color:var(--verde);font-weight:800;margin-bottom:12px}
.sol{display:flex;justify-content:space-between;align-items:center;padding:11px 4px;border-bottom:1px solid var(--borde);font-size:13px}
.sol b{display:block;font-size:13.5px}
.sol small{color:var(--gris)}
.sol .lock{filter:blur(3px);opacity:.55}
.boveda .cta-lock{margin-top:14px;background:#FEF3D9;border-radius:10px;padding:11px;text-align:center;font-size:12.5px;font-weight:700;color:#B45309}
/* PLANES */
.planes3 .grid{grid-template-columns:repeat(4,1fr)}
.pl{padding:28px 22px;text-align:center;display:flex;flex-direction:column}
.pl .ico{font-size:40px}
.pl h3{font-size:21px;color:var(--azul);margin:10px 0 2px}
.pl .quien{font-size:12.5px;color:var(--gris);margin-bottom:14px}
.pl .precio-g{font-size:32px;font-weight:800;color:var(--azul);letter-spacing:-1.2px}
.pl .precio-g small{font-size:14px;color:var(--gris);font-weight:600}
.pl .det{font-size:13.5px;color:#33465A;margin:14px 0 22px;flex:1}
.pl.destacado{border:2.5px solid var(--ambar)!important;position:relative;overflow:visible!important;box-shadow:0 20px 50px rgba(245,158,11,.16)}
.pl.destacado::before{content:attr(data-badge);position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--ambar);color:#3B2300;font-size:10.5px;font-weight:800;padding:4px 16px;border-radius:20px;white-space:nowrap}
/* CURSOS */
.cursos-g .grid{grid-template-columns:repeat(4,1fr)}
.curso .thumb{height:110px;display:flex;align-items:center;justify-content:center;font-size:42px;color:#fff}
.curso .cuerpo{padding:16px;text-align:center}
.curso h4{font-size:14.5px;color:var(--tinta)}
.curso .precio{margin-top:8px}
.regalo-b{margin-top:24px;background:#E7F6EC;border-radius:14px;padding:16px 26px;text-align:center;font-size:14.5px;font-weight:700;color:#15803D}
/* CIERRE */
.cierre{background:linear-gradient(115deg,#0C2438,#1D4E79);border-radius:20px;color:#fff;padding:52px;text-align:center;margin-top:70px}
.cierre h2{font-size:34px;letter-spacing:-1px}
.cierre p{color:#C9DCEC;font-size:16px;margin:12px 0 26px}

.pl.heroe{transform:scale(1.05);border-width:3.5px!important;box-shadow:0 26px 60px rgba(245,158,11,.28)!important}