*{margin:0;padding:0;box-sizing:border-box;}img{max-width:100%;height:auto;}html{scroll-behavior:smooth;}section[id]{scroll-margin-top:110px;}body{background-color:#f8fafc;font-family:Arial,sans-serif;text-align:center;line-height:1.6;overflow-wrap:break-word;}h1{color:#2563eb;font-size:48px;margin-bottom:20px;}p{font-size:20px;color:#555;margin-bottom:30px;}button{background-color:#2563eb;color:white;border:none;padding:15px 35px;font-size:18px;border-radius:8px;cursor:pointer;}button:hover{background-color:#1d4ed8;}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f59e0b;outline-offset:3px;}header{background-color:white;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.08);}nav a{text-decoration:none;color:#333;margin-left:25px;font-weight:bold;}nav a:hover{color:#2563eb;}.hero{display:flex;align-items:center;justify-content:space-between;padding:80px 50px;gap:40px;}.hero-texto{width:50%;}.hero-texto p{font-size:20px;color:#555;margin-bottom:30px;}.hero-imagen{width:50%;text-align:center;}.hero-imagen img{width:100%;max-width:500px;}.hero-botones{display:flex;gap:15px;margin-top:30px;justify-content:center;}.btn-principal{background:#2563eb;color:white;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-size:16px;}.btn-principal:hover{background:#1d4ed8;}.btn-secundario{background:white;color:#2563eb;border:2px solid #2563eb;padding:15px 30px;border-radius:8px;cursor:pointer;font-size:16px;}.btn-secundario:hover{background:#2563eb;color:white;}.beneficios{padding:80px 50px;background:#ffffff;}.beneficios h2{font-size:40px;color:#2563eb;margin-bottom:50px;}.tarjetas{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}.tarjeta{width:300px;background:#f8fafc;padding:30px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:0.3s;}.tarjeta:hover{transform:translateY(-10px);}.tarjeta h3{font-size:24px;margin-bottom:15px;color:#2563eb;}.tarjeta p{font-size:17px;color:#555;margin-bottom:0;}.etiqueta{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:10px 18px;border-radius:30px;font-weight:bold;margin-bottom:20px;}.tecnologias{padding:80px 20px;background:#f8fafc;}.tecnologias h2{font-size:40px;color:#2563eb;margin-bottom:15px;}.tecnologias>p{font-size:18px;color:#64748b;margin-bottom:50px;}.contenedor-tecnologias{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1100px;margin:auto;}.tarjeta-tecnologia{background:white;padding:35px 25px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:0.3s;}.tarjeta-tecnologia span{font-size:45px;display:block;margin-bottom:20px;}.tarjeta-tecnologia h3{font-size:25px;color:#1e293b;margin-bottom:15px;}.tarjeta-tecnologia p{color:#64748b;line-height:1.6;}.tarjeta-tecnologia:hover{transform:translateY(-10px);box-shadow:0 20px 35px rgba(37,99,235,0.20);}.cursos{padding:80px 20px;background:#EFF6FF;}.cursos h2{font-size:40px;color:#2563eb;margin-bottom:15px;}.cursos>p{font-size:18px;color:#64748b;margin-bottom:50px;}.contenedor-cursos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto;}.tarjeta-curso{background:#f8fafc;padding:35px 25px;border-radius:20px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:0.3s;}.tarjeta-curso span{font-size:50px;display:block;margin-bottom:20px;}.tarjeta-curso h3{font-size:25px;color:#1e293b;margin-bottom:15px;}.tarjeta-curso p{color:#64748b;line-height:1.6;margin-bottom:20px;}.tarjeta-curso small{display:block;color:#2563eb;font-weight:bold;margin-bottom:25px;}.tarjeta-curso:hover{transform:translateY(-10px);box-shadow:0 20px 35px rgba(37,99,235,0.20);}.biblioteca{padding:80px 20px;background:#ffffff;}.biblioteca h2{font-size:40px;color:#2563eb;margin-bottom:15px;}.biblioteca>p{font-size:18px;color:#64748b;margin-bottom:50px;}.contenedor-recursos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;max-width:1100px;margin:auto;}.tarjeta-recurso{background:#f8fafc;padding:30px 22px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:0.3s;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;}.tarjeta-recurso span{font-size:45px;display:block;margin-bottom:20px;}.tarjeta-recurso h3{font-size:24px;color:#1e293b;margin-bottom:15px;}.tarjeta-recurso p{color:#64748b;line-height:1.6;margin-bottom:25px;}.tarjeta-recurso a{display:inline-block;text-decoration:none;color:#2563eb;font-weight:bold;}.tarjeta-recurso:hover{transform:translateY(-10px);box-shadow:0 20px 35px rgba(37,99,235,0.20);}.faq{padding:80px 20px;background:#ffffff;}.faq h2{font-size:40px;color:#2563eb;margin-bottom:15px;}.faq>p{font-size:18px;color:#64748b;margin-bottom:50px;}.contacto{padding:80px 20px;background:#0F172A;color:white;}.contacto h2{font-size:40px;margin-bottom:15px;}.contacto>p{font-size:18px;color:#cbd5e1;margin-bottom:50px;}.contenedor-contacto{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;}.formulario-contacto{background:white;padding:35px;border-radius:20px;display:flex;flex-direction:column;gap:20px;}.formulario-contacto label{color:#1e293b;font-size:15px;font-weight:700;text-align:left;margin-bottom:-10px;}body.modo-oscuro .formulario-contacto label{color:#f8fafc;}.formulario-contacto input,.formulario-contacto textarea{width:100%;padding:15px;border:none;border-radius:10px;background:#f1f5f9;font-size:16px;}.formulario-contacto textarea{min-height:130px;resize:vertical;}.formulario-contacto button{background:#2563eb;color:white;border:none;padding:15px;border-radius:30px;font-size:17px;cursor:pointer;transition:0.3s;}.formulario-contacto button:hover{background:#1d4ed8;transform:scale(1.05);}.informacion-contacto{display:flex;flex-direction:column;justify-content:center;}.informacion-contacto h3{font-size:35px;margin-bottom:20px;}.informacion-contacto p{color:#cbd5e1;font-size:18px;line-height:1.6;margin-bottom:15px;}@media(max-width:768px){.contenedor-contacto{grid-template-columns:1fr;}}.footer{background:#0F172A;color:white;padding:60px 20px 20px;}.contenedor-footer{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;}.footer-logo h2{font-size:32px;margin-bottom:15px;}.footer-logo p{color:#cbd5e1;line-height:1.6;}.footer h3{font-size:22px;margin-bottom:20px;}.footer-enlaces{display:flex;flex-direction:column;gap:12px;}.footer-enlaces a{color:#cbd5e1;text-decoration:none;transition:0.3s;}.footer-enlaces a:hover{color:#2563eb;transform:translateX(5px);}.footer-social p{color:#cbd5e1;line-height:1.6;}.footer-copy{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.15);text-align:center;}.footer-copy p{color:#94a3b8;}@media(max-width:768px){.contenedor-footer{text-align:center;}}.btn-principal,.btn-secundario{display:inline-block;text-decoration:none;}.sobre{padding:80px 20px;background:#ffffff;}.sobre-contenido{max-width:900px;margin:auto;}.sobre h2{font-size:40px;color:#2563eb;margin-bottom:25px;}.sobre p{font-size:18px;color:#64748b;line-height:1.8;margin-bottom:20px;}.sobre h3{font-size:26px;color:#1e293b;margin-top:35px;margin-bottom:15px;}@media(max-width:768px){.hero{flex-direction:column;padding:60px 20px;text-align:center;}.hero-texto{width:100%;}.hero-texto p{font-size:18px;}.hero-botones{flex-direction:column;align-items:center;}.btn-principal,.btn-secundario{width:100%;max-width:280px;}.hero-imagen{width:100%;}.beneficios{padding:60px 20px;}.beneficios h2,.sobre h2,.tecnologias h2,.cursos h2,.biblioteca h2,.faq h2,.contacto h2{font-size:32px;}.tarjeta{width:100%;max-width:320px;}}.btn-modo{background:#0f172a;color:white;border:none;padding:10px 14px;border-radius:50%;font-size:18px;cursor:pointer;transition:0.3s;}.btn-modo:hover{background:#2563eb;transform:scale(1.1);}body.modo-oscuro{background:#020617;color:white;}body.modo-oscuro header{background:#0f172a;box-shadow:0 2px 12px rgba(37,99,235,0.25);}body.modo-oscuro nav a{color:#e2e8f0;}body.modo-oscuro nav a:hover{color:#60a5fa;}nav{display:flex;align-items:center;justify-content:center;gap:20px;}nav a{margin-left:0;}body.modo-oscuro .hero{background:#020617;}body.modo-oscuro .hero-texto p{color:#cbd5e1;}body.modo-oscuro .etiqueta{background:#1e3a8a;color:#bfdbfe;}body.modo-oscuro .sobre,body.modo-oscuro .beneficios,body.modo-oscuro .biblioteca,body.modo-oscuro .faq{background:#020617;}body.modo-oscuro .tecnologias{background:#0f172a;}body.modo-oscuro .cursos{background:#111827;}body.modo-oscuro .sobre h2,body.modo-oscuro .beneficios h2,body.modo-oscuro .tecnologias h2,body.modo-oscuro .cursos h2,body.modo-oscuro .biblioteca h2,body.modo-oscuro .faq h2{color:#60a5fa;}body.modo-oscuro .sobre h3{color:#f8fafc;}body.modo-oscuro .sobre p,body.modo-oscuro .beneficios>p,body.modo-oscuro .tecnologias>p,body.modo-oscuro .cursos>p,body.modo-oscuro .biblioteca>p,body.modo-oscuro .faq>p{color:#cbd5e1;}body.modo-oscuro .tarjeta,body.modo-oscuro .tarjeta-tecnologia,body.modo-oscuro .tarjeta-curso,body.modo-oscuro .tarjeta-recurso,body.modo-oscuro .pregunta{background:#1e293b;box-shadow:0 10px 25px rgba(0,0,0,0.35);}body.modo-oscuro .tarjeta h3,body.modo-oscuro .tarjeta-tecnologia h3,body.modo-oscuro .tarjeta-curso h3,body.modo-oscuro .tarjeta-recurso h3,body.modo-oscuro .pregunta summary{color:#f8fafc;}body.modo-oscuro .tarjeta p,body.modo-oscuro .tarjeta-tecnologia p,body.modo-oscuro .tarjeta-curso p,body.modo-oscuro .tarjeta-recurso p,body.modo-oscuro .pregunta p{color:#cbd5e1;}body.modo-oscuro .btn-secundario{background:transparent;color:#60a5fa;border:2px solid #60a5fa;}body.modo-oscuro .btn-secundario:hover{background:#2563eb;color:white;}body.modo-oscuro .contacto,body.modo-oscuro .footer{background:#020617;}body.modo-oscuro .formulario-contacto{background:#1e293b;}body.modo-oscuro .formulario-contacto input,body.modo-oscuro .formulario-contacto textarea{background:#0f172a;color:white;}body.modo-oscuro .formulario-contacto input::placeholder,body.modo-oscuro .formulario-contacto textarea::placeholder{color:#94a3b8;}.enlace-legal{display:inline-block;margin-top:8px;padding:8px 14px;border-radius:20px;background:rgba(37,99,235,0.15);color:#93c5fd !important;font-size:14px;font-weight:bold;border:1px solid rgba(147,197,253,0.35);}.enlace-legal:hover{background:#2563eb;color:white !important;transform:scale(1.05);}.btn-explorar{display:inline-block;text-decoration:none;background:#2563eb;color:white;border:none;padding:12px 30px;border-radius:30px;font-size:16px;cursor:pointer;transition:0.3s;}.btn-explorar:hover{background:#1d4ed8;transform:scale(1.05);}.botones-recurso{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;}.btn-leer{display:inline-block;text-decoration:none;color:#2563eb;font-weight:bold;}.btn-descargar{display:inline-block;text-decoration:none;background:#2563eb;color:white !important;padding:10px 18px;border-radius:25px;font-size:15px;font-weight:bold;transition:0.3s;}.btn-descargar:hover{background:#1d4ed8;transform:scale(1.05);}.articulos{padding:80px 20px;background:#f8fafc;}.articulos h2{font-size:40px;color:#2563eb;margin-bottom:15px;}.articulos>p{font-size:18px;color:#64748b;margin-bottom:50px;}.contenedor-articulos{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1100px;margin:auto;align-items:stretch;}.tarjeta-articulo{flex:1 1 300px;max-width:346px;}.tarjeta-articulo{background:white;padding:35px 25px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:0.3s;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}.tarjeta-articulo:hover{transform:translateY(-10px);box-shadow:0 20px 35px rgba(37,99,235,0.20);}.tarjeta-articulo span{font-size:45px;display:block;margin-bottom:20px;}.tarjeta-articulo h3{font-size:24px;color:#1e293b;margin-bottom:15px;}.tarjeta-articulo p{color:#64748b;line-height:1.6;margin-bottom:25px;}.tarjeta-articulo a{display:inline-block;text-decoration:none;background:#2563eb;color:white;padding:10px 20px;border-radius:25px;font-weight:bold;transition:0.3s;}.tarjeta-articulo a:hover{background:#1d4ed8;transform:scale(1.05);}body.modo-oscuro .articulos{background:#020617;}body.modo-oscuro .articulos h2{color:#60a5fa;}body.modo-oscuro .articulos>p{color:#cbd5e1;}body.modo-oscuro .tarjeta-articulo{background:#1e293b;box-shadow:0 10px 25px rgba(0,0,0,0.35);}body.modo-oscuro .tarjeta-articulo h3{color:#f8fafc;}body.modo-oscuro .tarjeta-articulo p{color:#cbd5e1;}@media(max-width:1024px){.contenedor-articulos{grid-template-columns:repeat(2,1fr);}}@media(max-width:768px){.contenedor-articulos{grid-template-columns:1fr;}.tarjeta-articulo{min-height:auto;}}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,0.18),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.18),transparent 35%),linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);}.hero::before{content:"";position:absolute;width:420px;height:420px;background:rgba(37,99,235,0.12);border-radius:50%;top:-120px;right:-120px;filter:blur(10px);}.hero::after{content:"";position:absolute;width:300px;height:300px;background:rgba(124,58,237,0.12);border-radius:50%;bottom:-100px;left:-80px;filter:blur(10px);}.hero-contenido,.hero-texto,.hero-imagen{position:relative;z-index:2;}.hero h1{background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero p{color:#475569;}.hero img{border-radius:24px;box-shadow:0 25px 60px rgba(37,99,235,0.28);animation:none;}@keyframes flotarHero{0%{transform:translateY(0);}50%{transform:translateY(-12px);}100%{transform:translateY(0);}}.btn-principal{box-shadow:0 12px 25px rgba(37,99,235,0.30);}.btn-secundario{background:white;box-shadow:0 10px 20px rgba(15,23,42,0.08);}body.modo-oscuro .hero{background:radial-gradient(circle at top left,rgba(37,99,235,0.22),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.22),transparent 35%),linear-gradient(135deg,#020617 0%,#0f172a 100%);}body.modo-oscuro .hero p{color:#cbd5e1;}body.modo-oscuro .btn-secundario{background:#1e293b;color:#f8fafc;border:1px solid #334155;}.tarjeta-recurso,.tarjeta-articulo{position:relative;overflow:hidden;border:1px solid rgba(37,99,235,0.10);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);}.tarjeta-recurso::before,.tarjeta-articulo::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed);}.tarjeta-recurso::after,.tarjeta-articulo::after{content:"";position:absolute;width:120px;height:120px;background:rgba(37,99,235,0.08);border-radius:50%;top:-40px;right:-40px;transition:0.3s;}.tarjeta-recurso:hover::after,.tarjeta-articulo:hover::after{transform:scale(1.4);background:rgba(124,58,237,0.12);}.tarjeta-recurso:hover,.tarjeta-articulo:hover{transform:translateY(-12px);box-shadow:0 25px 45px rgba(37,99,235,0.18);border-color:rgba(37,99,235,0.25);}.tarjeta-recurso span,.tarjeta-articulo span{background:linear-gradient(135deg,#eff6ff,#eef2ff);width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 10px 25px rgba(37,99,235,0.12);}.tarjeta-recurso h3,.tarjeta-articulo h3{position:relative;z-index:2;}.tarjeta-recurso p,.tarjeta-articulo p{position:relative;z-index:2;}.botones-recurso,.tarjeta-articulo a{position:relative;z-index:2;}.btn-leer{padding:10px 18px;border-radius:25px;background:#eff6ff;color:#2563eb;transition:0.3s;}.btn-leer:hover{background:#dbeafe;transform:scale(1.05);}.btn-descargar{box-shadow:0 10px 22px rgba(37,99,235,0.25);}body.modo-oscuro .tarjeta-recurso,body.modo-oscuro .tarjeta-articulo{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);border:1px solid rgba(96,165,250,0.18);}body.modo-oscuro .tarjeta-recurso span,body.modo-oscuro .tarjeta-articulo span{background:linear-gradient(135deg,#1e3a8a,#312e81);box-shadow:0 10px 25px rgba(0,0,0,0.35);}body.modo-oscuro .btn-leer{background:#1e293b;color:#93c5fd;border:1px solid #334155;}body.modo-oscuro .btn-leer:hover{background:#334155;}header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(37,99,235,0.10);box-shadow:0 8px 25px rgba(15,23,42,0.06);}nav{display:flex;align-items:center;gap:8px;}nav a{padding:9px 14px;border-radius:22px;transition:0.3s;}nav a:hover{background:#eff6ff;color:#2563eb;transform:translateY(-2px);}.btn-modo{margin-left:8px;box-shadow:0 8px 20px rgba(15,23,42,0.15);transition:0.3s;}.btn-modo:hover{transform:rotate(12deg) scale(1.08);}body.modo-oscuro header{background:rgba(2,6,23,0.88);border-bottom:1px solid rgba(96,165,250,0.18);box-shadow:0 8px 25px rgba(0,0,0,0.35);}body.modo-oscuro nav a:hover{background:#1e293b;color:#93c5fd;}.sobre-premium{position:relative;overflow:hidden;padding:100px 20px;background:radial-gradient(circle at top right,rgba(37,99,235,0.12),transparent 32%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);}.sobre-contenido-premium{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;align-items:center;}.sobre-texto-premium{text-align:left;}.seccion-etiqueta{display:inline-block;background:#eff6ff;color:#2563eb;padding:10px 18px;border-radius:30px;font-size:15px;font-weight:800;margin-bottom:20px;}.sobre-texto-premium h2{font-size:44px;color:#1e293b;line-height:1.15;margin-bottom:25px;}.sobre-texto-premium p{font-size:18px;color:#64748b;line-height:1.8;margin-bottom:18px;}.sobre-estadisticas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px;}.sobre-estadisticas div{background:white;border:1px solid rgba(37,99,235,0.12);border-radius:18px;padding:22px 18px;box-shadow:0 12px 30px rgba(15,23,42,0.06);text-align:center;}.sobre-estadisticas strong{display:block;font-size:32px;color:#2563eb;margin-bottom:6px;}.sobre-estadisticas span{font-size:14px;color:#64748b;font-weight:700;}.sobre-panel-premium{display:flex;flex-direction:column;gap:18px;}.sobre-card{background:white;border:1px solid rgba(37,99,235,0.12);border-radius:22px;padding:26px;text-align:left;box-shadow:0 15px 35px rgba(15,23,42,0.08);transition:0.3s;}.sobre-card:hover{transform:translateX(-8px);box-shadow:0 25px 45px rgba(37,99,235,0.18);}.sobre-card.activa{background:linear-gradient(135deg,#2563eb,#7c3aed);}.sobre-card span{font-size:36px;display:block;margin-bottom:12px;}.sobre-card h3{font-size:22px;color:#1e293b;margin-bottom:10px;}.sobre-card p{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:0;}.sobre-card.activa h3,.sobre-card.activa p{color:white;}body.modo-oscuro .sobre-premium{background:radial-gradient(circle at top right,rgba(96,165,250,0.15),transparent 32%),linear-gradient(180deg,#020617 0%,#0f172a 100%);}body.modo-oscuro .seccion-etiqueta{background:#1e3a8a;color:#bfdbfe;}body.modo-oscuro .sobre-texto-premium h2{color:#f8fafc;}body.modo-oscuro .sobre-texto-premium p{color:#cbd5e1;}body.modo-oscuro .sobre-estadisticas div,body.modo-oscuro .sobre-card{background:#1e293b;border:1px solid rgba(96,165,250,0.18);}body.modo-oscuro .sobre-estadisticas span,body.modo-oscuro .sobre-card p{color:#cbd5e1;}body.modo-oscuro .sobre-card h3{color:#f8fafc;}@media(max-width:900px){.sobre-contenido-premium{grid-template-columns:1fr;}.sobre-texto-premium{text-align:center;}.sobre-texto-premium h2{font-size:34px;}.sobre-estadisticas{grid-template-columns:1fr;}.sobre-card{text-align:center;}.sobre-card:hover{transform:translateY(-8px);}}.sobre-premium{padding:80px 20px;}.sobre-card{position:relative;overflow:hidden;}.sobre-card span{width:58px;height:58px;border-radius:18px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:18px;box-shadow:0 10px 22px rgba(37,99,235,0.10);}.sobre-card.activa span{background:rgba(255,255,255,0.18);box-shadow:none;}.sobre-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(37,99,235,0.06);right:-45px;bottom:-45px;}.sobre-card.activa::after{background:rgba(255,255,255,0.12);}.sobre-card h3,.sobre-card p,.sobre-card span{position:relative;z-index:2;}body.modo-oscuro .sobre-card span{background:#0f172a;}body.modo-oscuro .sobre-card.activa span{background:rgba(255,255,255,0.15);}.sobre-card{background:linear-gradient(135deg,#2563eb,#7c3aed) !important;color:white !important;}.sobre-card h3,.sobre-card p{color:white !important;}.sobre-card span{background:rgba(255,255,255,0.18) !important;box-shadow:none !important;}.sobre-card::after{background:rgba(255,255,255,0.12) !important;}.material{position:relative;overflow:hidden;padding:100px 20px;background:radial-gradient(circle at top left,rgba(124,58,237,0.18),transparent 35%),radial-gradient(circle at bottom right,rgba(37,99,235,0.16),transparent 35%),linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);color:white;}.material::before{content:"";position:absolute;width:380px;height:380px;background:rgba(37,99,235,0.20);border-radius:50%;right:-140px;top:-120px;filter:blur(10px);}.material-contenido{position:relative;z-index:2;max-width:1150px;margin:auto;display:grid;grid-template-columns:0.95fr 1.05fr;gap:50px;align-items:center;}.material-texto{text-align:left;}.material-texto h2{font-size:44px;line-height:1.15;margin-bottom:22px;color:white;}.material-texto p{font-size:18px;line-height:1.8;color:#cbd5e1;margin-bottom:30px;}.material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}.material-card{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:24px;padding:30px 24px;text-align:left;box-shadow:0 20px 45px rgba(0,0,0,0.18);transition:0.3s;}.material-card:hover{transform:translateY(-10px);background:rgba(255,255,255,0.16);}.material-card span{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.14);font-size:32px;margin-bottom:20px;}.material-card h3{font-size:24px;margin-bottom:12px;color:white;}.material-card p{font-size:16px;line-height:1.6;color:#cbd5e1;margin-bottom:0;}body.modo-oscuro .material{background:radial-gradient(circle at top left,rgba(124,58,237,0.22),transparent 35%),radial-gradient(circle at bottom right,rgba(37,99,235,0.20),transparent 35%),linear-gradient(135deg,#020617 0%,#111827 100%);}@media(max-width:900px){.material-contenido{grid-template-columns:1fr;}.material-texto{text-align:center;}.material-texto h2{font-size:34px;}.material-grid{grid-template-columns:1fr;}.material-card{text-align:center;}.material-card span{margin-left:auto;margin-right:auto;}}.pagina-material-hero{position:relative;overflow:hidden;padding:110px 20px 90px;background:radial-gradient(circle at top left,rgba(37,99,235,0.18),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.18),transparent 35%),linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);text-align:center;}.pagina-material-hero h1{max-width:850px;margin:20px auto;font-size:52px;line-height:1.15;color:#1e293b;}.pagina-material-hero p{max-width:780px;margin:auto;font-size:20px;line-height:1.8;color:#64748b;}.pagina-material{padding:90px 20px;background:#ffffff;}.pagina-material h2{font-size:42px;color:#2563eb;margin-bottom:15px;}.pagina-material>p{font-size:18px;color:#64748b;margin-bottom:50px;}.material-lista{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}.material-item{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(37,99,235,0.12);border-radius:24px;padding:35px 28px;text-align:left;box-shadow:0 18px 40px rgba(15,23,42,0.08);transition:0.3s;}.material-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed);}.material-item::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(37,99,235,0.08);right:-50px;top:-50px;transition:0.3s;}.material-item:hover{transform:translateY(-10px);box-shadow:0 28px 55px rgba(37,99,235,0.18);}.material-item:hover::after{transform:scale(1.3);background:rgba(124,58,237,0.12);}.material-item span{position:relative;z-index:2;width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#eef2ff);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:22px;box-shadow:0 12px 26px rgba(37,99,235,0.12);}.material-item h3{position:relative;z-index:2;font-size:26px;color:#1e293b;margin-bottom:15px;}.material-item p{position:relative;z-index:2;font-size:17px;color:#64748b;line-height:1.7;margin-bottom:25px;}.retos-estudio{padding:90px 20px;background:radial-gradient(circle at top right,rgba(37,99,235,0.14),transparent 35%),linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);color:white;}.retos-estudio h2{font-size:42px;margin-bottom:15px;color:white;}.retos-estudio>p{color:#cbd5e1;font-size:18px;margin-bottom:50px;}.retos-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}.reto-card{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:24px;padding:30px 24px;text-align:left;box-shadow:0 18px 40px rgba(0,0,0,0.22);transition:0.3s;}.reto-card:hover{transform:translateY(-10px);background:rgba(255,255,255,0.16);}.reto-card strong{display:inline-block;background:#2563eb;color:white;padding:8px 14px;border-radius:20px;font-size:14px;margin-bottom:18px;}.reto-card h3{font-size:24px;margin-bottom:12px;color:white;}.reto-card p{font-size:16px;line-height:1.7;color:#cbd5e1;margin-bottom:0;}body.modo-oscuro .pagina-material-hero{background:radial-gradient(circle at top left,rgba(37,99,235,0.22),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.22),transparent 35%),linear-gradient(135deg,#020617 0%,#0f172a 100%);}body.modo-oscuro .pagina-material-hero h1{color:#f8fafc;}body.modo-oscuro .pagina-material-hero p{color:#cbd5e1;}body.modo-oscuro .pagina-material{background:#020617;}body.modo-oscuro .pagina-material h2{color:#60a5fa;}body.modo-oscuro .pagina-material>p{color:#cbd5e1;}body.modo-oscuro .material-item{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);border:1px solid rgba(96,165,250,0.18);}body.modo-oscuro .material-item span{background:linear-gradient(135deg,#1e3a8a,#312e81);}body.modo-oscuro .material-item h3{color:#f8fafc;}body.modo-oscuro .material-item p{color:#cbd5e1;}@media(max-width:900px){.pagina-material-hero h1{font-size:36px;}.material-lista{grid-template-columns:1fr;}.material-item{text-align:center;}.material-item span{margin-left:auto;margin-right:auto;}.retos-grid{grid-template-columns:1fr;}.reto-card{text-align:center;}}.rutas-aprendizaje{position:relative;overflow:hidden;padding:100px 20px;background:radial-gradient(circle at top left,rgba(37,99,235,0.14),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.14),transparent 35%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);}.rutas-aprendizaje h2{font-size:44px;color:#1e293b;margin-top:18px;margin-bottom:15px;}.rutas-aprendizaje>p{max-width:760px;margin:0 auto 55px;font-size:18px;line-height:1.8;color:#64748b;}.rutas-aprendizaje .tarjeta-recurso{min-height:360px;justify-content:space-between;padding:34px 26px;}.rutas-aprendizaje .tarjeta-recurso span{width:76px;height:76px;font-size:38px;border-radius:24px;}.rutas-aprendizaje .tarjeta-recurso h3{font-size:25px;}.rutas-aprendizaje .tarjeta-recurso p{font-size:16.5px;}.rutas-aprendizaje .tarjeta-recurso{counter-increment:ruta;}.rutas-aprendizaje .contenedor-recursos{counter-reset:ruta;}.rutas-aprendizaje .tarjeta-recurso::before{content:"Ruta " counter(ruta);position:absolute;top:18px;left:18px;width:auto;height:auto;background:#eff6ff;color:#2563eb;padding:7px 13px;border-radius:20px;font-size:13px;font-weight:900;z-index:3;}.rutas-aprendizaje .btn-leer{background:linear-gradient(135deg,#2563eb,#7c3aed);color:white !important;box-shadow:0 10px 22px rgba(37,99,235,0.25);}.rutas-aprendizaje .btn-leer:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9);}.rutas-aprendizaje .btn-descargar{background:#0f172a;}.rutas-aprendizaje .btn-descargar:hover{background:#1e293b;}body.modo-oscuro .rutas-aprendizaje{background:radial-gradient(circle at top left,rgba(37,99,235,0.20),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.20),transparent 35%),linear-gradient(180deg,#020617 0%,#0f172a 100%);}body.modo-oscuro .rutas-aprendizaje h2{color:#f8fafc;}body.modo-oscuro .rutas-aprendizaje>p{color:#cbd5e1;}body.modo-oscuro .rutas-aprendizaje .tarjeta-recurso::before{background:#1e3a8a;color:#bfdbfe;}body.modo-oscuro .rutas-aprendizaje .btn-descargar{background:#2563eb;}body.modo-oscuro .rutas-aprendizaje .btn-descargar:hover{background:#1d4ed8;}header a.marca-bytenova,header a.marca-bytenova:link,header a.marca-bytenova:visited,header a.marca-bytenova:hover,header a.marca-bytenova:active{display:flex !important;align-items:center !important;gap:10px !important;text-decoration:none !important;color:inherit !important;background:none !important;-webkit-text-fill-color:initial !important;}header a.marca-bytenova .marca-icono{width:56px !important;height:56px !important;min-width:56px !important;border-radius:16px !important;background:linear-gradient(135deg,#2563eb,#7c3aed) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:23px !important;font-weight:900 !important;line-height:1 !important;text-decoration:none !important;box-shadow:0 12px 28px rgba(37,99,235,0.30) !important;}header a.marca-bytenova .marca-texto{color:#2563eb !important;-webkit-text-fill-color:#2563eb !important;font-size:34px !important;font-weight:900 !important;letter-spacing:-0.5px !important;text-decoration:none !important;background:none !important;}header a.marca-bytenova:hover .marca-texto{color:#1d4ed8 !important;-webkit-text-fill-color:#1d4ed8 !important;text-decoration:none !important;}body.modo-oscuro header a.marca-bytenova .marca-texto{color:#60a5fa !important;-webkit-text-fill-color:#60a5fa !important;}body.modo-oscuro header a.marca-bytenova .marca-icono{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}@media(max-width:768px){header a.marca-bytenova .marca-icono{width:48px !important;height:48px !important;min-width:48px !important;font-size:20px !important;}header a.marca-bytenova .marca-texto{font-size:28px !important;}}.practicas-material{padding:90px 20px;background:radial-gradient(circle at top left,rgba(37,99,235,0.12),transparent 35%),linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);text-align:center;}.practicas-material h2{font-size:42px;color:#1e293b;margin-top:18px;margin-bottom:15px;}.practicas-material>p{max-width:760px;margin:0 auto 50px;font-size:18px;color:#64748b;line-height:1.8;}.practicas-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}.practica-card{position:relative;overflow:hidden;background:white;border:1px solid rgba(37,99,235,0.12);border-radius:24px;padding:32px 24px;box-shadow:0 18px 40px rgba(15,23,42,0.08);transition:0.3s;}.practica-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed);}.practica-card:hover{transform:translateY(-10px);box-shadow:0 28px 55px rgba(37,99,235,0.18);}.practica-card span{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:linear-gradient(135deg,#eff6ff,#eef2ff);font-size:34px;}.practica-card h3{font-size:22px;color:#1e293b;margin-bottom:14px;}.practica-card p{font-size:16px;line-height:1.7;color:#64748b;margin-bottom:25px;}body.modo-oscuro .practicas-material{background:radial-gradient(circle at top left,rgba(37,99,235,0.18),transparent 35%),linear-gradient(180deg,#020617 0%,#0f172a 100%);}body.modo-oscuro .practicas-material h2{color:#f8fafc;}body.modo-oscuro .practicas-material>p{color:#cbd5e1;}body.modo-oscuro .practica-card{background:#1e293b;border:1px solid rgba(96,165,250,0.18);}body.modo-oscuro .practica-card span{background:linear-gradient(135deg,#1e3a8a,#312e81);}body.modo-oscuro .practica-card h3{color:#f8fafc;}body.modo-oscuro .practica-card p{color:#cbd5e1;}@media(max-width:1024px){.practicas-grid{grid-template-columns:repeat(2,1fr);}}@media(max-width:768px){.practicas-grid{grid-template-columns:1fr;}.practicas-material h2{font-size:34px;}}.glosario{position:relative;overflow:hidden;padding:100px 20px;background:radial-gradient(circle at top left,rgba(37,99,235,0.12),transparent 35%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);text-align:center;}.glosario h2{max-width:850px;margin:18px auto 15px;font-size:44px;line-height:1.15;color:#1e293b;}.glosario>p{max-width:760px;margin:0 auto 55px;font-size:18px;line-height:1.8;color:#64748b;}.glosario-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.glosario-card{background:white;border:1px solid rgba(37,99,235,0.12);border-radius:22px;padding:28px 22px;text-align:left;box-shadow:0 15px 35px rgba(15,23,42,0.07);transition:0.3s;}.glosario-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px rgba(37,99,235,0.16);border-color:rgba(37,99,235,0.25);}.glosario-card h3{display:inline-block;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;padding:8px 14px;border-radius:18px;font-size:18px;margin-bottom:16px;}.glosario-card p{font-size:15.5px;line-height:1.7;color:#64748b;margin-bottom:0;}body.modo-oscuro .glosario{background:radial-gradient(circle at top left,rgba(37,99,235,0.18),transparent 35%),linear-gradient(180deg,#020617 0%,#0f172a 100%);}body.modo-oscuro .glosario h2{color:#f8fafc;}body.modo-oscuro .glosario>p{color:#cbd5e1;}body.modo-oscuro .glosario-card{background:#1e293b;border:1px solid rgba(96,165,250,0.18);}body.modo-oscuro .glosario-card p{color:#cbd5e1;}@media(max-width:1024px){.glosario-grid{grid-template-columns:repeat(2,1fr);}}@media(max-width:768px){.glosario-grid{grid-template-columns:1fr;}.glosario h2{font-size:34px;}.glosario-card{text-align:center;}}.pagina-glosario-hero{position:relative;overflow:hidden;padding:110px 20px 90px;text-align:center;background:radial-gradient(circle at top left,rgba(37,99,235,0.18),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.18),transparent 35%),linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);}.pagina-glosario-hero h1{max-width:900px;margin:20px auto;font-size:52px;line-height:1.15;color:#1e293b;}.pagina-glosario-hero p{max-width:780px;margin:auto;font-size:20px;line-height:1.8;color:#64748b;}.pagina-glosario{padding:90px 20px;background:#ffffff;}.pagina-glosario h2{font-size:42px;color:#2563eb;margin-bottom:15px;}.pagina-glosario>p{max-width:760px;margin:0 auto 55px;font-size:18px;line-height:1.8;color:#64748b;}.glosario-lista{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:25px;}.glosario-detalle{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(37,99,235,0.12);border-radius:24px;padding:32px 28px;text-align:left;box-shadow:0 18px 40px rgba(15,23,42,0.08);transition:0.3s;}.glosario-detalle::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed);}.glosario-detalle::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(37,99,235,0.07);right:-50px;top:-50px;transition:0.3s;}.glosario-detalle:hover{transform:translateY(-8px);box-shadow:0 28px 55px rgba(37,99,235,0.17);}.glosario-detalle:hover::after{transform:scale(1.3);background:rgba(124,58,237,0.12);}.glosario-detalle h3{position:relative;z-index:2;display:inline-block;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;padding:9px 16px;border-radius:18px;font-size:20px;margin-bottom:18px;}.glosario-detalle p{position:relative;z-index:2;font-size:16.5px;line-height:1.8;color:#64748b;margin-bottom:0;}body.modo-oscuro .pagina-glosario-hero{background:radial-gradient(circle at top left,rgba(37,99,235,0.22),transparent 35%),radial-gradient(circle at bottom right,rgba(124,58,237,0.22),transparent 35%),linear-gradient(135deg,#020617 0%,#0f172a 100%);}body.modo-oscuro .pagina-glosario-hero h1{color:#f8fafc;}body.modo-oscuro .pagina-glosario-hero p{color:#cbd5e1;}body.modo-oscuro .pagina-glosario{background:#020617;}body.modo-oscuro .pagina-glosario h2{color:#60a5fa;}body.modo-oscuro .pagina-glosario>p{color:#cbd5e1;}body.modo-oscuro .glosario-detalle{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);border:1px solid rgba(96,165,250,0.18);}body.modo-oscuro .glosario-detalle p{color:#cbd5e1;}@media(max-width:900px){.pagina-glosario-hero h1{font-size:36px;}.glosario-lista{grid-template-columns:1fr;}.glosario-detalle{text-align:center;}}.glosario .btn-principal{margin-top:40px;}.glosario-grid{margin-bottom:45px;}.menu-toggle{display:none;width:48px;height:48px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:26px;font-weight:bold;box-shadow:0 10px 25px rgba(37,99,235,.30);}@media (max-width:768px){header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:15px 20px;}.menu-toggle{display:flex;justify-content:center;align-items:center;}#menu-principal{display:none;width:100%;flex-direction:column;margin-top:10px;gap:5px;padding:10px 0 5px;}#menu-principal.menu-abierto{display:flex;}#menu-principal a{margin:0;padding:10px;text-align:center;border-radius:10px;}.btn-modo{margin:auto;}}@media(max-width:768px){header{padding:10px 14px !important;gap:10px !important;}header .marca-icono{width:38px !important;height:38px !important;min-width:38px !important;font-size:16px !important;border-radius:11px !important;}header .marca-texto{font-size:23px !important;}.menu-toggle{width:42px !important;height:42px !important;font-size:22px !important;border-radius:12px !important;padding:0 !important;}#menu-principal{margin-top:10px !important;gap:5px !important;padding-bottom:5px !important;}#menu-principal a{padding:9px 12px !important;font-size:15px !important;}#menu-principal .btn-modo{width:42px !important;height:42px !important;padding:0 !important;margin:8px auto 0 !important;border-radius:50% !important;display:flex;align-items:center;justify-content:center;}.hero{padding:45px 16px !important;gap:28px !important;min-height:auto !important;}.hero-texto p{font-size:16px !important;line-height:1.6 !important;margin-bottom:22px !important;}.etiqueta{font-size:13px !important;padding:8px 13px !important;margin-bottom:16px !important;}.hero-botones{gap:10px !important;margin-top:20px !important;}.btn-principal,.btn-secundario{padding:12px 18px !important;font-size:15px !important;max-width:250px !important;}.hero-imagen img{max-width:330px !important;}.sobre-premium,.rutas-aprendizaje,.material,.articulos,.glosario,.faq,.contacto{padding-top:60px !important;padding-bottom:60px !important;}.sobre-texto-premium h2,.rutas-aprendizaje h2,.material-texto h2,.articulos h2,.glosario h2,.faq h2,.contacto h2{font-size:30px !important;}}@media (max-width:768px){.hero{min-height:auto;padding:105px 18px 55px;overflow:hidden;}.hero-texto{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;}.hero h1{font-size:clamp(32px,9vw,42px);line-height:1.12;margin-bottom:18px;max-width:600px;}.hero p{font-size:16px;line-height:1.7;max-width:500px;margin-bottom:25px;}.hero-botones{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;}.hero-botones a{width:100%;max-width:330px;min-height:50px;display:flex;justify-content:center;align-items:center;text-align:center;}.hero-imagen{width:100%;max-width:360px;margin:0 auto;display:flex;justify-content:center;align-items:center;}.hero-imagen img{width:100%;max-width:310px;height:auto;object-fit:contain;}}@media (max-width:480px){.hero{padding:95px 15px 45px;}.hero-contenido,.hero-content{gap:25px;}.hero h1{font-size:32px;}.hero p{font-size:15px;line-height:1.65;}.hero-imagen,.hero-image{max-width:300px;}.hero-imagen img,.hero-image img{max-width:270px;}}@media (max-width:768px){section{padding:65px 18px;}.seccion-titulo,.section-title{margin-bottom:35px;}.seccion-titulo h2,.section-title h2,section h2{font-size:29px;line-height:1.2;}.seccion-titulo p,.section-title p{font-size:15px;line-height:1.6;}.tecnologias-grid,.tarjetas-grid,.cards-grid,.biblioteca-grid,.articulos-grid,.beneficios-grid,.temas-grid{display:grid;grid-template-columns:1fr;gap:20px;}.tarjeta,.card,.tecnologia-card,.biblioteca-card,.articulo-card,.tema-card,.beneficio-card{width:100%;padding:25px 20px;margin:0 auto;border-radius:18px;}.tarjeta h3,.card h3,.tecnologia-card h3,.biblioteca-card h3,.articulo-card h3,.tema-card h3,.beneficio-card h3{font-size:21px;margin-bottom:12px;}.tarjeta p,.card p,.tecnologia-card p,.biblioteca-card p,.articulo-card p,.tema-card p,.beneficio-card p{font-size:15px;line-height:1.65;}.tarjeta img,.card img,.biblioteca-card img,.articulo-card img,.tema-card img{width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:14px;}}@media (max-width:480px){section{padding:55px 15px;}.seccion-titulo h2,.section-title h2,section h2{font-size:26px;}.tarjeta,.card,.tecnologia-card,.biblioteca-card,.articulo-card,.tema-card,.beneficio-card{padding:22px 17px;}}@media (max-width:768px){.contacto-contenido,.contact-content,.contacto-container{display:grid;grid-template-columns:1fr;gap:30px;}.contacto-info,.contact-info,.contacto-formulario,.contact-form{width:100%;max-width:100%;}.contacto-formulario,.contact-form{padding:25px 20px;border-radius:18px;}.contacto-formulario form,.contact-form form{width:100%;}.contacto-formulario input,.contacto-formulario textarea,.contact-form input,.contact-form textarea{width:100%;min-height:50px;padding:14px 15px;font-size:16px;border-radius:10px;}.contacto-formulario textarea,.contact-form textarea{min-height:140px;resize:vertical;}.contacto-formulario button,.contact-form button{width:100%;min-height:52px;font-size:16px;}footer{padding:45px 18px 25px;text-align:center;}.footer-contenido,.footer-content,.footer-container{display:flex;flex-direction:column;align-items:center;gap:25px;}.footer-logo,.footer-marca{justify-content:center;}.footer-links,.footer-enlaces,.footer-nav{display:flex;flex-direction:column;align-items:center;gap:14px;}.footer-links a,.footer-enlaces a,.footer-nav a{margin:0;}.footer-texto,.footer-description,.footer-descripcion{max-width:420px;font-size:14px;line-height:1.7;}.footer-bottom,.footer-inferior{margin-top:30px;padding-top:20px;font-size:13px;line-height:1.6;}}@media (max-width:480px){.contacto-formulario,.contact-form{padding:22px 16px;}footer{padding-left:15px;padding-right:15px;}}.beneficios .tarjetas{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,300px);justify-content:center;gap:30px;}@media(max-width:1000px){.beneficios .tarjetas{grid-template-columns:repeat(2,300px);}}@media(max-width:700px){.beneficios .tarjetas{grid-template-columns:1fr;max-width:320px;gap:20px;}}.articulo-meta{font-size:15px !important;color:#64748b !important;margin-bottom:25px !important;}.articulo-resumen{background:#eff6ff;border-left:5px solid #2563eb;padding:22px 25px;margin:25px 0 35px;border-radius:12px;text-align:left;}.articulo-resumen strong{display:block;color:#1e293b;font-size:18px;margin-bottom:10px;}.articulo-resumen p{color:#475569;font-size:17px;line-height:1.7;margin-bottom:0;}body.modo-oscuro .articulo-meta{color:#94a3b8 !important;}body.modo-oscuro .articulo-resumen{background:#1e293b;border-left-color:#60a5fa;}body.modo-oscuro .articulo-resumen strong{color:#f8fafc;}body.modo-oscuro .articulo-resumen p{color:#cbd5e1;}.migas-navegacion{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:25px;font-size:15px;}.migas-navegacion a{margin:0;padding:0;border-radius:0;background:transparent;transform:none;color:#2563eb;text-decoration:none;font-weight:600;}.migas-navegacion a:hover{background:transparent;transform:none;text-decoration:underline;}.migas-navegacion span{color:#64748b;}body.modo-oscuro .migas-navegacion a{color:#60a5fa;}body.modo-oscuro .migas-navegacion span{color:#94a3b8;}.articulo h2[id]{scroll-margin-top:120px;}.articulo-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:45px;align-items:start;margin-top:35px;}.indice-articulo{position:sticky;top:110px;margin:0;padding:0;background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;overflow:hidden;text-align:left;}.indice-articulo summary{padding:20px 22px;color:#1e293b;font-size:18px;font-weight:700;cursor:pointer;list-style:none;}.indice-articulo summary::-webkit-details-marker{display:none;}.indice-articulo summary::after{content:"⌄";float:right;transition:transform .2s ease;}.indice-articulo[open] summary::after{transform:rotate(180deg);}.indice-articulo nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:10px;padding:0 22px 22px;}.indice-articulo a{margin:0;padding:0;border-radius:0;background:transparent;transform:none;color:#2563eb;text-decoration:none;font-size:15px;font-weight:600;line-height:1.5;}.indice-articulo a:hover{background:transparent;transform:none;text-decoration:underline;}.articulo-cuerpo{min-width:0;text-align:left;}.articulo-cuerpo p{line-height:1.8;}.articulo-cuerpo h2{margin-top:45px;margin-bottom:18px;scroll-margin-top:120px;}body.modo-oscuro .indice-articulo{background:#1e293b;border-color:#334155;}body.modo-oscuro .indice-articulo summary{color:#f8fafc;}body.modo-oscuro .indice-articulo a{color:#60a5fa;}@media (min-width:901px){.indice-articulo nav{display:flex !important;}.indice-articulo summary{cursor:default;}.indice-articulo summary::after{display:none;}}@media (max-width:900px){.articulo-layout{grid-template-columns:1fr;gap:30px;}.indice-articulo{position:static;width:100%;}.indice-articulo:not([open]) nav{display:none;}.indice-articulo[open] nav{display:flex;}.articulo-cuerpo h2{scroll-margin-top:100px;}}@media (max-width:900px){.indice-articulo nav{align-items:stretch;text-align:center;}.indice-articulo a{display:block;width:100%;text-align:center;}}.articulo-introduccion{font-size:21px;line-height:1.8;color:#334155;font-weight:500;}.recuadro-ejemplo,.recuadro-aviso,.recuadro-consejo{margin:30px 0;padding:22px 25px;border-radius:14px;text-align:left;}.recuadro-ejemplo{background:#eff6ff;border-left:5px solid #2563eb;}.recuadro-aviso{background:#fff7ed;border-left:5px solid #f97316;}.recuadro-consejo{background:#ecfdf5;border-left:5px solid #10b981;}.recuadro-ejemplo strong,.recuadro-aviso strong,.recuadro-consejo strong{display:block;margin-bottom:10px;font-size:18px;}.recuadro-ejemplo p,.recuadro-aviso p,.recuadro-consejo p{margin:0;}.pasos-articulo{display:flex;flex-direction:column;gap:18px;margin:30px 0;}.paso-articulo{display:flex;gap:18px;padding:22px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;}.paso-articulo>span{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;background:#2563eb;color:white;font-weight:800;border-radius:50%;}.paso-articulo h3{margin:0 0 8px;font-size:19px;color:#1e293b;}.paso-articulo p{margin:0;}.lista-tarjetas-articulo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0;}.lista-tarjetas-articulo>div{padding:22px;border:1px solid #e2e8f0;border-radius:14px;background:#ffffff;}.lista-tarjetas-articulo strong{display:block;margin-bottom:10px;font-size:18px;color:#1e293b;}.lista-tarjetas-articulo p{margin:0;}.lista-articulo{margin:22px 0 30px;padding-left:25px;}.lista-articulo li{margin-bottom:12px;line-height:1.7;}.lista-ventajas li::marker{color:#10b981;}.lista-riesgos li::marker{color:#ef4444;}.faq-articulo{margin-top:50px;}.faq-articulo details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;overflow:hidden;}.faq-articulo summary{padding:18px 20px;font-weight:700;color:#1e293b;cursor:pointer;}.faq-articulo details p{padding:0 20px 20px;margin:0;}.articulos-relacionados{margin-top:60px;padding-top:35px;border-top:1px solid #e2e8f0;}.relacionados-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}.relacionados-grid a{display:flex;flex-direction:column;gap:10px;padding:22px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#1e293b;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}.relacionados-grid a:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(15,23,42,.10);}.relacionados-grid span{font-size:30px;}.relacionados-grid strong{font-size:17px;}.relacionados-grid small{color:#64748b;line-height:1.5;}body.modo-oscuro .articulo-introduccion{color:#cbd5e1;}body.modo-oscuro .paso-articulo,body.modo-oscuro .lista-tarjetas-articulo>div,body.modo-oscuro .faq-articulo details,body.modo-oscuro .relacionados-grid a{background:#1e293b;border-color:#334155;}body.modo-oscuro .paso-articulo h3,body.modo-oscuro .lista-tarjetas-articulo strong,body.modo-oscuro .faq-articulo summary,body.modo-oscuro .relacionados-grid a{color:#f8fafc;}body.modo-oscuro .relacionados-grid small{color:#94a3b8;}body.modo-oscuro .recuadro-ejemplo{background:#172554;}body.modo-oscuro .recuadro-aviso{background:#431407;}body.modo-oscuro .recuadro-consejo{background:#052e2b;}@media (max-width:700px){.articulo-introduccion{font-size:18px;}.lista-tarjetas-articulo,.relacionados-grid{grid-template-columns:1fr;}.paso-articulo{padding:18px;}.recuadro-ejemplo,.recuadro-aviso,.recuadro-consejo{padding:18px;}}.autor-articulo{display:flex;align-items:flex-start;gap:22px;margin-top:55px;padding:28px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;text-align:left;}.autor-icono{width:65px;height:65px;min-width:65px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#ffffff;font-size:22px;font-weight:800;}.autor-informacion span{display:block;margin-bottom:5px;color:#64748b;font-size:14px;font-weight:600;}.autor-informacion h2{margin:0 0 10px;color:#1e293b;font-size:24px;}.autor-informacion p{margin:0 0 14px;color:#475569;line-height:1.7;}.autor-informacion a{color:#2563eb;text-decoration:none;font-weight:700;}.autor-informacion a:hover{text-decoration:underline;}body.modo-oscuro .autor-articulo{background:#1e293b;border-color:#334155;}body.modo-oscuro .autor-informacion h2{color:#f8fafc;}body.modo-oscuro .autor-informacion p{color:#cbd5e1;}body.modo-oscuro .autor-informacion span{color:#94a3b8;}body.modo-oscuro .autor-informacion a{color:#60a5fa;}@media (max-width:600px){.autor-articulo{flex-direction:column;padding:22px;}.autor-icono{width:55px;height:55px;min-width:55px;font-size:19px;}.autor-informacion h2{font-size:22px;}}.imagen-destacada-articulo{width:100%;margin:30px 0;}.imagen-destacada-articulo img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 18px 45px rgba(15,23,42,.18);}.imagen-destacada-articulo figcaption{margin-top:10px;color:#64748b;font-size:14px;line-height:1.5;text-align:center;}body.modo-oscuro .imagen-destacada-articulo figcaption{color:#94a3b8;}@media (max-width:700px){.imagen-destacada-articulo{margin:22px 0;}.imagen-destacada-articulo img{border-radius:14px;}}.pagina-articulos{min-height:100vh;text-align:center;padding-top:90px;}.pagina-articulos h1{max-width:850px;margin:0 auto 20px;font-size:46px;line-height:1.15;color:#1e293b;}.pagina-articulos>p{max-width:760px;margin:0 auto 50px;}body.modo-oscuro .pagina-articulos h1{color:#f8fafc;}.acciones-articulos{margin-top:45px;text-align:center;}.btn-ver-todos{display:inline-block;padding:14px 28px;border-radius:30px;background:#4f46e5;color:#ffffff;text-decoration:none;font-weight:bold;transition:0.3s;}.btn-ver-todos:hover{background:#7c3aed;transform:translateY(-3px);}@media(max-width:600px){.pagina-articulos h1{font-size:34px;}}.herramientas-articulos{width:min(100%,1200px);margin:0 auto 38px;padding:28px;background:#ffffff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 16px 40px rgba(15,23,42,.08);text-align:left;}.buscador-articulos{max-width:720px;margin:0 auto 24px;}.buscador-articulos label{display:block;margin-bottom:10px;color:#1e293b;font-size:16px;font-weight:800;}.campo-busqueda-articulos{display:flex;align-items:center;gap:12px;padding:0 18px;background:#f8fafc;border:2px solid #cbd5e1;border-radius:16px;transition:border-color .2s ease,box-shadow .2s ease;}.campo-busqueda-articulos:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.14);}.campo-busqueda-articulos span{font-size:21px;line-height:1;}.campo-busqueda-articulos input{width:100%;min-height:54px;padding:0;border:0;outline:0;background:transparent;color:#0f172a;font:inherit;font-size:16px;}.campo-busqueda-articulos input::placeholder{color:#64748b;}.filtros-articulos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}.filtro-articulo{min-height:44px;padding:9px 17px;border:1px solid #cbd5e1;border-radius:999px;background:#ffffff;color:#334155;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}.filtro-articulo:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-2px);}.filtro-articulo.activo{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#ffffff;box-shadow:0 8px 20px rgba(37,99,235,.24);}.filtro-articulo:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;}.contador-articulos{margin:22px 0 0 !important;color:#475569 !important;font-size:15px !important;font-weight:700;text-align:center;}.pagina-articulos .contenedor-articulos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,1200px);max-width:1200px;gap:24px;align-items:stretch;}.pagina-articulos .tarjeta-articulo{width:100%;max-width:none;min-height:390px;padding:30px 24px;justify-content:flex-start;}.pagina-articulos .tarjeta-articulo>span:first-child{flex:0 0 auto;}.categoria-tarjeta{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:28px;margin:-5px 0 16px;padding:5px 11px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;letter-spacing:.02em;}.pagina-articulos .tarjeta-articulo h3{font-size:22px;line-height:1.3;}.pagina-articulos .tarjeta-articulo p{font-size:16px;}.pagina-articulos .tarjeta-articulo a{margin-top:auto;}.sin-resultados-articulos{width:min(100%,700px);margin:10px auto 0;padding:45px 25px;border:1px dashed #94a3b8;border-radius:22px;background:#ffffff;text-align:center;}.sin-resultados-articulos span{display:block;margin-bottom:12px;font-size:44px;}.sin-resultados-articulos h2{margin-bottom:10px;color:#1e293b;font-size:26px;}.sin-resultados-articulos p{margin:0;color:#64748b;}body.modo-oscuro .herramientas-articulos,body.modo-oscuro .sin-resultados-articulos{background:#0f172a;border-color:#334155;box-shadow:0 16px 40px rgba(0,0,0,.28);}body.modo-oscuro .buscador-articulos label,body.modo-oscuro .sin-resultados-articulos h2{color:#f8fafc;}body.modo-oscuro .campo-busqueda-articulos{background:#1e293b;border-color:#475569;}body.modo-oscuro .campo-busqueda-articulos input{color:#f8fafc;}body.modo-oscuro .campo-busqueda-articulos input::placeholder,body.modo-oscuro .sin-resultados-articulos p{color:#94a3b8;}body.modo-oscuro .filtro-articulo{background:#1e293b;border-color:#475569;color:#cbd5e1;}body.modo-oscuro .filtro-articulo:hover{border-color:#60a5fa;color:#93c5fd;}body.modo-oscuro .filtro-articulo.activo{border-color:#60a5fa;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#ffffff;}body.modo-oscuro .contador-articulos{color:#cbd5e1 !important;}body.modo-oscuro .categoria-tarjeta{border-color:#1d4ed8;background:#172554;color:#bfdbfe;}@media (max-width:1000px){.pagina-articulos .contenedor-articulos{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:650px){.pagina-articulos{padding-left:16px;padding-right:16px;}.herramientas-articulos{padding:20px 16px;border-radius:18px;}.filtros-articulos{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;}.filtro-articulo{flex:0 0 auto;}.pagina-articulos .contenedor-articulos{grid-template-columns:1fr;}.pagina-articulos .tarjeta-articulo{min-height:auto;}}.pagina-articulos .tarjeta-articulo[hidden]{display:none !important;}.sin-resultados-articulos[hidden]{display:none !important;}.pagina-rutas{background:radial-gradient( circle at top left,rgba(99,102,241,0.10),transparent 30% ),#f8fafc;min-height:100vh;padding-bottom:90px;}.rutas-hero{max-width:1180px;margin:0 auto;padding:80px 24px 55px;text-align:center;}.rutas-hero .migas-navegacion{justify-content:center;margin-bottom:32px;}.rutas-hero h1{max-width:900px;margin:22px auto 18px;font-size:clamp(2.3rem,6vw,4.3rem);line-height:1.08;color:#172033;}.rutas-hero>p{max-width:760px;margin:0 auto;color:#64748b;font-size:1.1rem;line-height:1.8;}.rutas-resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:42px;}.ruta-resumen{display:flex;align-items:center;gap:14px;padding:20px;background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;text-align:left;text-decoration:none;box-shadow:0 12px 35px rgba(15,23,42,0.07);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}.ruta-resumen:hover{transform:translateY(-5px);border-color:#6366f1;box-shadow:0 18px 45px rgba(15,23,42,0.12);}.ruta-resumen>span{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#eef2ff;border-radius:14px;font-size:1.65rem;}.ruta-resumen strong,.ruta-resumen small{display:block;}.ruta-resumen strong{color:#172033;line-height:1.35;}.ruta-resumen small{margin-top:4px;color:#64748b;}.como-usar-rutas{max-width:1080px;margin:0 auto 60px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.como-usar-rutas>div{display:flex;align-items:flex-start;gap:14px;padding:22px;background:#172033;border-radius:18px;color:white;}.como-usar-rutas>div>span{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#6366f1;border-radius:50%;font-weight:800;}.como-usar-rutas strong{display:block;margin-bottom:5px;font-size:1.05rem;}.como-usar-rutas p{margin:0;color:#cbd5e1;line-height:1.6;}.ruta-bloque{max-width:1080px;margin:0 auto 55px;padding:38px;background:#ffffff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 18px 55px rgba(15,23,42,0.08);scroll-margin-top:110px;}.ruta-encabezado{display:grid;grid-template-columns:auto 1fr;gap:22px;padding-bottom:30px;border-bottom:1px solid #e2e8f0;}.ruta-icono{display:grid;place-items:center;width:78px;height:78px;background:linear-gradient( 135deg,#eef2ff,#ede9fe );border-radius:22px;font-size:2.5rem;}.ruta-categoria{display:inline-block;margin-bottom:8px;color:#6366f1;font-size:0.85rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;}.ruta-encabezado h2{margin:0 0 10px;color:#172033;font-size:clamp(1.7rem,4vw,2.4rem);}.ruta-encabezado p{max-width:760px;margin:0;color:#64748b;line-height:1.75;}.ruta-datos{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}.ruta-datos span{padding:8px 12px;background:#f1f5f9;border-radius:999px;color:#475569;font-size:0.88rem;font-weight:700;}.ruta-pasos{position:relative;margin:30px 0;padding:0;list-style:none;}.ruta-pasos::before{content:"";position:absolute;top:28px;bottom:28px;left:25px;width:2px;background:#dbeafe;}.ruta-paso{position:relative;display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:flex-start;padding:15px 0;}.ruta-numero{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;background:#2563eb;border:5px solid #ffffff;border-radius:50%;color:white;font-weight:800;box-shadow:0 6px 18px rgba(37,99,235,0.25);}.ruta-paso>div{padding:4px 0 14px;}.ruta-paso small{display:block;margin-bottom:4px;color:#6366f1;font-weight:700;}.ruta-paso h3{margin:0 0 7px;font-size:1.15rem;}.ruta-paso h3 a{color:#172033;text-decoration:none;}.ruta-paso h3 a:hover{color:#2563eb;text-decoration:underline;}.ruta-paso p{margin:0;color:#64748b;line-height:1.65;}.ruta-acciones{display:flex;flex-wrap:wrap;gap:14px;padding-top:25px;border-top:1px solid #e2e8f0;}.rutas-cierre{max-width:1080px;margin:10px auto 0;padding:32px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:linear-gradient( 135deg,#172033,#312e81 );border-radius:25px;color:white;}.rutas-cierre>span{font-size:3rem;}.rutas-cierre h2{margin:0 0 8px;color:white;}.rutas-cierre p{margin:0;color:#cbd5e1;line-height:1.7;}.rutas-cierre .btn-principal{white-space:nowrap;}body.modo-oscuro .pagina-rutas{background:radial-gradient( circle at top left,rgba(99,102,241,0.16),transparent 30% ),#0f172a;}body.modo-oscuro .rutas-hero h1,body.modo-oscuro .ruta-encabezado h2,body.modo-oscuro .ruta-paso h3 a,body.modo-oscuro .ruta-resumen strong{color:#f8fafc;}body.modo-oscuro .rutas-hero>p,body.modo-oscuro .ruta-encabezado p,body.modo-oscuro .ruta-paso p,body.modo-oscuro .ruta-resumen small{color:#cbd5e1;}body.modo-oscuro .ruta-resumen,body.modo-oscuro .ruta-bloque{background:#172033;border-color:#334155;}body.modo-oscuro .ruta-resumen>span,body.modo-oscuro .ruta-icono{background:#1e293b;}body.modo-oscuro .ruta-encabezado,body.modo-oscuro .ruta-acciones{border-color:#334155;}body.modo-oscuro .ruta-datos span{background:#1e293b;color:#cbd5e1;}body.modo-oscuro .ruta-numero{border-color:#172033;}body.modo-oscuro .ruta-pasos::before{background:#334155;}@media (max-width:800px){.rutas-hero{padding-top:55px;}.como-usar-rutas{grid-template-columns:1fr;}.ruta-bloque{margin-right:18px;margin-left:18px;padding:25px 20px;border-radius:22px;}.ruta-encabezado{grid-template-columns:1fr;}.ruta-icono{width:66px;height:66px;font-size:2rem;}.rutas-cierre{margin-right:18px;margin-left:18px;grid-template-columns:1fr;text-align:center;}.rutas-cierre>span{margin:auto;}.rutas-cierre .btn-principal{width:100%;text-align:center;}}@media (max-width:520px){.rutas-resumen-grid{grid-template-columns:1fr;}.ruta-paso{grid-template-columns:44px 1fr;gap:12px;}.ruta-numero{width:44px;height:44px;border-width:4px;}.ruta-pasos::before{left:21px;}.ruta-acciones{flex-direction:column;}.ruta-acciones a{width:100%;text-align:center;}}.pagina-retos{min-height:100vh;padding-bottom:90px;background:radial-gradient( circle at top right,rgba(37,99,235,0.10),transparent 30% ),#f8fafc;}.retos-hero{max-width:1100px;margin:0 auto;padding:80px 24px 45px;text-align:center;}.retos-hero .migas-navegacion{justify-content:center;margin-bottom:30px;}.retos-hero h1{max-width:850px;margin:22px auto 18px;color:#172033;font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.08;}.retos-hero>p{max-width:760px;margin:auto;color:#64748b;font-size:1.1rem;line-height:1.8;}.retos-estadisticas{max-width:720px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.retos-estadisticas div{padding:20px;background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,0.07);}.retos-estadisticas strong,.retos-estadisticas span{display:block;}.retos-estadisticas strong{margin-bottom:5px;color:#2563eb;font-size:1.8rem;}.retos-estadisticas span{color:#64748b;font-size:0.9rem;}.retos-instrucciones{max-width:1000px;margin:0 auto 35px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.retos-instrucciones>div{display:flex;gap:14px;padding:20px;background:#172033;border-radius:18px;color:white;}.retos-instrucciones>div>span{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#2563eb;border-radius:50%;font-weight:800;}.retos-instrucciones strong{display:block;margin-bottom:5px;}.retos-instrucciones p{margin:0;color:#cbd5e1;line-height:1.55;}.retos-categorias{max-width:850px;margin:0 auto 55px;padding:0 24px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}.retos-categorias a{padding:12px 18px;background:#ffffff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;font-weight:750;text-decoration:none;transition:0.25s ease;}.retos-categorias a:hover{background:#2563eb;border-color:#2563eb;color:white;transform:translateY(-2px);}.grupo-retos{max-width:1000px;margin:0 auto 65px;padding:0 24px;scroll-margin-top:110px;}.grupo-retos-encabezado{display:flex;align-items:center;gap:18px;margin-bottom:25px;}.grupo-retos-encabezado>span{display:grid;place-items:center;width:70px;height:70px;flex-shrink:0;background:#e0e7ff;border-radius:20px;font-size:2.2rem;}.grupo-retos-encabezado small{color:#6366f1;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;}.grupo-retos-encabezado h2{margin:3px 0 6px;color:#172033;font-size:clamp(1.7rem,4vw,2.3rem);}.grupo-retos-encabezado p{margin:0;color:#64748b;line-height:1.65;}.reto-practico{margin-bottom:28px;padding:32px;background:#ffffff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,0.08);}.reto-superior{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px;}.reto-numero{padding:8px 13px;background:#2563eb;border-radius:999px;color:white;font-size:0.86rem;font-weight:800;}.reto-etiquetas{display:flex;flex-wrap:wrap;gap:8px;}.reto-etiquetas span{padding:7px 11px;background:#f1f5f9;border-radius:999px;color:#475569;font-size:0.84rem;font-weight:700;}.reto-practico h3{margin:0 0 12px;color:#172033;font-size:clamp(1.45rem,4vw,2rem);}.reto-practico>p{color:#64748b;line-height:1.75;}.reto-practico h4{margin:25px 0 12px;color:#172033;font-size:1.05rem;}.reto-objetivo{margin:22px 0;padding:18px;background:#eff6ff;border-left:4px solid #2563eb;border-radius:12px;}.reto-objetivo strong{display:block;margin-bottom:6px;color:#1e40af;}.reto-objetivo p{margin:0;color:#475569;line-height:1.65;}.lista-reto{padding-left:24px;color:#475569;line-height:1.8;}.lista-reto li + li{margin-top:6px;}.lista-comprobacion{list-style:"☐ ";}.reto-pista,.reto-solucion{margin-top:16px;overflow:hidden;border-radius:14px;}.reto-pista{background:#fffbeb;border:1px solid #fde68a;}.reto-solucion{background:#f0fdf4;border:1px solid #bbf7d0;}.reto-pista summary,.reto-solucion summary{padding:16px 18px;cursor:pointer;font-weight:800;}.reto-pista>p,.reto-solucion>p,.reto-solucion>ul,.reto-solucion>ol,.reto-pista pre,.reto-solucion pre{margin-right:18px;margin-left:18px;}.reto-pista pre,.reto-solucion pre{margin-bottom:20px;}.reto-recurso{display:inline-block;margin-top:20px;color:#2563eb;font-weight:800;text-decoration:none;}.reto-recurso:hover{text-decoration:underline;}.mensaje-sospechoso{margin:22px 0;padding:22px;background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;color:#881337;}.mensaje-sospechoso strong{display:block;margin-bottom:12px;}.mensaje-sospechoso p{line-height:1.65;}.mensaje-sospechoso span{display:block;padding:10px;background:#ffffff;border-radius:8px;font-family:monospace;overflow-wrap:anywhere;}.retos-cierre{max-width:1000px;margin:0 auto;padding:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:linear-gradient(135deg,#172033,#1e3a8a);border-radius:24px;color:white;}.retos-cierre>span{font-size:3rem;}.retos-cierre h2{margin:0 0 7px;color:white;}.retos-cierre p{margin:0;color:#cbd5e1;line-height:1.65;}body.modo-oscuro .pagina-retos{background:radial-gradient( circle at top right,rgba(37,99,235,0.18),transparent 30% ),#0f172a;}body.modo-oscuro .retos-hero h1,body.modo-oscuro .grupo-retos-encabezado h2,body.modo-oscuro .reto-practico h3,body.modo-oscuro .reto-practico h4{color:#f8fafc;}body.modo-oscuro .retos-hero>p,body.modo-oscuro .grupo-retos-encabezado p,body.modo-oscuro .reto-practico>p{color:#cbd5e1;}body.modo-oscuro .retos-estadisticas div,body.modo-oscuro .retos-categorias a,body.modo-oscuro .reto-practico{background:#172033;border-color:#334155;}body.modo-oscuro .retos-estadisticas span,body.modo-oscuro .retos-categorias a,body.modo-oscuro .lista-reto{color:#cbd5e1;}body.modo-oscuro .grupo-retos-encabezado>span{background:#1e293b;}body.modo-oscuro .reto-etiquetas span{background:#1e293b;color:#cbd5e1;}body.modo-oscuro .reto-objetivo{background:#172554;}body.modo-oscuro .reto-objetivo strong{color:#bfdbfe;}body.modo-oscuro .reto-objetivo p{color:#dbeafe;}body.modo-oscuro .reto-pista{background:#422006;border-color:#854d0e;}body.modo-oscuro .reto-solucion{background:#052e16;border-color:#166534;}body.modo-oscuro .mensaje-sospechoso{background:#4c0519;border-color:#9f1239;color:#fecdd3;}body.modo-oscuro .mensaje-sospechoso span{background:#172033;}@media (max-width:800px){.retos-hero{padding-top:55px;}.retos-instrucciones{grid-template-columns:1fr;}.retos-cierre{margin-right:18px;margin-left:18px;grid-template-columns:1fr;text-align:center;}.retos-cierre>span{margin:auto;}.retos-cierre .btn-principal{width:100%;text-align:center;}}@media (max-width:600px){.retos-estadisticas{grid-template-columns:1fr;}.grupo-retos-encabezado{align-items:flex-start;}.grupo-retos-encabezado>span{width:58px;height:58px;font-size:1.8rem;}.reto-practico{padding:24px 18px;}.reto-superior{align-items:flex-start;flex-direction:column;}}.pagina-guias{min-height:100vh;padding-bottom:90px;background:radial-gradient( circle at top left,rgba(99,102,241,0.13),transparent 32% ),#f8fafc;}.pagina-guias .pagina-material-hero{max-width:1100px;margin:0 auto;padding:80px 24px 55px;text-align:center;}.pagina-guias .pagina-material-hero .migas-navegacion{justify-content:center;margin-bottom:30px;}.pagina-guias .pagina-material-hero h1{max-width:900px;margin:22px auto 18px;color:#172033;font-size:clamp(2.3rem,6vw,4.3rem);line-height:1.08;}.pagina-guias .pagina-material-hero>p{max-width:760px;margin:0 auto;color:#64748b;font-size:1.08rem;line-height:1.8;}.guias-estadisticas{max-width:760px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.guias-estadisticas div{padding:22px 16px;background:rgba(255,255,255,0.92);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 14px 38px rgba(15,23,42,0.08);}.guias-estadisticas strong,.guias-estadisticas span{display:block;}.guias-estadisticas strong{margin-bottom:5px;color:#4f46e5;font-size:1.9rem;}.guias-estadisticas span{color:#64748b;font-size:0.9rem;}.pagina-guias .pagina-material,.pagina-guias .practicas-material,.pagina-guias .retos-estudio{max-width:1100px;margin:0 auto 65px;padding:42px;background:#ffffff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 18px 55px rgba(15,23,42,0.08);}.pagina-guias .pagina-material>h2,.pagina-guias .practicas-material>h2,.pagina-guias .retos-estudio>h2{max-width:760px;margin:18px auto 12px;color:#172033;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2;text-align:center;}.pagina-guias .pagina-material>p,.pagina-guias .practicas-material>p,.pagina-guias .retos-estudio>p{max-width:760px;margin:0 auto 35px;color:#64748b;line-height:1.75;text-align:center;}.pagina-guias .pagina-material>.seccion-etiqueta,.pagina-guias .practicas-material>.seccion-etiqueta,.pagina-guias .retos-estudio>.seccion-etiqueta{display:table;margin:0 auto;}.pagina-guias .material-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.pagina-guias .material-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:30px;overflow:hidden;background:linear-gradient( 145deg,#ffffff,#f8fafc );border:1px solid #e2e8f0;border-radius:22px;text-align:left;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}.pagina-guias .material-item::before{content:"";position:absolute;top:-60px;right:-60px;width:150px;height:150px;background:rgba(99,102,241,0.08);border-radius:50%;}.pagina-guias .material-item:hover{transform:translateY(-7px);border-color:#818cf8;box-shadow:0 20px 45px rgba(15,23,42,0.13);}.pagina-guias .material-item>span{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;background:#eef2ff;border-radius:18px;font-size:2rem;}.pagina-guias .material-item h3{position:relative;z-index:1;margin:0 0 12px;color:#172033;font-size:1.4rem;}.pagina-guias .material-item p{position:relative;z-index:1;flex-grow:1;margin:0 0 24px;color:#64748b;line-height:1.75;}.pagina-guias .botones-recurso{position:relative;z-index:1;width:100%;display:flex;flex-wrap:wrap;gap:12px;}.pagina-guias .btn-leer,.pagina-guias .btn-descargar{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:11px;font-weight:800;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease;}.pagina-guias .btn-leer{background:#2563eb;color:#ffffff;}.pagina-guias .btn-descargar{background:#eef2ff;border:1px solid #c7d2fe;color:#4338ca;}.pagina-guias .btn-leer:hover,.pagina-guias .btn-descargar:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(37,99,235,0.2);}.pagina-guias a.btn-descargar,.pagina-guias a.btn-descargar:visited{background:#eef2ff !important;color:#4338ca !important;border:1px solid #c7d2fe !important;}.pagina-guias a.btn-descargar:hover{background:#4338ca !important;color:#ffffff !important;border-color:#4338ca !important;}.pagina-guias .practicas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}.pagina-guias .practica-card{display:flex;flex-direction:column;align-items:flex-start;padding:27px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;text-align:left;transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;}.pagina-guias .practica-card:hover{transform:translateY(-5px);border-color:#818cf8;box-shadow:0 16px 35px rgba(15,23,42,0.10);}.pagina-guias .practica-card>span{display:grid;place-items:center;width:55px;height:55px;margin-bottom:18px;background:#e0e7ff;border-radius:15px;font-size:1.7rem;}.pagina-guias .practica-card h3{margin:0 0 10px;color:#172033;font-size:1.25rem;}.pagina-guias .practica-card p{flex-grow:1;margin:0 0 22px;color:#64748b;line-height:1.7;}.pagina-guias .practica-card .btn-descargar{width:100%;}.pagina-guias .retos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.pagina-guias .reto-card{display:flex;flex-direction:column;align-items:flex-start;padding:26px;background:linear-gradient( 145deg,#172033,#1e293b );border-radius:20px;color:#ffffff;text-align:left;transition:transform 0.25s ease,box-shadow 0.25s ease;}.pagina-guias .reto-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(15,23,42,0.22);}.pagina-guias .reto-card strong{color:#a5b4fc;font-size:0.9rem;}.pagina-guias .reto-card h3{margin:12px 0 10px;color:#ffffff;font-size:1.3rem;}.pagina-guias .reto-card p{flex-grow:1;margin:0 0 22px;color:#cbd5e1;line-height:1.7;}.pagina-guias .reto-card .btn-leer{width:100%;}body.modo-oscuro .pagina-guias{background:radial-gradient( circle at top left,rgba(99,102,241,0.18),transparent 32% ),#0f172a;}body.modo-oscuro .pagina-guias .pagina-material-hero h1,body.modo-oscuro .pagina-guias .pagina-material h2,body.modo-oscuro .pagina-guias .practicas-material h2,body.modo-oscuro .pagina-guias .retos-estudio h2,body.modo-oscuro .pagina-guias .material-item h3,body.modo-oscuro .pagina-guias .practica-card h3{color:#f8fafc;}body.modo-oscuro .pagina-guias .pagina-material-hero>p,body.modo-oscuro .pagina-guias .pagina-material>p,body.modo-oscuro .pagina-guias .practicas-material>p,body.modo-oscuro .pagina-guias .retos-estudio>p,body.modo-oscuro .pagina-guias .material-item p,body.modo-oscuro .pagina-guias .practica-card p{color:#cbd5e1;}body.modo-oscuro .guias-estadisticas div,body.modo-oscuro .pagina-guias .pagina-material,body.modo-oscuro .pagina-guias .practicas-material,body.modo-oscuro .pagina-guias .retos-estudio,body.modo-oscuro .pagina-guias .material-item,body.modo-oscuro .pagina-guias .practica-card{background:#172033;border-color:#334155;}body.modo-oscuro .guias-estadisticas span{color:#cbd5e1;}body.modo-oscuro .pagina-guias .material-item>span,body.modo-oscuro .pagina-guias .practica-card>span{background:#1e293b;}body.modo-oscuro .pagina-guias a.btn-descargar,body.modo-oscuro .pagina-guias a.btn-descargar:visited{background:#1e293b !important;border-color:#475569 !important;color:#c7d2fe !important;}body.modo-oscuro .pagina-guias a.btn-descargar:hover{background:#4338ca !important;border-color:#4338ca !important;color:#ffffff !important;}@media (max-width:850px){.pagina-guias .pagina-material,.pagina-guias .practicas-material,.pagina-guias .retos-estudio{margin-right:18px;margin-left:18px;padding:30px 22px;}.pagina-guias .material-lista,.pagina-guias .practicas-grid,.pagina-guias .retos-grid{grid-template-columns:1fr;}}@media (max-width:600px){.pagina-guias .pagina-material-hero{padding-top:55px;}.guias-estadisticas{grid-template-columns:1fr;}.pagina-guias .material-item{min-height:auto;padding:24px 20px;}.pagina-guias .botones-recurso{flex-direction:column;}.pagina-guias .btn-leer,.pagina-guias .btn-descargar{width:100%;}}.acciones-articulos{width:100%;display:flex;justify-content:center;align-items:center;margin:45px auto 0;text-align:center;}.acciones-articulos .btn-ver-todos{display:inline-flex;justify-content:center;align-items:center;margin:0 auto;}.objetivos-aprendizaje{position:relative;overflow:hidden;padding:110px 24px;background:radial-gradient( circle at 10% 10%,rgba(79,70,229,.12),transparent 30% ),radial-gradient( circle at 90% 80%,rgba(124,58,237,.10),transparent 30% ),#f8fafc;}.objetivos-aprendizaje::before{content:"";position:absolute;top:70px;left:50%;width:500px;height:500px;border:1px solid rgba(99,102,241,.10);border-radius:50%;transform:translateX(-50%);pointer-events:none;}.objetivos-encabezado{position:relative;z-index:1;max-width:780px;margin:0 auto 55px;text-align:center;}.objetivos-etiqueta{display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;padding:9px 17px;border:1px solid rgba(79,70,229,.20);border-radius:999px;background:rgba(79,70,229,.08);color:#4f46e5;font-size:14px;font-weight:800;letter-spacing:.3px;}.objetivos-encabezado h2{margin-bottom:18px;color:#0f172a;font-size:clamp(34px,5vw,54px);line-height:1.08;}.objetivos-encabezado p{max-width:700px;margin:0 auto;color:#64748b;font-size:18px;line-height:1.8;}.objetivos-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;width:min(100%,1180px);margin:0 auto;}.objetivo-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:34px;overflow:hidden;border:1px solid #e2e8f0;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(15,23,42,.08);text-align:left;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}.objetivo-card::after{content:"";position:absolute;right:-60px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:rgba(99,102,241,.07);transition:transform .35s ease;}.objetivo-card:hover{transform:translateY(-8px);border-color:rgba(79,70,229,.35);box-shadow:0 26px 65px rgba(15,23,42,.14);}.objetivo-card:hover::after{transform:scale(1.25);}.objetivo-superior{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;}.objetivo-icono{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border:1px solid rgba(79,70,229,.15);border-radius:20px;background:linear-gradient( 135deg,rgba(79,70,229,.12),rgba(124,58,237,.07) );font-size:34px;}.objetivo-numero{color:#94a3b8;font-size:13px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;}.objetivo-card h3{position:relative;z-index:1;margin-bottom:15px;color:#1e293b;font-size:25px;line-height:1.3;}.objetivo-card>p{position:relative;z-index:1;margin-bottom:22px;color:#64748b;font-size:16px;line-height:1.75;}.objetivo-card ul{position:relative;z-index:1;display:grid;gap:11px;margin:0 0 30px;padding:0;list-style:none;}.objetivo-card li{position:relative;padding-left:27px;color:#475569;font-size:15px;line-height:1.5;}.objetivo-card li::before{content:"✓";position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:rgba(34,197,94,.12);color:#16a34a;font-size:12px;font-weight:900;}.objetivo-enlace{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto;padding:15px 18px;border:1px solid rgba(79,70,229,.18);border-radius:15px;background:#f8fafc;color:#4f46e5;text-decoration:none;font-weight:800;transition:background .25s ease,color .25s ease,border-color .25s ease;}.objetivo-enlace span{font-size:20px;transition:transform .25s ease;}.objetivo-enlace:hover{border-color:#4f46e5;background:#4f46e5;color:#ffffff;}.objetivo-enlace:hover span{transform:translateX(5px);}.objetivos-accion{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:48px;text-align:center;}.objetivos-accion p{margin:0;color:#64748b;font-size:16px;}.btn-todas-rutas{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 26px;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 14px 30px rgba(79,70,229,.25);color:#ffffff;text-decoration:none;font-weight:800;transition:transform .25s ease,box-shadow .25s ease;}.btn-todas-rutas:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(79,70,229,.34);}body.modo-oscuro .objetivos-aprendizaje{background:radial-gradient( circle at 10% 10%,rgba(99,102,241,.18),transparent 30% ),radial-gradient( circle at 90% 80%,rgba(124,58,237,.15),transparent 30% ),#0f172a;}body.modo-oscuro .objetivos-encabezado h2{color:#f8fafc;}body.modo-oscuro .objetivos-encabezado p,body.modo-oscuro .objetivos-accion p{color:#94a3b8;}body.modo-oscuro .objetivo-card{border-color:#334155;background:rgba(30,41,59,.92);box-shadow:0 18px 50px rgba(0,0,0,.24);}body.modo-oscuro .objetivo-card:hover{border-color:#6366f1;}body.modo-oscuro .objetivo-card h3{color:#f8fafc;}body.modo-oscuro .objetivo-card>p,body.modo-oscuro .objetivo-card li{color:#cbd5e1;}body.modo-oscuro .objetivo-enlace{border-color:#475569;background:#0f172a;color:#a5b4fc;}body.modo-oscuro .objetivo-enlace:hover{border-color:#6366f1;background:#6366f1;color:#ffffff;}@media(max-width:850px){.objetivos-aprendizaje{padding:85px 20px;}.objetivos-grid{grid-template-columns:1fr;max-width:650px;}}@media(max-width:520px){.objetivos-aprendizaje{padding:70px 16px;}.objetivos-encabezado{margin-bottom:38px;}.objetivos-encabezado p{font-size:16px;}.objetivo-card{padding:26px 22px;border-radius:22px;}.objetivo-card h3{font-size:22px;}.objetivo-icono{width:58px;height:58px;border-radius:17px;font-size:30px;}.objetivo-enlace{align-items:flex-start;padding:14px 16px;font-size:14px;}}.articulo-layout,.articulo-cuerpo,.sobre-contenido,.recuadro-ejemplo,.recuadro-aviso,.recuadro-consejo,.lista-tarjetas-articulo,.lista-tarjetas-articulo>div{min-width:0;max-width:100%;box-sizing:border-box;}pre{display:block;width:100%;max-width:100%;margin:22px 0;padding:18px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;white-space:pre;border-radius:12px;-webkit-overflow-scrolling:touch;}pre code{display:block;min-width:0;max-width:100%;white-space:pre;overflow-wrap:normal;word-break:normal;}p code,li code{max-width:100%;overflow-wrap:anywhere;word-break:break-word;}.articulo-cuerpo table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}@media(max-width:600px){pre{padding:15px;font-size:13px;line-height:1.6;}.recuadro-ejemplo,.recuadro-aviso,.recuadro-consejo{padding:19px 17px;}.lista-tarjetas-articulo{grid-template-columns:1fr;}}@media (min-width:769px) and (max-width:1180px){header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:15px 24px;gap:12px;}.menu-toggle{display:flex;align-items:center;justify-content:center;}#menu-principal{display:none;width:100%;flex-direction:column;align-items:stretch;gap:5px;margin-top:10px;padding:10px 0 5px;}#menu-principal.menu-abierto{display:flex;}#menu-principal a{width:100%;margin:0;padding:11px 14px;text-align:center;border-radius:10px;}#menu-principal .btn-modo{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:8px auto 0;padding:0;border-radius:50%;}}.articulo-layout{align-items:start;}.indice-articulo{min-width:0;max-width:100%;}.articulo-cuerpo{min-width:0;}@media(max-width:949px){.articulo-layout{grid-template-columns:1fr;}.indice-articulo{width:100%;position:static;}}.cursos .contenedor-cursos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:min(100%,1280px);margin:45px auto 0;}.cursos .tarjeta-curso{width:100%;min-width:0;height:100%;}@media(max-width:1050px){.cursos .contenedor-cursos{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){.cursos .contenedor-cursos{grid-template-columns:1fr;}}.contenedor-faq{display:grid;gap:16px;width:min(100%,900px);margin:38px auto 0;}.pregunta{width:100%;padding:0;overflow:hidden;border:1px solid rgba(99,102,241,.18);border-radius:16px;background:var(--fondo-tarjeta,#ffffff);}.pregunta summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;font-size:18px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none;}.pregunta summary::-webkit-details-marker{display:none;}.pregunta summary::after{content:"+";flex-shrink:0;font-size:26px;font-weight:400;color:#6366f1;}.pregunta[open] summary::after{content:"−";}.pregunta p{margin:0;padding:0 24px 22px;line-height:1.8;}@media(max-width:600px){.pregunta summary{padding:19px;font-size:16px;}.pregunta p{padding:0 19px 19px;}}.material-cta{padding:90px 24px;}.material-cta-contenido{width:min(100%,850px);margin:auto;text-align:center;}.material-cta-contenido h2{max-width:700px;margin:18px auto;}.material-cta-contenido p{max-width:700px;margin:0 auto 30px;line-height:1.8;}@media(max-width:600px){.material-cta{padding:65px 20px;}.material-cta-contenido h2{font-size:29px;}}.footer .contenedor-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:45px;width:min(100%,1200px);margin:auto;align-items:start;}.footer-logo,.footer-enlaces,.footer-social{font-style:normal;min-width:0;}.footer-enlaces{display:flex;flex-direction:column;align-items:flex-start;gap:11px;}.footer-enlaces a{width:auto;margin:0;padding:0;border:none;background:none;border-radius:0;text-align:left;}.footer-social a{display:inline-block;max-width:100%;overflow-wrap:anywhere;}.footer-copy{display:flex;justify-content:space-between;gap:20px;width:min(100%,1200px);margin:45px auto 0;padding-top:25px;}@media(max-width:950px){.footer .contenedor-footer{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){.footer .contenedor-footer{grid-template-columns:1fr;gap:35px;}.footer-copy{flex-direction:column;align-items:center;gap:8px;text-align:center;}}.titulo-listado-articulos{width:min(100%,1200px);margin:55px auto 30px;text-align:left;font-size:32px;}@media(max-width:600px){.titulo-listado-articulos{margin:40px auto 25px;font-size:27px;text-align:center;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}.saltar-contenido{position:fixed;top:12px;left:12px;z-index:9999;padding:12px 18px;border-radius:8px;background:#111827;color:#ffffff;font-weight:700;text-decoration:none;transform:translateY(-150%);transition:transform .2s ease;}.saltar-contenido:focus{transform:translateY(0);}.rendimiento-diferido{content-visibility:auto;contain-intrinsic-size:auto 800px;}@media(max-width:768px){.rendimiento-diferido{contain-intrinsic-size:auto 1000px;}}.etiqueta{color:#1e40af !important;}.objetivo-numero{color:#475569 !important;}.cursos>p,.tarjeta-curso p{color:#475569 !important;}.footer-social a{color:#bfdbfe !important;font-weight:600;}.footer-social a:hover{color:#ffffff !important;}.footer .marca-bytenova .marca-texto{color:#ddd6fe !important;}@media (max-width:768px){footer.footer .footer-enlaces a{color:#f8fafc !important;}footer.footer .footer-social h3{color:#ffffff !important;}footer.footer .footer-social p{color:#e2e8f0 !important;}footer.footer .footer-social a{color:#bfdbfe !important;font-weight:600;text-decoration:underline;}footer.footer .footer-copy p{color:#e2e8f0 !important;}}footer.footer{background-color:#020617 !important;color:#ffffff !important;}footer.footer .footer-social h3{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;opacity:1 !important;}footer.footer .footer-social p{color:#f1f5f9 !important;-webkit-text-fill-color:#f1f5f9 !important;opacity:1 !important;}footer.footer .footer-social a{color:#dbeafe !important;-webkit-text-fill-color:#dbeafe !important;font-weight:700 !important;text-decoration:underline;opacity:1 !important;}footer.footer .footer-copy p{color:#f1f5f9 !important;-webkit-text-fill-color:#f1f5f9 !important;opacity:1 !important;}.pagina-articulos .contenedor-articulos{height:auto !important;max-height:none !important;overflow:visible !important;content-visibility:visible;contain:none;}.pagina-articulos .tarjeta-articulo{height:auto;max-height:none;overflow:hidden;content-visibility:visible;contain:none;}.pagina-articulos .tarjeta-articulo.articulo-oculto,.pagina-articulos .tarjeta-articulo[hidden]{display:none !important;}@media (max-width:650px){.pagina-articulos .contenedor-articulos{display:grid !important;grid-template-columns:minmax(0,1fr) !important;width:100% !important;gap:18px !important;align-items:stretch;}.pagina-articulos .tarjeta-articulo{display:flex;width:100% !important;min-width:0;min-height:0 !important;margin:0;padding:24px 20px;}}.pagina-guias .material-item,.pagina-guias .practica-card,.pagina-guias .reto-card{height:auto;max-height:none;overflow:hidden;}.pagina-guias .material-item>span,.pagina-guias .material-item h3,.pagina-guias .material-item p,.pagina-guias .material-item .botones-recurso{flex-shrink:0;}.pagina-guias .material-item p{flex:1 1 auto;}@media (max-width:600px){.pagina-guias .pagina-material,.pagina-guias .practicas-material,.pagina-guias .retos-estudio{margin-left:12px;margin-right:12px;padding:26px 16px;overflow:visible;}.pagina-guias .material-lista,.pagina-guias .practicas-grid,.pagina-guias .retos-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:18px;}.pagina-guias .material-item,.pagina-guias .practica-card,.pagina-guias .reto-card{width:100%;min-width:0;padding:22px 18px;}.pagina-guias .material-item h3,.pagina-guias .material-item p,.pagina-guias .btn-leer,.pagina-guias .btn-descargar{overflow-wrap:anywhere;word-break:normal;}.pagina-guias .botones-recurso{position:static;display:grid;grid-template-columns:1fr;width:100%;}}body.menu-activo{overflow:hidden;}@media (min-width:1181px){body.menu-activo{overflow:auto;}}.nota-recursos-gratuitos{max-width:760px;margin:35px auto 0;padding:16px 20px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e40af;font-size:16px;font-weight:700;text-align:center;}body.modo-oscuro .nota-recursos-gratuitos{border-color:#1d4ed8;background:#172554;color:#bfdbfe;}@media (max-width:600px){.articulos:not(.pagina-articulos) .contenedor-articulos>.tarjeta-articulo:nth-of-type(n + 4){display:none;}}@media (max-width:650px){.pagina-articulos .contenedor-articulos{display:grid !important;grid-template-columns:1fr !important;width:100% !important;height:auto !important;max-height:none !important;overflow:visible !important;}.pagina-articulos .tarjeta-articulo:not([hidden]){display:flex !important;width:100% !important;max-width:none !important;height:auto !important;max-height:none !important;min-height:0 !important;}.pagina-articulos .tarjeta-articulo[hidden],.pagina-articulos .tarjeta-articulo.articulo-oculto{display:none !important;}}body.modo-oscuro .hero .etiqueta{color:#ffffff;}body.modo-oscuro .hero .etiqueta{background:#1e3a8a !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}@media (max-width:768px){.hero::before,.hero::after{filter:none;}}
/* =========================================
   NAVEGACIÓN ENTRE ARTÍCULOS
========================================= */
.navegacion-articulos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0 10px}.navegacion-articulos a{display:flex;flex-direction:column;gap:6px;min-width:0;padding:20px 22px;border:1px solid #dbeafe;border-radius:16px;background:#f8fafc;color:#0f172a;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.navegacion-articulos a:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 12px 28px rgba(15,23,42,.08)}.navegacion-articulos .nav-etiqueta{color:#64748b;font-size:13px;font-weight:700}.navegacion-articulos strong{color:#1e3a8a;font-size:17px;line-height:1.35}.navegacion-articulos .nav-siguiente{text-align:right;align-items:flex-end}body.modo-oscuro .navegacion-articulos a{border-color:#334155;background:#0f172a;color:#f8fafc}body.modo-oscuro .navegacion-articulos a:hover{border-color:#3b82f6;box-shadow:0 12px 28px rgba(0,0,0,.22)}body.modo-oscuro .navegacion-articulos .nav-etiqueta{color:#94a3b8}body.modo-oscuro .navegacion-articulos strong{color:#bfdbfe}@media(max-width:650px){.navegacion-articulos{grid-template-columns:1fr;gap:12px;margin-top:32px}.navegacion-articulos .nav-siguiente{text-align:left;align-items:flex-start}}


/* ===== Glosario: Cómo aprovecharlo ===== */
.glosario-aprovechar{
  max-width: 1080px;
  margin: 48px auto;
  padding: 0 20px;
}
.glosario-aprovechar-card{
  background: #fff;
  border: 1px solid #edf1f7;
  border-radius: 22px;
  padding: 42px 48px;
  box-shadow: 0 14px 38px rgba(15,23,42,.08);
}
.glosario-aprovechar-card > h2{
  margin: 0;
  text-align: center;
  color: #172033;
  font-size: clamp(1.75rem,3vw,2.25rem);
}
.glosario-aprovechar-linea{
  display: block;
  width: 92px;
  height: 4px;
  margin: 15px auto 38px;
  border-radius: 999px;
  background: linear-gradient(90deg,#7c3aed,#2563eb);
}
.glosario-aprovechar-item{
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 28px;
  align-items: center;
}
.glosario-aprovechar-icono{
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  font-size: 2.2rem;
  background: linear-gradient(135deg,#f5edff,#eee9ff);
}
.glosario-aprovechar-icono-azul{
  background: linear-gradient(135deg,#edf5ff,#e8efff);
}
.glosario-aprovechar-item h3{
  margin: 0 0 10px;
  color: #6d28d9;
  font-size: 1.35rem;
}
.glosario-aprovechar-item:nth-of-type(2) h3{
  color: #2563eb;
}
.glosario-aprovechar-item p{
  margin: 0;
  color: #52627a;
  line-height: 1.8;
}
.glosario-aprovechar-separador{
  height: 1px;
  background: #e8edf4;
  margin: 34px 0;
}
.glosario-consejo{
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 22px;
  align-items: center;
  margin-top: 28px;
  padding: 28px 32px;
  border: 1px solid #b9efd8;
  border-left: 4px solid #10b981;
  border-radius: 18px;
  background: linear-gradient(135deg,#f2fff9,#f8fffc);
}
.glosario-consejo-icono{
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dcfce7;
  font-size: 2rem;
}
.glosario-consejo strong{
  display: inline-block;
  margin-bottom: 8px;
  color: #047857;
  font-size: 1.05rem;
}
.glosario-consejo p{
  margin: 0;
  color: #52627a;
  line-height: 1.75;
}
body.modo-oscuro .glosario-aprovechar-card{
  background: #111827;
  border-color: #263247;
}
body.modo-oscuro .glosario-aprovechar-card > h2{color:#f8fafc}
body.modo-oscuro .glosario-aprovechar-item p,
body.modo-oscuro .glosario-consejo p{color:#cbd5e1}
body.modo-oscuro .glosario-aprovechar-separador{background:#293548}
body.modo-oscuro .glosario-consejo{
  background:#0f211c;
  border-color:#235c49;
}
@media (max-width: 700px){
  .glosario-aprovechar{margin:32px auto;padding:0 14px}
  .glosario-aprovechar-card{padding:30px 22px}
  .glosario-aprovechar-item{
    grid-template-columns:1fr;
    gap:16px;
    text-align:center;
  }
  .glosario-aprovechar-icono{margin:0 auto;width:78px;height:78px}
  .glosario-consejo{
    grid-template-columns:1fr;
    text-align:center;
    padding:24px 20px;
  }
  .glosario-consejo-icono{margin:0 auto}
}


/* ===== Índice largo de artículos: scroll interno en escritorio ===== */
@media (min-width: 901px){
  .articulo-layout .indice-articulo{
    align-self: start;
    max-height: calc(100vh - 135px);
    overflow: hidden;
  }

  .articulo-layout .indice-articulo > nav{
    max-height: calc(100vh - 215px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding-right: 14px;
  }

  .articulo-layout .indice-articulo > nav::-webkit-scrollbar{
    width: 6px;
  }

  .articulo-layout .indice-articulo > nav::-webkit-scrollbar-thumb{
    border-radius: 999px;
    background: rgba(37, 99, 235, .35);
  }

  .articulo-layout .indice-articulo > nav a{
    flex: 0 0 auto;
  }
}

/* ===== Glosario por categorías ===== */
.glosario-categorias{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.glosario-categorias a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid rgba(99,102,241,.18);border-radius:999px;background:rgba(99,102,241,.06);font-weight:700;text-decoration:none}.glosario-categorias-contenido{display:grid;gap:34px;margin-top:28px}.glosario-categoria{scroll-margin-top:100px}.glosario-categoria-encabezado{margin-bottom:16px}.glosario-categoria-encabezado h2{margin-bottom:7px}.glosario-categoria-encabezado p{max-width:820px;margin:0}.glosario-aprende-mas{display:inline-flex;margin-top:12px;font-weight:800;text-decoration:none}.glosario-aprende-mas:hover{text-decoration:underline}@media(max-width:700px){.glosario-categorias{display:grid;grid-template-columns:1fr}.glosario-categorias a{border-radius:14px}}


/* ===== Material: diseño referencia exacta ===== */
.material-biblioteca .sobre-contenido{max-width:1180px}
.material-biblioteca .sobre-intro{max-width:800px;color:#61708a}
.material-biblioteca .articulo-resumen{max-width:980px;margin-left:auto;margin-right:auto}

.material-grid-ampliado{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin-top:28px;
}

.material-card-detalle{
  --accent:#2563eb;
  --accent2:#7c3aed;
  --soft:rgba(37,99,235,.08);
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:22px 18px 18px!important;
  border:1px solid rgba(37,99,235,.12)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  overflow:hidden;
}
.material-card-detalle::before{
  content:"";position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--accent),var(--accent2))
}
.material-html{--accent:#2563eb;--accent2:#7c3aed;--soft:rgba(37,99,235,.08)}
.material-python{--accent:#7c3aed;--accent2:#8b5cf6;--soft:rgba(124,58,237,.08)}
.material-ciber{--accent:#7c3aed;--accent2:#9333ea;--soft:rgba(124,58,237,.08)}
.material-ia{--accent:#2563eb;--accent2:#3b82f6;--soft:rgba(37,99,235,.08)}

.material-card-detalle .material-icono{
  width:44px;height:44px;display:grid;place-items:center;margin:0 0 14px;
  border-radius:12px;background:var(--soft);font-size:1.45rem;box-shadow:none!important
}
.material-card-detalle .material-nivel{
  position:absolute;top:16px;right:14px;display:inline-flex;align-items:center;
  width:auto!important;min-width:0!important;height:24px;padding:0 9px!important;
  margin:0!important;border:1px solid rgba(99,102,241,.2)!important;border-radius:999px!important;
  background:var(--soft)!important;color:var(--accent)!important;font-size:.68rem!important;
  line-height:1!important;font-weight:800!important;box-shadow:none!important
}
.material-card-detalle h2{
  margin:0 0 9px!important;color:var(--accent)!important;font-size:1.08rem!important;line-height:1.25!important
}
.material-card-detalle>p{
  margin:0 0 14px;color:#61708a!important;font-size:.84rem;line-height:1.55
}
.material-card-detalle h3{
  margin:5px 0 9px!important;color:#25324a!important;font-size:.82rem!important;font-weight:800
}
.material-card-detalle ul{list-style:none;padding:0;margin:0 0 14px}
.material-card-detalle li{
  position:relative;margin:7px 0;padding-left:18px;color:#61708a!important;font-size:.78rem;line-height:1.45
}
.material-card-detalle li::before{
  content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900
}
.material-recomendado{
  margin-top:auto!important;padding:10px 11px!important;border-radius:10px!important;
  background:var(--soft)!important;color:#4f6078!important;font-size:.73rem!important;line-height:1.45!important
}
.material-recomendado strong{color:var(--accent)!important}
.material-acciones{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.material-acciones .boton{
  display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;
  padding:8px 12px!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(90deg,var(--accent),var(--accent2))!important;
  color:#fff!important;text-decoration:none!important;font-size:.72rem!important;font-weight:800!important;
  box-shadow:0 6px 14px rgba(79,70,229,.16)!important
}
.material-continuar{
  align-self:flex-start;color:var(--accent)!important;font-size:.72rem!important;font-weight:800!important;text-decoration:none!important
}

/* Ruta horizontal como en la referencia */
.material-ruta-referencia{
  margin-top:44px;padding:28px 24px 26px;border:1px solid rgba(37,99,235,.12);
  border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)
}
.material-ruta-referencia>h2{
  margin:0 0 30px;text-align:center;color:#1f2a44;font-size:clamp(1.35rem,2vw,1.75rem)
}
.material-ruta-referencia>h2 span:last-child{color:#7c3aed}
.ruta-horizontal{
  display:grid;
  grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr) 68px minmax(0,1fr) 68px minmax(0,1fr);
  align-items:start;gap:0
}
.ruta-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.ruta-numero{
  width:30px;height:30px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;
  background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.78rem;font-weight:900;
  box-shadow:0 6px 14px rgba(79,70,229,.22)
}
.ruta-icono{
  width:46px;height:46px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.12));
  color:#2563eb;font-size:1.12rem;font-weight:800
}
.ruta-item strong{display:block;margin-bottom:6px;color:#25324a;font-size:.86rem}
.ruta-item p{max-width:180px;margin:0;color:#61708a;font-size:.72rem;line-height:1.45}
.ruta-linea{
  height:2px;margin-top:15px;background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(124,58,237,.34))
}

/* Modo oscuro */
body.modo-oscuro .material-card-detalle,
body.modo-oscuro .material-ruta-referencia,
body.dark-mode .material-card-detalle,
body.dark-mode .material-ruta-referencia,
[data-theme="dark"] .material-card-detalle,
[data-theme="dark"] .material-ruta-referencia{
  background:#151a2b!important;border-color:rgba(129,140,248,.24)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important
}
body.modo-oscuro .material-card-detalle .material-nivel,
body.dark-mode .material-card-detalle .material-nivel,
[data-theme="dark"] .material-card-detalle .material-nivel{
  background:rgba(99,102,241,.14)!important;border-color:rgba(129,140,248,.34)!important;color:#c4b5fd!important
}
body.modo-oscuro .material-card-detalle h3,
body.modo-oscuro .ruta-item strong,
body.dark-mode .material-card-detalle h3,
body.dark-mode .ruta-item strong,
[data-theme="dark"] .material-card-detalle h3,
[data-theme="dark"] .ruta-item strong{color:#f5f7ff!important}
body.modo-oscuro .material-card-detalle>p,
body.modo-oscuro .material-card-detalle li,
body.modo-oscuro .ruta-item p,
body.dark-mode .material-card-detalle>p,
body.dark-mode .material-card-detalle li,
body.dark-mode .ruta-item p,
[data-theme="dark"] .material-card-detalle>p,
[data-theme="dark"] .material-card-detalle li,
[data-theme="dark"] .ruta-item p{color:#c3ccdc!important}
body.modo-oscuro .material-recomendado,
body.dark-mode .material-recomendado,
[data-theme="dark"] .material-recomendado{background:rgba(99,102,241,.10)!important;color:#d6dbee!important}
body.modo-oscuro .material-ruta-referencia>h2,
body.dark-mode .material-ruta-referencia>h2,
[data-theme="dark"] .material-ruta-referencia>h2{color:#f8fafc!important}

@media(max-width:1050px){
  .material-grid-ampliado{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ruta-horizontal{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .ruta-linea{display:none}
}
@media(max-width:650px){
  .material-grid-ampliado{grid-template-columns:1fr}
  .material-card-detalle{padding:20px 16px!important}
  .ruta-horizontal{grid-template-columns:1fr}
  .material-ruta-referencia{padding:24px 16px}
  .ruta-item{padding:4px 0 14px}
}



/* ===== Material: corrección responsive categorías móviles ===== */
@media (max-width: 650px){
  .indice-rapido-material{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin:22px 0 32px!important;
    padding:0!important;
    overflow:visible!important;
  }

  .indice-rapido-material a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    padding:10px 8px!important;
    margin:0!important;
    border:1px solid rgba(37,99,235,.16)!important;
    border-radius:12px!important;
    background:rgba(37,99,235,.04)!important;
    color:#25324a!important;
    font-size:.78rem!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body.modo-oscuro .indice-rapido-material a,
  body.dark-mode .indice-rapido-material a,
  [data-theme="dark"] .indice-rapido-material a{
    background:rgba(99,102,241,.10)!important;
    border-color:rgba(129,140,248,.22)!important;
    color:#e5e7eb!important;
  }
}



/* ===== Sobre ByteNova: confianza y presentación 2026-08-18 ===== */
.sobre-renovado{
  max-width:980px;
}
.sobre-renovado > .seccion-etiqueta{
  margin-bottom:14px;
}
.sobre-renovado > h1{
  margin-bottom:12px;
}
.sobre-renovado .articulo-introduccion{
  max-width:760px;
  font-size:1.08rem;
  line-height:1.75;
}
.sobre-renovado .fecha-actualizacion{
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:4px 0 26px;
  padding:7px 11px;
  border:1px solid rgba(37,99,235,.14);
  border-radius:999px;
  background:rgba(37,99,235,.05);
  color:#61708a;
  font-size:.78rem;
}
.sobre-renovado .articulo-cuerpo > h2{
  position:relative;
  margin-top:42px;
  padding-left:15px;
}
.sobre-renovado .articulo-cuerpo > h2::before{
  content:"";
  position:absolute;
  left:0;
  top:.18em;
  bottom:.18em;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#2563eb,#7c3aed);
}
.sobre-renovado .lista-tarjetas-articulo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sobre-renovado .lista-tarjetas-articulo > div{
  position:relative;
  padding:20px;
  border:1px solid rgba(37,99,235,.12);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(37,99,235,.035),rgba(124,58,237,.035));
}
.sobre-renovado .lista-tarjetas-articulo strong{
  display:block;
  margin-bottom:7px;
  color:#25324a;
}
.sobre-renovado .lista-tarjetas-articulo p{
  margin:0;
  color:#61708a;
}
.sobre-autor-destacado{
  position:relative;
  overflow:hidden;
  margin:28px 0 38px!important;
  padding:24px!important;
  border:1px solid rgba(99,102,241,.18)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(124,58,237,.07))!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.sobre-autor-destacado::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
}
.sobre-autor-destacado .autor-icono{
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
}
.sobre-autor-destacado h2{
  padding:0!important;
  margin:2px 0 7px!important;
}
.sobre-autor-destacado h2::before{display:none!important}
.sobre-proceso-editorial{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px!important;
}
.sobre-proceso-editorial .paso-articulo{
  align-items:flex-start!important;
  min-height:145px;
  padding:19px!important;
  border:1px solid rgba(37,99,235,.12);
  border-radius:16px;
  background:#fff;
}
.sobre-proceso-editorial .paso-articulo > span{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
  font-weight:900!important;
}
.sobre-proceso-editorial h3{
  margin:0 0 6px!important;
  color:#25324a;
  font-size:1rem;
}
.sobre-proceso-editorial p{
  margin:0!important;
  color:#61708a;
}
.sobre-principios{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  padding:20px!important;
  border:1px solid rgba(37,99,235,.12);
  border-radius:18px;
  background:rgba(37,99,235,.025);
}
.sobre-principios li{
  margin:0!important;
}
.sobre-titulo-confianza{
  margin-top:38px!important;
}
.sobre-tiktok{
  margin:32px 0!important;
  border-color:rgba(124,58,237,.18)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(124,58,237,.08))!important;
}
.sobre-tiktok a{
  font-weight:800;
}

/* Modo oscuro */
body.modo-oscuro .sobre-renovado .fecha-actualizacion,
body.dark-mode .sobre-renovado .fecha-actualizacion,
[data-theme="dark"] .sobre-renovado .fecha-actualizacion{
  background:rgba(99,102,241,.10);
  border-color:rgba(129,140,248,.22);
  color:#cbd5e1;
}
body.modo-oscuro .sobre-renovado .lista-tarjetas-articulo > div,
body.modo-oscuro .sobre-proceso-editorial .paso-articulo,
body.modo-oscuro .sobre-principios,
body.dark-mode .sobre-renovado .lista-tarjetas-articulo > div,
body.dark-mode .sobre-proceso-editorial .paso-articulo,
body.dark-mode .sobre-principios,
[data-theme="dark"] .sobre-renovado .lista-tarjetas-articulo > div,
[data-theme="dark"] .sobre-proceso-editorial .paso-articulo,
[data-theme="dark"] .sobre-principios{
  background:#171b2d!important;
  border-color:rgba(129,140,248,.22)!important;
}
body.modo-oscuro .sobre-renovado .lista-tarjetas-articulo strong,
body.modo-oscuro .sobre-proceso-editorial h3,
body.dark-mode .sobre-renovado .lista-tarjetas-articulo strong,
body.dark-mode .sobre-proceso-editorial h3,
[data-theme="dark"] .sobre-renovado .lista-tarjetas-articulo strong,
[data-theme="dark"] .sobre-proceso-editorial h3{
  color:#f8fafc!important;
}
body.modo-oscuro .sobre-renovado .lista-tarjetas-articulo p,
body.modo-oscuro .sobre-proceso-editorial p,
body.dark-mode .sobre-renovado .lista-tarjetas-articulo p,
body.dark-mode .sobre-proceso-editorial p,
[data-theme="dark"] .sobre-renovado .lista-tarjetas-articulo p,
[data-theme="dark"] .sobre-proceso-editorial p{
  color:#cbd5e1!important;
}
body.modo-oscuro .sobre-autor-destacado,
body.modo-oscuro .sobre-tiktok,
body.dark-mode .sobre-autor-destacado,
body.dark-mode .sobre-tiktok,
[data-theme="dark"] .sobre-autor-destacado,
[data-theme="dark"] .sobre-tiktok{
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.12))!important;
  border-color:rgba(129,140,248,.25)!important;
}

@media(max-width:700px){
  .sobre-renovado .lista-tarjetas-articulo,
  .sobre-proceso-editorial,
  .sobre-principios{
    grid-template-columns:1fr!important;
  }
  .sobre-renovado .articulo-cuerpo > h2{
    margin-top:34px;
  }
  .sobre-proceso-editorial .paso-articulo{
    min-height:0;
  }
}



/* ===== ByteNova Home V2 · referencia 2 ===== */
body.home-v2{
  background:#050914;
}
body.home-v2 main{
  background:#050914;
  color:#eef4ff;
}
body.home-v2 > header{
  background:rgba(5,9,20,.96)!important;
  border-bottom:1px solid rgba(96,165,250,.12)!important;
  backdrop-filter:blur(18px);
}
body.home-v2 > header .marca-texto,
body.home-v2 > header nav a{color:#f8fafc!important}
body.home-v2 > header nav a:hover{color:#60a5fa!important}
body.home-v2 .menu-toggle{color:#fff}
body.home-v2 .btn-modo{
  background:#10182a!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.homev2-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.homev2-hero{
  position:relative;
  overflow:hidden;
  padding:76px 0 48px;
  background:
    radial-gradient(circle at 72% 20%,rgba(37,99,235,.22),transparent 26%),
    radial-gradient(circle at 82% 48%,rgba(124,58,237,.18),transparent 22%),
    linear-gradient(180deg,#050914,#071020 100%);
}
.homev2-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(96,165,250,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.025) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);
}
.homev2-hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:58px;align-items:center
}
.homev2-kicker{
  display:inline-flex;align-items:center;
  padding:8px 13px;margin-bottom:20px;
  border:1px solid rgba(99,102,241,.38);border-radius:999px;
  background:rgba(37,99,235,.08);color:#c4b5fd;font-size:.8rem;font-weight:800
}
.homev2-hero-copy h1{
  margin:0 0 20px;max-width:650px;color:#f8fafc;
  font-size:clamp(3rem,5.7vw,5.5rem);line-height:.98;letter-spacing:-.045em
}
.homev2-hero-copy h1 span{
  background:linear-gradient(90deg,#22a7ff,#7c3aed,#ec4899);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.homev2-hero-copy>p{max-width:620px;margin:0;color:#b7c4da;font-size:1.04rem;line-height:1.75}
.homev2-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.homev2-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:11px 19px;border-radius:14px;text-decoration:none;font-weight:850
}
.homev2-btn-primary{background:linear-gradient(90deg,#1677ff,#7c3aed,#c026d3);color:#fff!important;box-shadow:0 12px 30px rgba(99,102,241,.24)}
.homev2-btn-secondary{border:1px solid rgba(139,92,246,.48);background:rgba(10,17,34,.65);color:#fff!important}
.homev2-trust-mini{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#d2dbea;font-size:.77rem;font-weight:700}
.homev2-trust-mini span{display:inline-flex;gap:6px;align-items:center}
.homev2-hero-visual{position:relative;min-height:430px;display:grid;place-items:center}
.homev2-image-glow{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(91,33,182,.4),rgba(14,165,233,.15) 40%,transparent 70%);filter:blur(34px)}
.homev2-hero-visual img{
  position:relative;z-index:1;width:100%;max-width:640px;height:430px;object-fit:cover;object-position:center 52%;
  border-radius:30px;border:1px solid rgba(96,165,250,.2);
  box-shadow:0 32px 80px rgba(0,0,0,.45),0 0 60px rgba(37,99,235,.16)
}
.homev2-shortcuts{padding:28px 0 54px;background:#050914}
.homev2-shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.homev2-shortcut{
  --accent:#7c3aed;
  display:flex;min-height:184px;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:18px 12px;border:1px solid color-mix(in srgb,var(--accent) 42%,#23304a);
  border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,#081020),#07101e);
  text-decoration:none;transition:.22s ease
}
.homev2-shortcut:hover{transform:translateY(-4px);box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 14%,transparent)}
.homev2-shortcut>span{width:52px;height:52px;display:grid;place-items:center;margin-bottom:14px;border-radius:50%;background:color-mix(in srgb,var(--accent) 25%,#0c1426);font-size:1.45rem;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 20%,transparent)}
.homev2-shortcut strong{color:#fff;margin-bottom:7px}
.homev2-shortcut small{color:#aab8cf;line-height:1.45}
.homev2-shortcut b{margin-top:14px;color:color-mix(in srgb,var(--accent) 85%,white);font-size:1.25rem}
.homev2-purple{--accent:#7c3aed}.homev2-blue{--accent:#1687ff}.homev2-green{--accent:#10b981}.homev2-orange{--accent:#f59e0b}.homev2-pink{--accent:#ec4899}.homev2-cyan{--accent:#06b6d4}
.homev2-goals,.homev2-featured,.homev2-content,.homev2-resources,.homev2-trust,.homev2-cta{background:#050914}
.homev2-goals{padding:40px 0 64px}
.homev2-section-title{text-align:center;max-width:740px;margin:0 auto 28px}
.homev2-section-title>span,.homev2-heading-row>div>span{color:#8bb8ff;font-size:.78rem;font-weight:900;letter-spacing:.04em}
.homev2-section-title h2,.homev2-heading-row h2{margin:8px 0 8px;color:#fff;font-size:clamp(1.9rem,3.3vw,2.8rem)}
.homev2-section-title h2 em{font-style:normal;background:linear-gradient(90deg,#1ca2ff,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.homev2-section-title p{margin:0;color:#9eabc2}
.homev2-section-title.compact{margin-bottom:24px}
.homev2-topic-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.homev2-topic-pills a{padding:8px 14px;border:1px solid #273654;border-radius:999px;color:#cbd5e1;text-decoration:none;font-size:.76rem;background:#091124}
.homev2-topic-pills a:first-child{border-color:#6d28d9;background:linear-gradient(90deg,rgba(37,99,235,.2),rgba(124,58,237,.2));color:#fff}
.homev2-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.homev2-goal-card{padding:22px;border:1px solid #22304b;border-radius:18px;background:linear-gradient(160deg,#0a1223,#080f1d);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.homev2-goal-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(79,70,229,.14);font-size:1.25rem}
.homev2-goal-card h3{margin:16px 0 8px;color:#fff;font-size:1rem}
.homev2-goal-card p{min-height:60px;margin:0;color:#9caac0;font-size:.82rem;line-height:1.55}
.homev2-progress{height:5px;margin:18px 0;border-radius:999px;background:#17243b;overflow:hidden}
.homev2-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1687ff,#8b5cf6)}
.homev2-goal-card a{display:flex;justify-content:center;padding:9px;border:1px solid #334361;border-radius:10px;color:#e5edfb;text-decoration:none;font-size:.78rem;font-weight:800}
.homev2-featured{padding:0 0 60px}
.homev2-featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.homev2-featured-grid a{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #22304b;border-radius:14px;background:#091124;text-decoration:none}
.homev2-featured-grid a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#111d34;color:#facc15;font-weight:900}
.homev2-featured-grid strong{display:block;color:#fff;font-size:.87rem}.homev2-featured-grid small{color:#8796ad}
.homev2-content{padding:10px 0 64px}
.homev2-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.homev2-heading-row h2{margin-bottom:0}.homev2-heading-row>a{color:#88bfff;text-decoration:none;font-size:.78rem;font-weight:800}
.homev2-heading-row.small{align-items:center;margin-bottom:16px}.homev2-heading-row.small h2{font-size:1.35rem;margin:5px 0 0}
.homev2-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.homev2-article-card{overflow:hidden;border:1px solid #22304b;border-radius:17px;background:#08111f}
.homev2-article-cover{height:142px;display:grid;place-items:center;font-size:3.2rem;border-bottom:1px solid #22304b}
.cover-ai{background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.28),transparent 50%),#07142a}
.cover-web{background:radial-gradient(circle at 50% 50%,rgba(14,165,233,.26),transparent 50%),#07142a}
.cover-sec{background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.24),transparent 50%),#07142a}
.cover-python{background:radial-gradient(circle at 50% 50%,rgba(250,204,21,.18),transparent 50%),#07142a}
.homev2-article-body{padding:17px}.homev2-article-body small{color:#60a5fa}.homev2-article-body h3{margin:7px 0;color:#fff;font-size:1rem;line-height:1.35}.homev2-article-body p{min-height:64px;margin:0 0 14px;color:#97a6bc;font-size:.79rem;line-height:1.55}.homev2-article-body a{color:#65aaff;text-decoration:none;font-size:.76rem;font-weight:800}
.homev2-resources{padding:0 0 60px}
.homev2-resource-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}
.homev2-resource-panel,.homev2-glossary-preview{padding:22px;border:1px solid #22304b;border-radius:18px;background:linear-gradient(160deg,#08111f,#07101c)}
.homev2-resource-list a{display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #17243b;text-decoration:none}
.homev2-resource-list a:last-child{border-bottom:0}.homev2-resource-list strong{display:block;color:#dce7f8;font-size:.85rem}.homev2-resource-list small{color:#7f8fa7}.homev2-resource-list b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #244a78;border-radius:50%;color:#60a5fa}
.homev2-glossary-list a{display:grid;grid-template-columns:105px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #17243b;text-decoration:none}.homev2-glossary-list a:last-child{border-bottom:0}.homev2-glossary-list span{color:#60a5fa;font-weight:850}.homev2-glossary-list p{margin:0;color:#8998ad;font-size:.76rem}.homev2-glossary-list b{color:#8ebfff}
.homev2-trust{padding:0 0 34px}.homev2-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #1c2b45;border-radius:16px;background:#1c2b45}.homev2-trust-grid>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:17px;background:#08101e}.homev2-trust-grid>div>span{grid-row:1/3;font-size:1.1rem}.homev2-trust-grid strong{color:#fff;font-size:.82rem}.homev2-trust-grid small{color:#7e8da4;font-size:.7rem}
.homev2-cta{padding:0 0 62px}.homev2-cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border:1px solid rgba(124,58,237,.4);border-radius:18px;background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(124,58,237,.12),rgba(236,72,153,.08));box-shadow:0 0 50px rgba(99,102,241,.06)}.homev2-cta-box>div>span{color:#a78bfa;font-size:.78rem;font-weight:900}.homev2-cta-box h2{margin:6px 0;color:#fff;font-size:1.45rem}.homev2-cta-box p{margin:0;color:#9ba9bf}

/* Mantener el footer integrado con el nuevo inicio */
body.home-v2 .footer{background:#040812!important;border-top:1px solid #16233a!important}
body.home-v2 .footer,body.home-v2 .footer a,body.home-v2 .footer p,body.home-v2 .footer h3{color:#cbd5e1}

/* Móvil */
@media(max-width:1050px){
  .homev2-hero-grid{grid-template-columns:1fr;gap:34px}
  .homev2-hero-copy{text-align:center}.homev2-hero-copy h1,.homev2-hero-copy>p{margin-left:auto;margin-right:auto}.homev2-actions,.homev2-trust-mini{justify-content:center}
  .homev2-hero-visual{min-height:360px}.homev2-hero-visual img{height:360px;max-width:720px}
  .homev2-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .homev2-goal-grid,.homev2-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homev2-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .homev2-shell{width:min(100% - 28px,1180px)}
  .homev2-hero{padding:54px 0 32px}
  .homev2-hero-copy h1{font-size:clamp(2.45rem,12vw,3.7rem)}
  .homev2-hero-visual{min-height:300px}.homev2-hero-visual img{height:300px;border-radius:22px}
  .homev2-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homev2-shortcut{min-height:152px}
  .homev2-goal-grid,.homev2-article-grid,.homev2-featured-grid,.homev2-resource-layout,.homev2-trust-grid{grid-template-columns:1fr}
  .homev2-featured-grid{gap:10px}
  .homev2-heading-row{align-items:flex-start;flex-direction:column}
  .homev2-heading-row.small{flex-direction:row;align-items:center}
  .homev2-glossary-list a{grid-template-columns:88px 1fr auto}
  .homev2-trust-grid{gap:1px}
  .homev2-cta-box{align-items:flex-start;flex-direction:column;padding:23px}
  .homev2-cta-box .homev2-btn{width:100%}
}
@media(max-width:430px){
  .homev2-shortcut-grid{grid-template-columns:1fr 1fr;gap:10px}
  .homev2-shortcut{min-height:138px;padding:14px 9px}.homev2-shortcut>span{width:44px;height:44px;font-size:1.2rem}
  .homev2-shortcut strong{font-size:.82rem}.homev2-shortcut small{font-size:.68rem}
  .homev2-topic-pills{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}
  .homev2-topic-pills a{white-space:nowrap}
}



/* ===== Home V2: modo claro completo =====
   El diseño oscuro original permanece como tema oscuro.
   Estas reglas convierten el mismo layout al tema claro cuando el body
   NO tiene una clase/atributo de modo oscuro.
*/
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]){
  background:#f7f9fd!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) main{
  background:#f7f9fd!important;
  color:#27364f!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) > header{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(37,99,235,.10)!important;
  box-shadow:0 7px 24px rgba(15,23,42,.045)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) > header .marca-texto,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) > header nav a{
  color:#263550!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) > header nav a:hover{
  color:#4f46e5!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .menu-toggle{
  color:#263550!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .btn-modo{
  background:#f3f6fb!important;
  border:1px solid rgba(37,99,235,.12)!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero{
  background:
    radial-gradient(circle at 72% 20%,rgba(37,99,235,.11),transparent 28%),
    radial-gradient(circle at 82% 48%,rgba(124,58,237,.09),transparent 24%),
    linear-gradient(180deg,#ffffff,#f5f8ff 100%)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero::before{
  background-image:
    linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-kicker{
  background:rgba(79,70,229,.055)!important;
  border-color:rgba(79,70,229,.16)!important;
  color:#5b42d6!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero-copy h1{
  color:#18243d!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero-copy>p{
  color:#61718b!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-btn-secondary{
  background:#fff!important;
  border-color:rgba(79,70,229,.22)!important;
  color:#34425c!important;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-trust-mini{
  color:#697991!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero-visual img{
  border-color:rgba(37,99,235,.14)!important;
  box-shadow:0 28px 60px rgba(37,54,85,.15),0 0 50px rgba(37,99,235,.08)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-image-glow{
  background:radial-gradient(circle,rgba(99,102,241,.16),rgba(14,165,233,.08) 40%,transparent 70%)!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-shortcuts,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-goals,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-featured,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-content,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-resources,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-trust,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-cta{
  background:#f7f9fd!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-shortcut{
  background:linear-gradient(180deg,#ffffff,#f9fbff)!important;
  border-color:rgba(37,99,235,.12)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-shortcut:hover{
  border-color:color-mix(in srgb,var(--accent) 34%,#dce5f3)!important;
  box-shadow:0 15px 32px rgba(15,23,42,.08)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-shortcut>span{
  background:color-mix(in srgb,var(--accent) 10%,#f8fafc)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-shortcut strong{
  color:#263550!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-shortcut small{
  color:#738198!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-section-title h2,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-heading-row h2{
  color:#1d2942!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-section-title p{
  color:#718097!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-section-title>span,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-heading-row>div>span{
  color:#4f63d8!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-topic-pills a{
  background:#fff!important;
  border-color:#dce4f0!important;
  color:#53627a!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-topic-pills a:first-child{
  background:linear-gradient(90deg,rgba(37,99,235,.09),rgba(124,58,237,.09))!important;
  border-color:rgba(99,102,241,.22)!important;
  color:#4f46e5!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-goal-card,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-featured-grid a,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-article-card,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-resource-panel,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-glossary-preview{
  background:#fff!important;
  border-color:rgba(37,99,235,.11)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-goal-card h3,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-featured-grid strong,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-article-body h3,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-resource-list strong{
  color:#27364f!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-goal-card p,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-featured-grid small,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-article-body p,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-resource-list small,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-glossary-list p{
  color:#718097!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-goal-card a{
  background:#f8faff!important;
  border-color:#dbe4f1!important;
  color:#3e4d66!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-progress{
  background:#e8eef7!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-featured-grid a>span{
  background:#f2f6fc!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-article-cover{
  border-bottom-color:#e5ebf4!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .cover-ai{
  background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.18),transparent 50%),#f7f9ff!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .cover-web{
  background:radial-gradient(circle at 50% 50%,rgba(14,165,233,.17),transparent 50%),#f6fbff!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .cover-sec{
  background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.15),transparent 50%),#f6fcff!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .cover-python{
  background:radial-gradient(circle at 50% 50%,rgba(250,204,21,.14),transparent 50%),#fffdf6!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-resource-list a,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-glossary-list a{
  border-bottom-color:#e7edf5!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-glossary-list span{
  color:#2563eb!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-trust-grid{
  background:#e2e8f2!important;
  border-color:#e2e8f2!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-trust-grid>div{
  background:#fff!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-trust-grid strong{
  color:#27364f!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-trust-grid small{
  color:#75839a!important;
}

body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-cta-box{
  background:linear-gradient(90deg,rgba(37,99,235,.07),rgba(124,58,237,.07),rgba(236,72,153,.045))!important;
  border-color:rgba(99,102,241,.16)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.05)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-cta-box h2{
  color:#22304a!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-cta-box p{
  color:#718097!important;
}

/* Footer claro del inicio */
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .footer{
  background:#fff!important;
  border-top:1px solid #e7edf5!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .footer,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .footer a,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .footer p,
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .footer h3{
  color:#53627a!important;
}



/* ===== Footer ByteNova V2 aprobado ===== */
.footer-v2{
  margin-top:0!important;
  background:#ffffff!important;
  border-top:1px solid #e7edf5!important;
  color:#334155!important;
}
.footer-v2-shell{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:48px 0 20px;
}
.footer-v2-grid{
  display:grid;
  grid-template-columns:1.25fr .9fr .9fr 1.15fr;
  gap:44px;
  align-items:start;
}
.footer-v2-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  margin-bottom:18px;
}
.footer-v2-logo-icon{
  width:52px;height:52px;
  display:grid;place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
  font-size:1.15rem;
  font-weight:900;
  box-shadow:0 10px 24px rgba(79,70,229,.18);
}
.footer-v2-logo-text{
  color:#0f1d36;
  font-size:1.75rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}
.footer-v2-logo-text span{color:#2563eb}
.footer-v2-brand>p{
  max-width:285px;
  margin:0 0 20px;
  color:#596a84!important;
  font-size:.95rem;
  line-height:1.75;
}
.footer-v2-social{
  display:flex;
  gap:10px;
}
.footer-v2-social a{
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid #dce5f0;
  border-radius:50%;
  background:#fff;
  color:#263550!important;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 5px 15px rgba(15,23,42,.04);
}
.footer-v2 h3{
  margin:3px 0 18px;
  color:#10203b!important;
  font-size:1.02rem;
  font-weight:900;
}
.footer-v2-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-v2-col a{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 13px;
  color:#3f5069!important;
  text-decoration:none;
  font-size:.9rem;
  font-weight:700;
}
.footer-v2-col a span{
  width:18px;
  color:#4f46e5;
  font-weight:900;
}
.footer-v2-col a:hover,
.footer-v2-contact a:hover{color:#2563eb!important}
.footer-v2-contact>p{
  max-width:285px;
  margin:0 0 22px;
  color:#596a84!important;
  line-height:1.7;
}
.footer-v2-contact>a{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  color:#2563eb!important;
  text-decoration:none;
  font-weight:800;
  word-break:break-word;
}
.footer-v2-contact>a span{
  color:#4f46e5;
}
.footer-v2-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid #e5ebf4;
}
.footer-v2-bottom p{
  margin:0;
  color:#5e6e86!important;
  font-size:.84rem;
}
.footer-v2-bottom strong{color:#2563eb}

/* Footer oscuro */
body.modo-oscuro .footer-v2,
body.dark-mode .footer-v2,
[data-theme="dark"] .footer-v2,
body.home-v2.modo-oscuro .footer-v2,
body.home-v2.dark-mode .footer-v2,
body.home-v2[data-theme="dark"] .footer-v2{
  background:#050914!important;
  border-top-color:#17243b!important;
  color:#dce7f7!important;
}
body.modo-oscuro .footer-v2-logo-text,
body.modo-oscuro .footer-v2 h3,
body.dark-mode .footer-v2-logo-text,
body.dark-mode .footer-v2 h3,
[data-theme="dark"] .footer-v2-logo-text,
[data-theme="dark"] .footer-v2 h3{
  color:#f8fafc!important;
}
body.modo-oscuro .footer-v2-brand>p,
body.modo-oscuro .footer-v2-contact>p,
body.modo-oscuro .footer-v2-bottom p,
body.dark-mode .footer-v2-brand>p,
body.dark-mode .footer-v2-contact>p,
body.dark-mode .footer-v2-bottom p,
[data-theme="dark"] .footer-v2-brand>p,
[data-theme="dark"] .footer-v2-contact>p,
[data-theme="dark"] .footer-v2-bottom p{
  color:#b8c4d8!important;
}
body.modo-oscuro .footer-v2-col a,
body.dark-mode .footer-v2-col a,
[data-theme="dark"] .footer-v2-col a{
  color:#e5edf8!important;
}
body.modo-oscuro .footer-v2-social a,
body.dark-mode .footer-v2-social a,
[data-theme="dark"] .footer-v2-social a{
  background:#08111f;
  border-color:#20314e;
  color:#f8fafc!important;
  box-shadow:0 0 18px rgba(37,99,235,.08);
}
body.modo-oscuro .footer-v2-bottom,
body.dark-mode .footer-v2-bottom,
[data-theme="dark"] .footer-v2-bottom{
  border-top-color:#20304b;
}

@media(max-width:900px){
  .footer-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}
}
@media(max-width:600px){
  .footer-v2-shell{width:min(100% - 30px,1180px);padding-top:36px}
  .footer-v2-grid{grid-template-columns:1fr;gap:28px}
  .footer-v2-brand>p,.footer-v2-contact>p{max-width:none}
  .footer-v2-bottom{flex-direction:column;align-items:flex-start}
}



/* ===== Aviso elegante de modo oscuro · Inicio ===== */
.dark-mode-suggestion{
  background:#f7f9fd;
  padding:12px 20px 0;
}
.dark-mode-suggestion[hidden]{display:none!important}
.dark-mode-suggestion-inner{
  width:min(1180px,100%);
  margin:0 auto;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:9px 12px 9px 16px;
  border:1px solid rgba(99,102,241,.16);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(37,99,235,.055),rgba(124,58,237,.055));
  box-shadow:0 6px 18px rgba(15,23,42,.035);
}
.dark-mode-suggestion-copy{
  display:flex;
  align-items:center;
  gap:10px;
}
.dark-mode-suggestion-icon{
  width:31px;height:31px;
  flex:0 0 31px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#fff;
  box-shadow:0 3px 10px rgba(15,23,42,.06);
}
.dark-mode-suggestion p{
  margin:0!important;
  color:#5d6b82!important;
  font-size:.82rem;
  line-height:1.45;
}
.dark-mode-suggestion p strong{color:#263550!important}
.dark-mode-suggestion-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
#dark-mode-suggestion-activate{
  border:0;
  border-radius:10px;
  padding:9px 13px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  color:#fff;
  font:inherit;
  font-size:.76rem;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 6px 16px rgba(79,70,229,.16);
}
#dark-mode-suggestion-close{
  width:34px;height:34px;
  display:grid;place-items:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#718096;
  font-size:1.25rem;
  line-height:1;
  cursor:pointer;
}
#dark-mode-suggestion-close:hover{background:rgba(100,116,139,.08)}

/* Si la página ya está oscura, el aviso desaparece también por CSS */
body.modo-oscuro .dark-mode-suggestion,
body.dark-mode .dark-mode-suggestion,
html[data-theme="dark"] .dark-mode-suggestion,
body[data-theme="dark"] .dark-mode-suggestion{
  display:none!important;
}

@media(max-width:700px){
  .dark-mode-suggestion{padding:10px 14px 0}
  .dark-mode-suggestion-inner{
    align-items:flex-start;
    padding:11px 10px 11px 12px;
  }
  .dark-mode-suggestion-copy{align-items:flex-start}
  .dark-mode-suggestion p{font-size:.76rem}
  .dark-mode-suggestion p strong{display:block;margin-bottom:2px}
  #dark-mode-suggestion-activate{
    font-size:0;
    width:36px;height:36px;
    padding:0;
  }
  #dark-mode-suggestion-activate::after{
    content:"🌙";
    font-size:1rem;
  }
  #dark-mode-suggestion-close{width:30px;height:30px}
}



/* ===== Material: 8 PDF complementarios ===== */
.material-extra-pdf{
  margin-top:42px;
}
.material-extra-cabecera{
  max-width:760px;
  margin:0 auto 24px;
  text-align:center;
}
.material-extra-cabecera>span{
  color:#6d28d9;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.035em;
}
.material-extra-cabecera h2{
  margin:8px 0 10px;
  color:#263550;
  font-size:clamp(1.65rem,3vw,2.25rem);
}
.material-extra-cabecera p{
  margin:0;
  color:#687891;
  line-height:1.65;
}
.material-extra-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.material-extra-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:18px;
  border:1px solid rgba(37,99,235,.12);
  border-radius:17px;
  background:#fff;
  box-shadow:0 9px 24px rgba(15,23,42,.045);
}
.material-extra-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.material-extra-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(37,99,235,.09),rgba(124,58,237,.11));
  font-size:1.25rem;
}
.material-extra-cat{
  padding:5px 8px;
  border:1px solid rgba(99,102,241,.14);
  border-radius:999px;
  background:rgba(99,102,241,.055);
  color:#5b55ca;
  font-size:.65rem;
  font-weight:850;
}
.material-extra-card h3{
  margin:0 0 9px;
  color:#27364f;
  font-size:1rem;
  line-height:1.35;
}
.material-extra-card>p{
  flex:1;
  margin:0 0 16px;
  color:#697991;
  font-size:.78rem;
  line-height:1.55;
}
.material-extra-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.material-extra-download{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:9px 11px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  color:#fff!important;
  text-decoration:none;
  font-size:.72rem;
  font-weight:850;
}
.material-extra-learn{
  align-self:center;
  color:#5b55ca!important;
  text-decoration:none;
  font-size:.7rem;
  font-weight:800;
}

/* Modo oscuro */
body.modo-oscuro .material-extra-cabecera h2,
body.dark-mode .material-extra-cabecera h2,
[data-theme="dark"] .material-extra-cabecera h2{
  color:#f8fafc!important;
}
body.modo-oscuro .material-extra-cabecera p,
body.dark-mode .material-extra-cabecera p,
[data-theme="dark"] .material-extra-cabecera p{
  color:#b9c5d7!important;
}
body.modo-oscuro .material-extra-card,
body.dark-mode .material-extra-card,
[data-theme="dark"] .material-extra-card{
  background:#151a2b!important;
  border-color:rgba(129,140,248,.22)!important;
  box-shadow:none!important;
}
body.modo-oscuro .material-extra-card h3,
body.dark-mode .material-extra-card h3,
[data-theme="dark"] .material-extra-card h3{
  color:#f8fafc!important;
}
body.modo-oscuro .material-extra-card>p,
body.dark-mode .material-extra-card>p,
[data-theme="dark"] .material-extra-card>p{
  color:#c3ccdc!important;
}
body.modo-oscuro .material-extra-cat,
body.dark-mode .material-extra-cat,
[data-theme="dark"] .material-extra-cat{
  background:rgba(99,102,241,.13);
  border-color:rgba(129,140,248,.28);
  color:#c4b5fd;
}
body.modo-oscuro .material-extra-learn,
body.dark-mode .material-extra-learn,
[data-theme="dark"] .material-extra-learn{
  color:#a78bfa!important;
}

@media(max-width:1000px){
  .material-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .material-extra-grid{grid-template-columns:1fr}
}



/* ===== Correcciones legales + contraste oscuro 2026-08-18 ===== */

/* Privacidad y Cookies: la cabecera legal debe desplazarse con la página */
.legal-page,
.legal-page .contenedor,
.legal-page .legal-encabezado,
.legal-page .legal-header,
.legal-page .encabezado-legal{
  position:static!important;
  top:auto!important;
  inset:auto!important;
  transform:none!important;
}

/* Evitar que una cabecera interna de las páginas legales quede pegada */
.legal-page > .contenedor > :first-child{
  position:static!important;
  top:auto!important;
}

/* Enlaces más legibles en modo oscuro, incluido correo y "Aprende más" */
body.modo-oscuro main a:not(.boton):not(.homev2-btn),
body.dark-mode main a:not(.boton):not(.homev2-btn),
[data-theme="dark"] main a:not(.boton):not(.homev2-btn){
  color:#7dd3fc!important;
}

body.modo-oscuro main a:not(.boton):not(.homev2-btn):hover,
body.dark-mode main a:not(.boton):not(.homev2-btn):hover,
[data-theme="dark"] main a:not(.boton):not(.homev2-btn):hover{
  color:#c4b5fd!important;
}

/* Glosario: enlace de profundización con contraste consistente */
body.modo-oscuro .glosario-termino a,
body.dark-mode .glosario-termino a,
[data-theme="dark"] .glosario-termino a{
  color:#93c5fd!important;
  font-weight:800;
}

body.modo-oscuro .glosario-termino a:hover,
body.dark-mode .glosario-termino a:hover,
[data-theme="dark"] .glosario-termino a:hover{
  color:#c4b5fd!important;
}



/* ===== Privacidad y Cookies: cabecera compacta ===== */
.legal-page{
  padding-top:32px!important;
}
.legal-page .contenedor{
  padding-top:0!important;
}
.legal-page .legal-header{
  min-height:0!important;
  height:auto!important;
  margin:0 0 28px!important;
  padding:24px 8px 26px!important;
  align-items:center!important;
}
.legal-page .legal-header h1{
  margin:0!important;
  line-height:1.12!important;
}
.legal-page .legal-header p{
  margin:0!important;
  line-height:1.55!important;
}
@media(max-width:700px){
  .legal-page{padding-top:22px!important}
  .legal-page .legal-header{
    padding:20px 4px 22px!important;
    margin-bottom:22px!important;
  }
}



/* ===== Privacidad y Cookies con estilo de Términos ===== */
.legal-page{
  padding:54px 0 48px!important;
}
.legal-page .contenedor{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  text-align:center!important;
}
.legal-simple-title{
  margin:0 0 24px!important;
  color:#2563eb!important;
  font-size:clamp(2rem,4.2vw,3.1rem)!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.legal-simple-intro{
  max-width:1120px!important;
  margin:0 auto 10px!important;
  color:#d8e0ee!important;
  font-size:1rem!important;
  line-height:1.65!important;
}
.legal-simple-date{
  margin:0 auto 34px!important;
  color:#94a3b8!important;
  font-size:.86rem!important;
  line-height:1.5!important;
}
.legal-page h2{
  margin:34px 0 18px!important;
  color:#60a5fa!important;
  font-size:clamp(1.55rem,3vw,2.35rem)!important;
  line-height:1.2!important;
}
.legal-page p,
.legal-page li{
  color:#d8e0ee!important;
  font-size:1rem!important;
  line-height:1.75!important;
}
.legal-page ul,
.legal-page ol{
  max-width:1080px!important;
  margin:0 auto 24px!important;
  padding-left:28px!important;
  text-align:left!important;
}

/* Modo claro */
body:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .legal-simple-title{
  color:#2563eb!important;
}
body:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .legal-simple-intro,
body:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .legal-page p,
body:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .legal-page li{
  color:#475569!important;
}
body:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .legal-simple-date{
  color:#64748b!important;
}
body:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .legal-page h2{
  color:#2563eb!important;
}

@media(max-width:700px){
  .legal-page{
    padding:40px 0 36px!important;
  }
  .legal-page .contenedor{
    padding:0 16px!important;
  }
  .legal-simple-title{
    margin-bottom:18px!important;
  }
  .legal-simple-intro{
    font-size:.95rem!important;
  }
  .legal-simple-date{
    margin-bottom:26px!important;
  }
}

/* ===== Retos ampliados: navegación de categorías ===== */
.retos-categorias{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}
.retos-categorias a{white-space:nowrap}
@media(max-width:650px){.retos-categorias{justify-content:flex-start!important;overflow-x:auto;padding-bottom:8px}.retos-categorias a{flex:0 0 auto}}



/* ===== Hero Inicio sin imagen + fondo cálido tecnológico ===== */
.homev2-hero-full{
  position:relative!important;
  min-height:720px!important;
  display:flex!important;
  align-items:center!important;
  padding:96px 0 82px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 86% 60%,rgba(249,115,22,.34),transparent 24%),
    radial-gradient(circle at 72% 82%,rgba(236,72,153,.18),transparent 30%),
    radial-gradient(circle at 22% 90%,rgba(37,99,235,.24),transparent 30%),
    radial-gradient(circle at 54% 100%,rgba(124,58,237,.22),transparent 28%),
    linear-gradient(135deg,#050814 0%,#081026 48%,#171029 100%)!important;
}
.homev2-hero-full::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(rgba(96,165,250,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,165,250,.025) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent)!important;
}
.homev2-hero-full::after{
  content:""!important;
  position:absolute!important;
  left:-8%!important;
  right:-8%!important;
  bottom:-120px!important;
  height:310px!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border-top:2px solid rgba(168,85,247,.48)!important;
  box-shadow:
    0 -12px 55px rgba(168,85,247,.22),
    220px -30px 85px rgba(249,115,22,.25),
    -180px -8px 80px rgba(37,99,235,.20)!important;
  transform:rotate(-4deg)!important;
}
.homev2-hero-grid-full{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(1280px,calc(100% - 56px))!important;
}
.homev2-hero-copy-full{
  width:100%!important;
  max-width:1120px!important;
  text-align:left!important;
}
.homev2-hero-copy-full .homev2-kicker{
  margin-bottom:24px!important;
}
.homev2-hero-copy-full h1{
  max-width:1080px!important;
  margin:0 0 28px!important;
  font-size:clamp(4rem,7.7vw,7.4rem)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}
.homev2-hero-copy-full>p{
  max-width:760px!important;
  margin:0!important;
  font-size:1.08rem!important;
  line-height:1.78!important;
}
.homev2-hero-copy-full .homev2-actions,
.homev2-hero-copy-full .homev2-trust-mini{
  justify-content:flex-start!important;
}

/* Modo claro del mismo Hero */
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero-full{
  background:
    radial-gradient(circle at 88% 58%,rgba(249,115,22,.17),transparent 25%),
    radial-gradient(circle at 72% 82%,rgba(236,72,153,.10),transparent 31%),
    radial-gradient(circle at 20% 86%,rgba(37,99,235,.13),transparent 30%),
    radial-gradient(circle at 52% 100%,rgba(124,58,237,.11),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f7f9ff 52%,#fff7f2 100%)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero-full::before{
  background:
    linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-hero-full::after{
  border-top-color:rgba(124,58,237,.28)!important;
  box-shadow:
    0 -10px 50px rgba(124,58,237,.10),
    220px -30px 80px rgba(249,115,22,.14),
    -180px -8px 75px rgba(37,99,235,.11)!important;
}

/* ===== Retos: corrección móvil de método + tarjetas ===== */
@media(max-width:700px){
  .pagina-retos{
    overflow-x:hidden!important;
  }

  .metodo-retos,
  .metodo-retos-contenido,
  .retos-metodo,
  .retos-introduccion,
  .grupo-retos{
    width:100%!important;
    max-width:100%!important;
  }

  /* bloque "Método para resolver los retos" */
  .pagina-retos .metodo-retos,
  .pagina-retos .retos-metodo{
    padding-left:16px!important;
    padding-right:16px!important;
    text-align:left!important;
  }

  .pagina-retos .metodo-retos h2,
  .pagina-retos .retos-metodo h2{
    font-size:clamp(1.75rem,8vw,2.35rem)!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  .pagina-retos .metodo-retos>p,
  .pagina-retos .retos-metodo>p{
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:1rem!important;
    line-height:1.65!important;
    text-align:center!important;
  }

  /* Recuadro de cinco pasos */
  .pagina-retos .recuadro-ejemplo,
  .pagina-retos .recuadro-consejo{
    width:100%!important;
    max-width:100%!important;
    margin:24px 0!important;
    padding:22px 20px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .pagina-retos .recuadro-ejemplo h3,
  .pagina-retos .recuadro-consejo h3{
    margin:0 0 14px!important;
    font-size:1.2rem!important;
    line-height:1.3!important;
  }

  .pagina-retos .recuadro-ejemplo ol,
  .pagina-retos .recuadro-consejo ol{
    margin:0!important;
    padding-left:22px!important;
  }

  .pagina-retos .recuadro-ejemplo li,
  .pagina-retos .recuadro-consejo li{
    padding-left:5px!important;
    margin-bottom:10px!important;
    font-size:.98rem!important;
    line-height:1.55!important;
  }

  /* texto final del método */
  .pagina-retos .metodo-retos + p,
  .pagina-retos .retos-metodo + p{
    font-size:1rem!important;
    line-height:1.65!important;
    text-align:center!important;
    padding:0 16px!important;
  }

  /* cabecera de cada área */
  .grupo-retos-encabezado{
    display:flex!important;
    gap:12px!important;
    align-items:flex-start!important;
    padding-left:16px!important;
    padding-right:16px!important;
    text-align:left!important;
  }
  .grupo-retos-encabezado h2{
    margin:0 0 6px!important;
    font-size:clamp(1.8rem,8vw,2.4rem)!important;
    line-height:1.15!important;
  }
  .grupo-retos-encabezado p{
    margin:0!important;
    font-size:.98rem!important;
    line-height:1.55!important;
  }

  /* tarjetas de reto */
  .reto-practico{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:18px auto 26px!important;
    padding:22px 18px!important;
    box-sizing:border-box!important;
    border-radius:20px!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  .reto-superior{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }
  .reto-etiquetas{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .reto-etiquetas span{
    min-width:0!important;
    white-space:normal!important;
  }
  .reto-practico h3{
    margin:22px 0 12px!important;
    font-size:clamp(1.55rem,7vw,2rem)!important;
    line-height:1.22!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
  }
  .reto-practico p,
  .reto-practico li{
    font-size:.98rem!important;
    line-height:1.6!important;
  }
  .reto-objetivo{
    padding:16px!important;
    border-radius:14px!important;
  }
  .reto-pista,
  .reto-solucion{
    width:100%!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:760px){
  .homev2-hero-full{
    min-height:auto!important;
    padding:70px 0 64px!important;
  }
  .homev2-hero-grid-full{
    width:min(100% - 30px,1280px)!important;
  }
  .homev2-hero-copy-full{
    text-align:left!important;
  }
  .homev2-hero-copy-full h1{
    font-size:clamp(3.1rem,14vw,4.6rem)!important;
    max-width:100%!important;
  }
  .homev2-hero-copy-full>p{
    font-size:1rem!important;
  }
  .homev2-hero-copy-full .homev2-actions,
  .homev2-hero-copy-full .homev2-trust-mini{
    justify-content:flex-start!important;
  }
}



/* ===== Hero final con tarjeta de bienvenida ===== */
.homev2-hero-with-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr)!important;
  gap:58px!important;
  align-items:center!important;
  width:min(1280px,calc(100% - 56px))!important;
}
.homev2-hero-with-card .homev2-hero-copy-full{
  max-width:760px!important;
}
.homev2-hero-with-card .homev2-hero-copy-full h1{
  max-width:720px!important;
  font-size:clamp(3.3rem,5.8vw,5.5rem)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
.homev2-hero-with-card .homev2-hero-copy-full>p{
  max-width:650px!important;
}

.homev2-welcome-card{
  position:relative;
  overflow:hidden;
  padding:28px 30px 26px;
  border:1px solid rgba(96,165,250,.58);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(11,20,45,.88),rgba(36,14,43,.85)),
    rgba(7,12,24,.8);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.12) inset,
    0 18px 50px rgba(0,0,0,.28),
    -10px 0 34px rgba(37,99,235,.12),
    12px 0 36px rgba(249,115,22,.12);
  backdrop-filter:blur(14px);
}
.homev2-welcome-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 8% 12%,rgba(37,99,235,.18),transparent 28%),
    radial-gradient(circle at 92% 82%,rgba(249,115,22,.18),transparent 32%);
}
.homev2-welcome-head,
.homev2-welcome-card blockquote,
.homev2-welcome-bottom{
  position:relative;
  z-index:1;
}
.homev2-welcome-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
}
.homev2-welcome-icon{
  width:48px;height:48px;
  flex:0 0 48px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(124,58,237,.24));
  border:1px solid rgba(96,165,250,.26);
  font-size:1.35rem;
}
.homev2-welcome-head h2{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:1.35rem!important;
  line-height:1.25!important;
}
.homev2-welcome-head h2::before{display:none!important}
.homev2-welcome-head h2 span{
  background:linear-gradient(90deg,#38bdf8,#a855f7,#fb7185);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.homev2-welcome-card blockquote{
  margin:0!important;
  padding:0 0 20px!important;
  border-bottom:1px solid rgba(148,163,184,.15);
}
.homev2-welcome-card blockquote p{
  margin:0 20px!important;
  color:#eef4ff!important;
  font-size:.98rem!important;
  line-height:1.75!important;
}
.homev2-quote-mark{
  display:block;
  color:#7c3aed;
  font-size:2.3rem;
  font-weight:900;
  line-height:.7;
}
.homev2-quote-mark.end{
  text-align:right;
  color:#fb4c85;
}
.homev2-welcome-bottom{
  padding-top:18px;
}
.homev2-welcome-bottom p{
  margin:0 0 6px!important;
  color:#a8b9d6!important;
  font-size:.95rem!important;
  line-height:1.5!important;
}
.homev2-welcome-bottom p:last-child{margin-bottom:0!important}
.homev2-welcome-bottom span{
  background:linear-gradient(90deg,#38bdf8,#818cf8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:850;
}

/* Modo claro */
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-welcome-card{
  border-color:rgba(99,102,241,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(249,246,255,.92))!important;
  box-shadow:0 16px 40px rgba(15,23,42,.08)!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-welcome-head h2{
  color:#21304a!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-welcome-card blockquote p{
  color:#4f5f79!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-welcome-bottom p{
  color:#65748c!important;
}
body.home-v2:not(.modo-oscuro):not(.dark-mode):not([data-theme="dark"]) .homev2-welcome-card blockquote{
  border-bottom-color:#e5eaf2!important;
}

@media(max-width:1000px){
  .homev2-hero-with-card{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }
  .homev2-hero-with-card .homev2-hero-copy-full{
    max-width:820px!important;
  }
  .homev2-welcome-card{
    width:min(720px,100%);
  }
}
@media(max-width:760px){
  .homev2-hero-with-card{
    width:min(100% - 30px,1280px)!important;
  }
  .homev2-hero-with-card .homev2-hero-copy-full h1{
    font-size:clamp(2.7rem,12vw,4rem)!important;
  }
  .homev2-welcome-card{
    padding:22px 18px 20px;
    border-radius:20px;
  }
  .homev2-welcome-head{
    align-items:flex-start;
  }
  .homev2-welcome-card blockquote p{
    margin:0 6px!important;
    font-size:.94rem!important;
  }
}



/* ===== ByteNova · Guías prácticas oficiales (10) ===== */
.bn-guides-page{background:#f5f8fe;min-height:100vh;color:#26364f}
.bn-guide-hero{position:relative;overflow:hidden;padding:54px 0 44px;background:
radial-gradient(circle at 83% 20%,rgba(124,58,237,.12),transparent 25%),
radial-gradient(circle at 91% 72%,rgba(249,115,22,.10),transparent 24%),
linear-gradient(180deg,#fff,#f6f8ff);border-bottom:1px solid #e7ebf3}
.bn-guide-hero::after{content:"";position:absolute;right:-110px;bottom:-170px;width:520px;height:360px;border-radius:50%;border-top:2px solid rgba(99,102,241,.18);transform:rotate(-8deg)}
.bn-guide-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr);gap:42px;align-items:center;width:min(1180px,calc(100% - 40px));margin:auto}
.bn-breadcrumbs{margin:0 0 18px;color:#65748c;font-size:.86rem}.bn-breadcrumbs a{color:#5266d8!important}
.bn-guide-label{display:inline-flex;padding:8px 12px;border:1px solid rgba(99,102,241,.18);border-radius:11px;background:#fff;color:#6d55d7;font-size:.75rem;font-weight:900;letter-spacing:.055em}
.bn-guide-hero h1{margin:16px 0 16px;color:#202f49;font-size:clamp(2.65rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.045em}
.bn-guide-hero h1 em{font-style:normal;background:linear-gradient(90deg,#1687ff,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.bn-guide-lead{max-width:760px;margin:0;color:#60718a;font-size:1.02rem;line-height:1.75}
.bn-guide-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.bn-guide-meta span{padding:8px 11px;border:1px solid #e1e7f0;border-radius:999px;background:#fff;color:#64748b;font-size:.74rem;font-weight:750}
.bn-guide-visual{position:relative;min-height:270px;display:grid;place-items:center}
.bn-guide-screen{width:100%;max-width:390px;padding:16px;border:1px solid rgba(99,102,241,.25);border-radius:20px;background:linear-gradient(145deg,#111b35,#1b1231);box-shadow:0 24px 55px rgba(99,102,241,.17)}
.bn-guide-screen-top{display:flex;gap:7px;margin-bottom:17px}.bn-guide-screen-top i{width:8px;height:8px;border-radius:50%;background:#38bdf8}.bn-guide-screen-top i:nth-child(2){background:#8b5cf6}.bn-guide-screen-top i:nth-child(3){background:#fb7185}
.bn-guide-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bn-guide-screen-grid span{min-height:68px;display:grid;place-items:center;border:1px solid rgba(129,140,248,.16);border-radius:12px;background:rgba(14,23,49,.72);font-size:1.55rem}
.bn-guide-main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:42px 0 68px}
.bn-guide-section{margin-bottom:46px}.bn-guide-section h2{margin:0 0 14px;color:#26364f;font-size:clamp(1.65rem,3vw,2.3rem)}.bn-guide-section>p{color:#5e6f87;line-height:1.78}
.bn-guide-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.bn-guide-intro-box,.bn-guide-tip{padding:20px 22px;border:1px solid #e1e7f0;border-radius:17px;background:#fff}.bn-guide-tip{border-left:4px solid #7c3aed}.bn-guide-intro h2,.bn-guide-tip strong{color:#26364f}.bn-guide-tip p{margin:7px 0 0;color:#65758d;line-height:1.65}
.bn-guide-items-title{text-align:center;margin-bottom:22px!important}.bn-guide-items-title span{background:linear-gradient(90deg,#1687ff,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.bn-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bn-guide-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #dfe6f1;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.bn-guide-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.bn-guide-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#edf4ff,#f4edff);font-size:1.25rem}
.bn-guide-card-cat{padding:5px 8px;border-radius:999px;background:#f2edff;color:#6d55d7;font-size:.64rem;font-weight:850}
.bn-guide-card h3{margin:0 0 7px;color:#26364f;font-size:1.02rem;line-height:1.35}.bn-guide-card>p{flex:1;margin:0 0 12px;color:#6b7b93;font-size:.8rem;line-height:1.6}
.bn-guide-card details{margin-top:auto;border-top:1px solid #edf0f5;padding-top:10px}.bn-guide-card summary{cursor:pointer;color:#5b55ca;font-size:.74rem;font-weight:850}.bn-guide-card details p{color:#6b7b93;font-size:.76rem;line-height:1.55}.bn-guide-card>a{margin-top:10px;color:#4f63d8!important;font-size:.75rem;font-weight:850;text-decoration:none}
.bn-guide-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bn-guide-pick{padding:17px;border:1px solid #e2e8f1;border-radius:15px;background:#fff}.bn-guide-pick strong{color:#293850}.bn-guide-pick p{margin:6px 0 0;color:#687890;font-size:.82rem;line-height:1.55}
.bn-guide-cta{padding:28px 30px;border:1px solid rgba(99,102,241,.24);border-radius:22px;background:linear-gradient(135deg,#172554,#312e81);color:#fff}.bn-guide-cta>span{color:#c4b5fd;font-size:.75rem;font-weight:900}.bn-guide-cta h2{color:#fff!important;margin:7px 0 8px}.bn-guide-cta p{color:#dbe5f6!important}.bn-guide-cta div{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.bn-guide-cta a{padding:9px 13px;border-radius:999px;background:#fff;color:#312e81!important;font-size:.75rem;font-weight:900;text-decoration:none}

/* Hub de 10 guías dentro del apartado Guías existente */
.bn-guides-hub{max-width:1180px;margin:42px auto 54px;padding:0 20px}.bn-guides-hub-head{text-align:center;max-width:780px;margin:0 auto 25px}.bn-guides-hub-head>span{color:#6d55d7;font-size:.76rem;font-weight:900;letter-spacing:.07em}.bn-guides-hub-head h2{margin:8px 0;color:#26364f;font-size:clamp(1.8rem,3.5vw,2.65rem)}.bn-guides-hub-head p{margin:0;color:#6a7a92;line-height:1.65}.bn-guides-hub-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.bn-guides-hub-tags span{padding:7px 11px;border:1px solid #dfe5ef;border-radius:999px;background:#fff;color:#5f6f87;font-size:.7rem;font-weight:750}
.bn-guides-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bn-hub-card{position:relative;padding:20px;border:1px solid #dfe6f1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035)}.bn-hub-num{position:absolute;top:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.7rem;font-weight:900}.bn-hub-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#edf4ff,#f4edff);font-size:1.3rem}.bn-hub-card small{display:block;margin:12px 0 6px;color:#6d55d7;font-weight:850}.bn-hub-card h3{margin:0 0 8px;color:#293850;font-size:1rem;line-height:1.35}.bn-hub-card p{color:#6b7b93;font-size:.8rem;line-height:1.55}.bn-hub-card a{color:#5b55ca!important;font-size:.76rem;font-weight:850;text-decoration:none}

/* Modo oscuro */
body.modo-oscuro .bn-guides-page{background:#050914;color:#e6edf8}
body.modo-oscuro .bn-guide-hero{background:
radial-gradient(circle at 82% 18%,rgba(124,58,237,.19),transparent 25%),
radial-gradient(circle at 92% 70%,rgba(249,115,22,.13),transparent 25%),
linear-gradient(180deg,#050914,#07101e);border-bottom-color:#17243b}
body.modo-oscuro .bn-guide-label{background:#07101e;border-color:#254468;color:#9c8cff}
body.modo-oscuro .bn-guide-hero h1,body.modo-oscuro .bn-guide-section h2,body.modo-oscuro .bn-guide-intro h2,body.modo-oscuro .bn-guide-tip strong,body.modo-oscuro .bn-guide-card h3,body.modo-oscuro .bn-guide-pick strong{color:#f8fafc!important}
body.modo-oscuro .bn-guide-lead,body.modo-oscuro .bn-guide-section>p{color:#bdc8da!important}
body.modo-oscuro .bn-guide-meta span{background:#08111f;border-color:#24324b;color:#b9c5d7}
body.modo-oscuro .bn-guide-intro-box,body.modo-oscuro .bn-guide-tip,body.modo-oscuro .bn-guide-card,body.modo-oscuro .bn-guide-pick{background:#0a1221;border-color:#23314a;box-shadow:none}
body.modo-oscuro .bn-guide-tip p,body.modo-oscuro .bn-guide-card>p,body.modo-oscuro .bn-guide-card details p,body.modo-oscuro .bn-guide-pick p{color:#aebbd0}
body.modo-oscuro .bn-guide-card details{border-color:#1c2940}body.modo-oscuro .bn-guide-card summary,body.modo-oscuro .bn-guide-card>a{color:#8ec5ff!important}
body.modo-oscuro .bn-guide-card-icon{background:linear-gradient(135deg,#101d36,#21133c)}body.modo-oscuro .bn-guide-card-cat{background:#24143f;color:#d4b8ff}

/* Hub oscuro */
body.modo-oscuro .bn-guides-hub-head h2,body.modo-oscuro .bn-hub-card h3{color:#f8fafc!important}
body.modo-oscuro .bn-guides-hub-head p{color:#adbad0}
body.modo-oscuro .bn-guides-hub-tags span{background:#08111f;border-color:#24324b;color:#b5c0d3}
body.modo-oscuro .bn-hub-card{background:#0a1221;border-color:#23314a;box-shadow:none}
body.modo-oscuro .bn-hub-icon{background:linear-gradient(135deg,#101d36,#21133c)}body.modo-oscuro .bn-hub-card p{color:#aebbd0}body.modo-oscuro .bn-hub-card a{color:#9c8cff!important}

/* Responsive */
@media(max-width:980px){.bn-guide-hero-grid{grid-template-columns:1fr}.bn-guide-visual{display:none}.bn-guide-grid,.bn-guides-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.bn-guide-hero{padding:40px 0 34px}.bn-guide-hero-grid,.bn-guide-main{width:min(100% - 28px,1180px)}.bn-guide-hero h1{font-size:clamp(2.25rem,11vw,3.35rem)}.bn-guide-intro,.bn-guide-grid,.bn-guide-picks,.bn-guides-hub-grid{grid-template-columns:1fr}.bn-guide-main{padding-top:32px}.bn-guide-card{padding:16px}.bn-guide-cta{padding:23px 19px}.bn-guides-hub{padding:0 14px}}



/* ===== Glosario: centrado y ruta rápida corregidos ===== */

/* Introducción "Cómo usar este glosario" */
.pagina-glosario .glosario-guia{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.pagina-glosario .glosario-guia>h2,
.pagina-glosario .glosario-guia>p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.pagina-glosario .glosario-guia>p{
  max-width:980px!important;
  line-height:1.7!important;
}

/* Ruta rápida para principiantes */
.pagina-glosario .glosario-guia .recuadro-ejemplo{
  max-width:1180px!important;
  margin:24px auto 0!important;
  padding:24px 26px!important;
  border-radius:18px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.pagina-glosario .glosario-guia .recuadro-ejemplo>strong{
  display:block!important;
  margin-bottom:18px!important;
  text-align:center!important;
  font-size:1.05rem!important;
}
.pagina-glosario .glosario-guia .recuadro-ejemplo ol{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  list-style-position:inside!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
  counter-reset:item!important;
}
.pagina-glosario .glosario-guia .recuadro-ejemplo ol>li{
  position:relative!important;
  list-style:none!important;
  margin:0!important;
  padding:48px 18px 8px!important;
  min-width:0!important;
  text-align:center!important;
  line-height:1.55!important;
  border-right:1px solid rgba(148,163,184,.16)!important;
  counter-increment:item!important;
}
.pagina-glosario .glosario-guia .recuadro-ejemplo ol>li:last-child{
  border-right:0!important;
}
.pagina-glosario .glosario-guia .recuadro-ejemplo ol>li::before{
  content:counter(item)!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#0ea5e9,#7c3aed)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 0 16px rgba(99,102,241,.22)!important;
}
.pagina-glosario .glosario-guia .recuadro-ejemplo ol>li strong{
  display:block!important;
  margin:3px 0 6px!important;
  color:#2563eb!important;
  text-align:center!important;
}
.pagina-glosario .glosario-guia .recuadro-ejemplo ol>li br{
  display:none!important;
}

/* Encabezados de categorías: título + descripción centrados */
.pagina-glosario .glosario-categoria-encabezado{
  display:block!important;
  max-width:820px!important;
  margin:0 auto 24px!important;
  text-align:center!important;
}
.pagina-glosario .glosario-categoria-encabezado h2{
  margin:0 0 10px!important;
  text-align:center!important;
}
.pagina-glosario .glosario-categoria-encabezado p{
  max-width:720px!important;
  margin:0 auto!important;
  text-align:center!important;
  line-height:1.65!important;
}

/* Dark mode alignment + contrast */
body.modo-oscuro .pagina-glosario .glosario-guia>p,
body.dark-mode .pagina-glosario .glosario-guia>p,
[data-theme="dark"] .pagina-glosario .glosario-guia>p,
body.modo-oscuro .pagina-glosario .glosario-categoria-encabezado p,
body.dark-mode .pagina-glosario .glosario-categoria-encabezado p,
[data-theme="dark"] .pagina-glosario .glosario-categoria-encabezado p{
  color:#b7c3d6!important;
}
body.modo-oscuro .pagina-glosario .glosario-guia .recuadro-ejemplo ol>li strong,
body.dark-mode .pagina-glosario .glosario-guia .recuadro-ejemplo ol>li strong,
[data-theme="dark"] .pagina-glosario .glosario-guia .recuadro-ejemplo ol>li strong{
  color:#60a5fa!important;
}

/* Responsive glossary */
@media(max-width:900px){
  .pagina-glosario .glosario-guia .recuadro-ejemplo ol{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    row-gap:18px!important;
  }
  .pagina-glosario .glosario-guia .recuadro-ejemplo ol>li:nth-child(2){
    border-right:0!important;
  }
}
@media(max-width:620px){
  .pagina-glosario .glosario-guia{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .pagina-glosario .glosario-guia .recuadro-ejemplo{
    padding:20px 14px!important;
  }
  .pagina-glosario .glosario-guia .recuadro-ejemplo ol{
    grid-template-columns:1fr!important;
  }
  .pagina-glosario .glosario-guia .recuadro-ejemplo ol>li{
    border-right:0!important;
    border-bottom:1px solid rgba(148,163,184,.16)!important;
    padding:46px 8px 18px!important;
  }
  .pagina-glosario .glosario-guia .recuadro-ejemplo ol>li:last-child{
    border-bottom:0!important;
  }
}



/* ===== ByteNova Expansion Pack ===== */
.bnx-page{background:#f7f9fd;min-height:100vh;color:#26364f}.bnx-wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.bnx-hero{padding:54px 0 46px;background:radial-gradient(circle at 86% 20%,rgba(124,58,237,.12),transparent 26%),radial-gradient(circle at 92% 70%,rgba(249,115,22,.09),transparent 24%),linear-gradient(#fff,#f6f8ff);border-bottom:1px solid #e7ebf2}
.bnx-breadcrumbs{color:#697991;font-size:.84rem}.bnx-breadcrumbs a{color:#5266d8!important}.bnx-eyebrow{display:inline-flex;padding:7px 11px;border:1px solid #dde5f2;border-radius:999px;background:#fff;color:#6d55d7;font-size:.73rem;font-weight:900;letter-spacing:.06em}
.bnx-hero h1{max-width:850px;margin:14px 0 14px;color:#22324b;font-size:clamp(2.45rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.04em}.bnx-lead{max-width:800px;color:#60718a;font-size:1.03rem;line-height:1.72}.bnx-content{padding:44px 0 70px}
.bnx-section{margin-bottom:48px}.bnx-section-head{text-align:center;max-width:780px;margin:0 auto 24px}.bnx-section-head>span{color:#6d55d7;font-size:.74rem;font-weight:900;letter-spacing:.07em}.bnx-section-head h2{margin:8px 0;color:#26364f;font-size:clamp(1.75rem,3.5vw,2.55rem)}.bnx-section-head p{margin:0;color:#6b7b93;line-height:1.65}
.bnx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bnx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bnx-card{display:flex;flex-direction:column;padding:19px;border:1px solid #dfe6f1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035)}.bnx-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.bnx-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#edf4ff,#f4edff);font-size:1.3rem}.bnx-badge,.bnx-time{padding:5px 8px;border-radius:999px;background:#f2edff;color:#6d55d7;font-size:.64rem;font-weight:850}.bnx-card small{margin-top:12px;color:#7a6ad6;font-weight:800}.bnx-card h3{margin:7px 0;color:#293850;font-size:1.04rem;line-height:1.35}.bnx-card p{color:#6b7b93;font-size:.82rem;line-height:1.6}.bnx-card details{margin-top:auto;border-top:1px solid #edf0f5;padding-top:10px}.bnx-card summary{cursor:pointer;color:#5b55ca;font-size:.75rem;font-weight:850}.bnx-card li{color:#6b7b93;font-size:.78rem;line-height:1.55}.bnx-card>a{margin-top:10px;color:#5266d8!important;font-size:.75rem;font-weight:850;text-decoration:none}.bnx-route{margin-top:auto;padding:12px;border-radius:12px;background:#f6f7ff;color:#4f46e5;font-size:.8rem;font-weight:800}.bnx-fix{margin-top:auto;padding:11px;border-radius:12px;background:#f2fbf5;color:#26764a;font-size:.78rem}.bnx-error-code{display:inline-flex;align-self:flex-start;padding:5px 8px;border-radius:8px;background:#fff1f2;color:#be123c;font-size:.68rem;font-weight:900}
.bnx-callout{padding:20px 22px;border:1px solid #dfe6f1;border-left:4px solid #7c3aed;border-radius:16px;background:#fff}.bnx-callout strong{color:#293850}.bnx-callout p{margin:6px 0 0;color:#65758d;line-height:1.65}

/* Lab */
.bnx-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bnx-lab{padding:20px;border:1px solid #dfe6f1;border-radius:18px;background:#fff}.bnx-lab h3{margin:0 0 14px;color:#293850}.bnx-lab label{display:block;color:#63718a;font-size:.82rem}.bnx-lab input,.bnx-lab textarea{width:100%;box-sizing:border-box;margin:8px 0 10px;padding:11px 12px;border:1px solid #dce4ef;border-radius:11px;background:#f9fbff;color:#26364f;font:inherit}.bnx-lab textarea{min-height:110px;resize:vertical}.bnx-lab button{padding:9px 12px;border:0;border-radius:10px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-weight:800;cursor:pointer}.bnx-lab output,.bnx-lab pre{display:block;min-height:24px;margin-top:12px;padding:11px;border-radius:10px;background:#f3f6fb;color:#41506a;white-space:pre-wrap;word-break:break-word}.bnx-lab-actions{display:flex;gap:8px}.bnx-color-row{display:flex;gap:10px}.bnx-color-row input{height:48px;padding:4px}.bnx-grad-preview{height:70px;margin-top:12px;border-radius:12px}

/* Popular on home */
.bnx-popular{padding:52px 20px;background:#f8faff}.bnx-popular-head{text-align:center;max-width:720px;margin:0 auto 24px}.bnx-popular-head span{color:#6d55d7;font-size:.75rem;font-weight:900}.bnx-popular-head h2{margin:8px 0;color:#26364f;font-size:clamp(1.8rem,3.5vw,2.6rem)}.bnx-popular-head p{color:#6b7b93}.bnx-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1160px;margin:auto}.bnx-popular-grid a{padding:20px;border:1px solid #dfe6f1;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.035)}.bnx-popular-grid a>span{font-size:1.45rem}.bnx-popular-grid small{display:block;margin:10px 0 5px;color:#6d55d7;font-weight:850}.bnx-popular-grid strong{display:block;color:#293850}.bnx-popular-grid p{margin:7px 0 0;color:#6b7b93;font-size:.8rem}

/* Explore more */
.bnx-explore-more{max-width:1160px;margin:50px auto;padding:0 20px}.bnx-explore-more>div:first-child{text-align:center;max-width:760px;margin:0 auto 23px}.bnx-explore-more>div:first-child>span{color:#6d55d7;font-size:.74rem;font-weight:900}.bnx-explore-more h2{margin:8px 0;color:#26364f}.bnx-explore-more p{color:#6b7b93}.bnx-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.bnx-explore-grid a{display:flex;flex-direction:column;gap:5px;padding:17px;border:1px solid #dfe6f1;border-radius:16px;background:#fff;text-decoration:none;color:#293850!important}.bnx-explore-grid a>span{color:#6b7b93;font-size:.77rem}

/* Dark mode */
body.modo-oscuro .bnx-page{background:#050914;color:#e7edf8}body.modo-oscuro .bnx-hero{background:radial-gradient(circle at 84% 18%,rgba(124,58,237,.18),transparent 25%),radial-gradient(circle at 92% 72%,rgba(249,115,22,.11),transparent 24%),linear-gradient(#050914,#07101e);border-color:#17243b}
body.modo-oscuro .bnx-hero h1,body.modo-oscuro .bnx-section-head h2,body.modo-oscuro .bnx-card h3,body.modo-oscuro .bnx-callout strong,body.modo-oscuro .bnx-lab h3{color:#f8fafc!important}body.modo-oscuro .bnx-lead,body.modo-oscuro .bnx-section-head p,body.modo-oscuro .bnx-card p,body.modo-oscuro .bnx-callout p{color:#b8c4d8!important}
body.modo-oscuro .bnx-eyebrow,body.modo-oscuro .bnx-card,body.modo-oscuro .bnx-callout,body.modo-oscuro .bnx-lab{background:#0a1221;border-color:#23314a}body.modo-oscuro .bnx-icon{background:linear-gradient(135deg,#101d36,#21133c)}body.modo-oscuro .bnx-route{background:#10152b;color:#9c8cff}body.modo-oscuro .bnx-fix{background:#0d2118;color:#86efac}body.modo-oscuro .bnx-card details{border-color:#1d2940}body.modo-oscuro .bnx-card summary,body.modo-oscuro .bnx-card>a{color:#8ec5ff!important}
body.modo-oscuro .bnx-lab input,body.modo-oscuro .bnx-lab textarea{background:#07101e;border-color:#283650;color:#e8eef9}body.modo-oscuro .bnx-lab output,body.modo-oscuro .bnx-lab pre{background:#07101e;color:#c5d1e3}
body.modo-oscuro .bnx-popular{background:#07101e}body.modo-oscuro .bnx-popular-head h2,body.modo-oscuro .bnx-popular-grid strong{color:#f8fafc!important}body.modo-oscuro .bnx-popular-head p{color:#b4c0d2}body.modo-oscuro .bnx-popular-grid a{background:#0a1221;border-color:#23314a}body.modo-oscuro .bnx-popular-grid p{color:#aebbd0}
body.modo-oscuro .bnx-explore-more h2,body.modo-oscuro .bnx-explore-grid strong{color:#f8fafc!important}body.modo-oscuro .bnx-explore-more p{color:#aebbd0}body.modo-oscuro .bnx-explore-grid a{background:#0a1221;border-color:#23314a;color:#f8fafc!important}body.modo-oscuro .bnx-explore-grid a>span{color:#aebbd0}

@media(max-width:980px){.bnx-grid,.bnx-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bnx-lab-grid,.bnx-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.bnx-wrap{width:min(100% - 28px,1160px)}.bnx-hero{padding:40px 0 34px}.bnx-hero h1{font-size:clamp(2.2rem,11vw,3.25rem)}.bnx-grid,.bnx-grid-2,.bnx-popular-grid,.bnx-lab-grid,.bnx-explore-grid{grid-template-columns:1fr}.bnx-content{padding-top:32px}.bnx-popular{padding:40px 14px}}


/* ===== FIX CENTRADO PÁGINAS EXPANSIÓN ===== */
.bnx-hero .bnx-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.bnx-hero .bnx-breadcrumbs {
  width: 100%;
  text-align: center;
}

.bnx-hero .bnx-eyebrow {
  align-self: center;
}

.bnx-hero h1,
.bnx-hero .bnx-lead {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media (max-width: 650px) {
  .bnx-hero .bnx-wrap,
  .bnx-hero .bnx-breadcrumbs,
  .bnx-hero h1,
  .bnx-hero .bnx-lead {
    text-align: center;
  }
}



/* ===== Diseño aprobado basado en mockup 4 páginas ===== */

/* Base general más compacta y visual */
body[class*="bnx-"] .bnx-page{
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.08), transparent 32%),
    linear-gradient(180deg,#050914 0%,#07101e 100%)!important;
  color:#e7edf8!important;
}
body[class*="bnx-"] .bnx-hero{
  padding:30px 0 28px!important;
  background:
    radial-gradient(circle at 82% 15%,rgba(124,58,237,.14),transparent 24%),
    linear-gradient(180deg,#050914,#07101e)!important;
  border-bottom:1px solid #17243b!important;
}
body[class*="bnx-"] .bnx-hero .bnx-wrap{
  max-width:980px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
body[class*="bnx-"] .bnx-breadcrumbs{
  width:100%!important;
  margin:0 0 18px!important;
  text-align:center!important;
  color:#73839a!important;
}
body[class*="bnx-"] .bnx-breadcrumbs a{
  color:#38bdf8!important;
}
body[class*="bnx-"] .bnx-eyebrow{
  align-self:center!important;
  background:#0b1322!important;
  border:1px solid rgba(96,165,250,.22)!important;
  color:#a78bfa!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  box-shadow:0 0 18px rgba(124,58,237,.08)!important;
}
body[class*="bnx-"] .bnx-hero h1{
  max-width:900px!important;
  margin:14px auto 10px!important;
  text-align:center!important;
  color:#f8fafc!important;
  font-size:clamp(2.5rem,5vw,4rem)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
}
body[class*="bnx-"] .bnx-lead{
  max-width:760px!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#c7d2e3!important;
  font-size:.98rem!important;
  line-height:1.65!important;
}
body[class*="bnx-"] .bnx-content{
  padding-top:28px!important;
}

/* Secciones y tarjetas: look oscuro del mockup */
body[class*="bnx-"] .bnx-section-head{
  margin-bottom:20px!important;
}
body[class*="bnx-"] .bnx-section-head>span{
  color:#8b5cf6!important;
}
body[class*="bnx-"] .bnx-section-head h2{
  color:#f8fafc!important;
  margin:6px 0!important;
}
body[class*="bnx-"] .bnx-section-head p{
  color:#aebbd0!important;
}
body[class*="bnx-"] .bnx-card{
  background:
    linear-gradient(180deg,rgba(10,18,33,.98),rgba(8,15,28,.98))!important;
  border:1px solid rgba(59,130,246,.32)!important;
  border-radius:16px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 0 0 1px rgba(124,58,237,.03)!important;
  text-align:center!important;
  padding:18px!important;
}
body[class*="bnx-"] .bnx-card:hover{
  transform:translateY(-2px);
  border-color:rgba(139,92,246,.55)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
body[class*="bnx-"] .bnx-card-top{
  justify-content:center!important;
  position:relative!important;
}
body[class*="bnx-"] .bnx-icon{
  width:52px!important;
  height:52px!important;
  margin:0 auto 10px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#101d36,#24123e)!important;
  border:1px solid rgba(124,58,237,.32)!important;
  font-size:1.45rem!important;
  box-shadow:0 0 16px rgba(59,130,246,.08)!important;
}
body[class*="bnx-"] .bnx-badge{
  position:absolute!important;
  top:-4px!important;
  right:-4px!important;
  background:#24133f!important;
  color:#d8b4fe!important;
}
body[class*="bnx-"] .bnx-card small{
  margin-top:2px!important;
  color:#67e8f9!important;
  text-align:center!important;
}
body[class*="bnx-"] .bnx-card h3{
  color:#f8fafc!important;
  text-align:center!important;
  margin:8px 0!important;
  font-size:1rem!important;
}
body[class*="bnx-"] .bnx-card p,
body[class*="bnx-"] .bnx-card li{
  color:#b7c3d6!important;
  text-align:center!important;
}
body[class*="bnx-"] .bnx-card details{
  border-top:1px solid #1d2940!important;
}
body[class*="bnx-"] .bnx-card summary,
body[class*="bnx-"] .bnx-card>a{
  color:#60a5fa!important;
}
body[class*="bnx-"] .bnx-route{
  background:#0c1527!important;
  color:#9c8cff!important;
  border:1px solid #1d2940!important;
  text-align:center!important;
}
body[class*="bnx-"] .bnx-callout{
  background:#0a1221!important;
  border:1px solid #23314a!important;
  border-left:3px solid #7c3aed!important;
  color:#f8fafc!important;
}
body[class*="bnx-"] .bnx-callout p{
  color:#b8c4d8!important;
}

/* Orientación: cuatro tarjetas destacadas por fila en desktop */
.bnx-orientacion-page .bnx-grid-2{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.bnx-orientacion-page .bnx-card{
  min-height:230px;
  justify-content:flex-start;
}
.bnx-orientacion-page .bnx-card:nth-child(1) .bnx-icon{color:#34d399}
.bnx-orientacion-page .bnx-card:nth-child(2) .bnx-icon{color:#facc15}
.bnx-orientacion-page .bnx-card:nth-child(3) .bnx-icon{color:#fb923c}
.bnx-orientacion-page .bnx-card:nth-child(4) .bnx-icon{color:#a78bfa}

/* Proyectos: cards tipo catálogo del mockup */
.bnx-proyectos-page .bnx-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.bnx-proyectos-page .bnx-project{
  min-height:300px;
}
.bnx-proyectos-page .bnx-project .bnx-card-top{
  display:block!important;
}
.bnx-proyectos-page .bnx-project .bnx-badge{
  position:static!important;
  display:inline-block!important;
  margin-bottom:8px!important;
}
.bnx-proyectos-page .bnx-project>a{
  margin-top:auto!important;
}

/* Laboratorio: visual igual al mockup */
.bnx-laboratorio-page .bnx-lab-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.bnx-laboratorio-page .bnx-lab{
  background:linear-gradient(180deg,#0a1221,#08101d)!important;
  border:1px solid rgba(59,130,246,.30)!important;
  border-radius:16px!important;
  text-align:center!important;
}
.bnx-laboratorio-page .bnx-lab h3{
  color:#f8fafc!important;
  text-align:center!important;
}
.bnx-laboratorio-page .bnx-lab label{
  color:#aebbd0!important;
}
.bnx-laboratorio-page .bnx-lab input,
.bnx-laboratorio-page .bnx-lab textarea{
  background:#07101e!important;
  border-color:#283650!important;
  color:#e8eef9!important;
}
.bnx-laboratorio-page .bnx-lab output,
.bnx-laboratorio-page .bnx-lab pre{
  background:#07101e!important;
  color:#c5d1e3!important;
}
.bnx-laboratorio-page .bnx-lab button{
  background:linear-gradient(90deg,#2563eb,#7c3aed)!important;
}

/* Errores: tarjetas con acentos distintos */
.bnx-errores-page .bnx-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.bnx-errores-page .bnx-card{
  min-height:260px;
}
.bnx-errores-page .bnx-card:nth-child(4n+1){border-color:rgba(239,68,68,.55)!important}
.bnx-errores-page .bnx-card:nth-child(4n+2){border-color:rgba(249,115,22,.55)!important}
.bnx-errores-page .bnx-card:nth-child(4n+3){border-color:rgba(236,72,153,.55)!important}
.bnx-errores-page .bnx-card:nth-child(4n+4){border-color:rgba(59,130,246,.55)!important}
.bnx-errores-page .bnx-error-code{
  margin:0 auto 8px!important;
  background:#1b0b10!important;
  color:#fb7185!important;
  border:1px solid rgba(239,68,68,.35)!important;
}

/* Modo claro equivalente */
body:not(.modo-oscuro).bnx-orientacion-page .bnx-page,
body:not(.modo-oscuro).bnx-proyectos-page .bnx-page,
body:not(.modo-oscuro).bnx-laboratorio-page .bnx-page,
body:not(.modo-oscuro).bnx-errores-page .bnx-page{
  background:#f7f9fd!important;
  color:#26364f!important;
}
body:not(.modo-oscuro).bnx-orientacion-page .bnx-hero,
body:not(.modo-oscuro).bnx-proyectos-page .bnx-hero,
body:not(.modo-oscuro).bnx-laboratorio-page .bnx-hero,
body:not(.modo-oscuro).bnx-errores-page .bnx-hero{
  background:radial-gradient(circle at 84% 15%,rgba(124,58,237,.10),transparent 24%),linear-gradient(#fff,#f6f8ff)!important;
  border-color:#e7ebf2!important;
}
body:not(.modo-oscuro).bnx-orientacion-page .bnx-hero h1,
body:not(.modo-oscuro).bnx-proyectos-page .bnx-hero h1,
body:not(.modo-oscuro).bnx-laboratorio-page .bnx-hero h1,
body:not(.modo-oscuro).bnx-errores-page .bnx-hero h1{
  color:#22324b!important;
}
body:not(.modo-oscuro).bnx-orientacion-page .bnx-lead,
body:not(.modo-oscuro).bnx-proyectos-page .bnx-lead,
body:not(.modo-oscuro).bnx-laboratorio-page .bnx-lead,
body:not(.modo-oscuro).bnx-errores-page .bnx-lead{
  color:#60718a!important;
}
body:not(.modo-oscuro).bnx-orientacion-page .bnx-card,
body:not(.modo-oscuro).bnx-proyectos-page .bnx-card,
body:not(.modo-oscuro).bnx-errores-page .bnx-card,
body:not(.modo-oscuro).bnx-laboratorio-page .bnx-lab{
  background:#fff!important;
  border-color:#dfe6f1!important;
}
body:not(.modo-oscuro).bnx-orientacion-page .bnx-card h3,
body:not(.modo-oscuro).bnx-proyectos-page .bnx-card h3,
body:not(.modo-oscuro).bnx-errores-page .bnx-card h3,
body:not(.modo-oscuro).bnx-laboratorio-page .bnx-lab h3{
  color:#293850!important;
}
body:not(.modo-oscuro).bnx-orientacion-page .bnx-card p,
body:not(.modo-oscuro).bnx-proyectos-page .bnx-card p,
body:not(.modo-oscuro).bnx-errores-page .bnx-card p{
  color:#6b7b93!important;
}

@media(max-width:1050px){
  .bnx-proyectos-page .bnx-grid,
  .bnx-errores-page .bnx-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bnx-laboratorio-page .bnx-lab-grid,
  .bnx-orientacion-page .bnx-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .bnx-proyectos-page .bnx-grid,
  .bnx-errores-page .bnx-grid,
  .bnx-laboratorio-page .bnx-lab-grid,
  .bnx-orientacion-page .bnx-grid-2{
    grid-template-columns:1fr!important;
  }
  body[class*="bnx-"] .bnx-hero{
    padding:28px 0 24px!important;
  }
  body[class*="bnx-"] .bnx-hero h1{
    font-size:clamp(2.1rem,10vw,3rem)!important;
  }
}


/* =========================================
   BYTENOVA CURSOS · 2026-08-27
========================================= */
.bn-courses-page,.bn-course-detail-page{background:#f7f9fd;color:#12213a;text-align:left}.bn-courses-page section,.bn-course-detail-page section{padding-left:24px;padding-right:24px}.bn-courses-hero,.bn-course-detail-hero{position:relative;overflow:hidden;padding-top:42px!important;padding-bottom:70px!important;background:radial-gradient(circle at 12% 5%,rgba(14,165,233,.12),transparent 26%),radial-gradient(circle at 88% 10%,rgba(124,58,237,.14),transparent 28%),linear-gradient(180deg,#fff 0%,#f5f7ff 100%);border-bottom:1px solid #e7ebf4}.bn-courses-hero>*{max-width:1120px;margin-left:auto;margin-right:auto}.bn-course-kicker,.bn-course-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:13px;font-weight:800;letter-spacing:.02em}.bn-course-kicker span{font-weight:900;background:linear-gradient(90deg,#0ea5e9,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.bn-courses-hero h1{max-width:820px;margin:22px auto 16px;text-align:center;color:#101d35;font-size:clamp(2.5rem,5.7vw,4.7rem);line-height:1.02;letter-spacing:-.045em}.bn-courses-hero>p{max-width:760px;margin:0 auto 26px;text-align:center;color:#5b6b83;font-size:18px;line-height:1.75}.bn-courses-hero .bn-course-kicker{display:flex;width:max-content;margin:6px auto 0}.bn-course-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:28px 0}.bn-course-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:800;font-size:15px;transition:.2s ease}.bn-course-btn.primary{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 12px 24px rgba(79,70,229,.18)}.bn-course-btn.secondary{background:#fff;color:#334155;border:1px solid #dbe2ef}.bn-course-btn:hover{transform:translateY(-2px)}.bn-course-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.bn-course-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:820px!important;margin-top:36px!important;border:1px solid #dfe5f1;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 15px 40px rgba(15,23,42,.06);overflow:hidden}.bn-course-stats div{padding:18px;text-align:center;border-right:1px solid #e8ecf4}.bn-course-stats div:last-child{border-right:0}.bn-course-stats strong{display:block;color:#172554;font-size:20px}.bn-course-stats span{display:block;color:#75839a;font-size:12px;margin-top:2px}.bn-course-section,.bn-course-how,.bn-course-certificate,.bn-course-detail-section,.bn-course-modules,.bn-course-evaluation,.bn-course-build-note{max-width:1180px;margin:0 auto;padding-top:78px;padding-bottom:78px}.bn-course-section-head{max-width:760px;margin-bottom:32px}.bn-course-section-head>span{color:#6d28d9;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.bn-course-section-head h2{margin:8px 0 10px;color:#12213a;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.12}.bn-course-section-head p{margin:0;color:#68778e;font-size:16px}.bn-course-card.featured{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:28px;border:1px solid #dce3f0;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.07)}.bn-course-card-icon{display:flex;align-items:center;justify-content:center;min-height:240px;border-radius:20px;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.18),transparent 34%),linear-gradient(145deg,#081327,#151334);font-size:74px}.bn-course-card-meta{display:flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:12px;font-weight:700}.bn-course-card-meta span{padding:6px 9px;border-radius:999px;background:#f1f5f9}.bn-course-card-meta .level{background:#dcfce7;color:#166534}.bn-course-card h3{margin:14px 0 8px;color:#10213b;font-size:30px}.bn-course-card p{margin:0;color:#627188;font-size:16px;line-height:1.7}.bn-course-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.bn-course-tags span{padding:6px 10px;border-radius:8px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:700}.bn-course-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #edf0f5}.bn-course-card-footer strong,.bn-course-card-footer small{display:block}.bn-course-card-footer small{margin-top:2px;color:#64748b}.bn-course-card-footer a{color:#4f46e5;font-weight:800;text-decoration:none}.bn-course-coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.bn-course-coming-grid article{display:flex;gap:14px;padding:21px;border:1px solid #e1e7f0;border-radius:18px;background:#fbfcff}.bn-course-coming-grid article>span{font-size:28px}.bn-course-coming-grid small{color:#7c3aed;font-weight:800}.bn-course-coming-grid h3{margin:3px 0 6px;color:#26364f;font-size:18px}.bn-course-coming-grid p{margin:0;color:#6f7f95;font-size:14px}.bn-course-how{max-width:none;background:#0a1221}.bn-course-how>.bn-course-section-head,.bn-course-how>.bn-course-steps{max-width:1132px;margin-left:auto;margin-right:auto}.bn-course-how .bn-course-section-head h2{color:#f8fafc}.bn-course-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bn-course-steps article{position:relative;padding:24px;border:1px solid #21304a;border-radius:18px;background:#0e182b}.bn-course-steps b{position:absolute;right:17px;top:13px;color:#263650;font-size:28px}.bn-course-steps article>span{font-size:30px}.bn-course-steps h3{margin:12px 0 6px;color:#fff}.bn-course-steps p{margin:0;color:#aebbd0;font-size:14px}.bn-course-certificate{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.bn-course-cert-text h2{margin:13px 0;color:#15233b;font-size:38px}.bn-course-cert-text p,.bn-course-cert-text li{color:#63738a}.bn-course-cert-text ul{display:grid;gap:8px;margin:20px 0 28px;padding-left:20px}.bn-mini-cert{position:relative;padding:34px 28px;border:4px double #3153a4;border-radius:7px;background:radial-gradient(circle at 85% 20%,rgba(124,58,237,.07),transparent 30%),#fff;text-align:center;box-shadow:0 25px 70px rgba(15,23,42,.12)}.bn-mini-cert:before,.bn-mini-cert:after{content:"";position:absolute;width:80px;height:8px;background:linear-gradient(90deg,#0ea5e9,#7c3aed);transform:rotate(-45deg)}.bn-mini-cert:before{left:-20px;top:20px}.bn-mini-cert:after{right:-20px;bottom:20px}.bn-mini-logo{font-size:26px;font-weight:900;background:linear-gradient(90deg,#0ea5e9,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.bn-mini-cert>strong{display:block;font-size:22px;letter-spacing:.1em}.bn-mini-cert>small{display:block;margin-top:4px;color:#334155;font-weight:800}.bn-mini-line{width:70px;height:2px;margin:16px auto;background:linear-gradient(90deg,#0ea5e9,#7c3aed)}.bn-mini-cert p{margin:0;color:#64748b;font-size:18px}.bn-mini-cert h3{margin:6px 0 17px;font-size:27px;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.bn-mini-info{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.bn-mini-info span{padding:6px 8px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:700}.bn-course-note{display:flex;gap:18px;max-width:1132px;margin:0 auto 80px;padding:24px!important;border:1px solid #fde68a;border-radius:18px;background:#fffbeb}.bn-course-note>span{font-size:28px}.bn-course-note h2{margin:0 0 5px;color:#78350f;font-size:19px}.bn-course-note p{margin:0;color:#92400e;font-size:14px}.bn-course-detail-hero{padding-top:38px!important;padding-bottom:62px!important;background:radial-gradient(circle at 92% 12%,rgba(124,58,237,.12),transparent 30%),linear-gradient(180deg,#fff,#f7f8ff);border-bottom:1px solid #e5e9f1}.bn-course-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:46px;max-width:1132px;margin:38px auto 0}.bn-course-detail-copy h1{margin:15px 0 14px;color:#0e1d35;font-size:clamp(2.8rem,6vw,5rem);line-height:.98;letter-spacing:-.045em}.bn-course-detail-copy>p{max-width:710px;margin:0;color:#607089;font-size:18px;line-height:1.75}.bn-course-detail-facts{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.bn-course-detail-facts span{min-width:115px;padding:12px 14px;border:1px solid #e0e6f0;border-radius:12px;background:#fff;color:#75839a;font-size:11px}.bn-course-detail-facts b{display:block;color:#14233c;font-size:18px}.bn-course-detail-copy .bn-course-hero-actions{justify-content:flex-start}.bn-course-progress-preview{padding:24px;border:1px solid #dce4f0;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.08)}.bn-progress-top{display:flex;justify-content:space-between;color:#475569}.bn-progress-top strong{color:#4f46e5}.bn-progress-bar{height:9px;margin:10px 0 13px;border-radius:999px;background:#e8edf5;overflow:hidden}.bn-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#7c3aed)}.bn-course-progress-preview p{margin:0 0 18px;color:#64748b;font-size:13px}.bn-progress-checks{display:grid;gap:9px;padding:16px 0;border-top:1px solid #edf0f5}.bn-progress-checks span{color:#475569;font-size:13px}.bn-course-progress-preview .bn-course-btn{width:100%;border:0;margin-top:8px}.bn-course-progress-preview small{display:block;margin-top:10px;color:#94a3b8;line-height:1.45}.bn-learn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bn-learn-grid article{padding:22px;border:1px solid #e0e6f0;border-radius:18px;background:#fff}.bn-learn-grid span{font-size:28px}.bn-learn-grid h3{margin:10px 0 6px;color:#1d2b42}.bn-learn-grid p{margin:0;color:#6f7f95;font-size:14px}.bn-course-modules{max-width:1132px}.bn-module-list{display:grid;gap:12px}.bn-module-list article{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:start;padding:22px;border:1px solid #dfe5ef;border-radius:18px;background:#fff}.bn-module-list article.open{border-color:#a5b4fc;box-shadow:0 10px 28px rgba(79,70,229,.08)}.bn-module-number{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#eef2ff;color:#4f46e5;font-weight:900}.bn-module-main small{color:#7c3aed;font-weight:800}.bn-module-main h3{margin:3px 0 5px;color:#1b2b43;font-size:20px}.bn-module-main p{margin:0;color:#68788f;font-size:14px}.bn-module-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f4}.bn-module-lessons span{color:#526177;font-size:12px}.bn-module-side{text-align:right;white-space:nowrap}.bn-module-side span,.bn-module-side b{display:block}.bn-module-side span{color:#64748b;font-size:12px}.bn-module-side b{margin-top:4px;color:#334155;font-size:12px}.bn-course-evaluation{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.bn-course-evaluation h2{margin:12px 0;color:#15243c;font-size:34px}.bn-course-evaluation p{margin:0;color:#66768d}.bn-eval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bn-eval-grid article{padding:22px;border:1px solid #dee5ef;border-radius:16px;background:#fff}.bn-eval-grid strong{display:block;color:#4f46e5;font-size:26px}.bn-eval-grid span{color:#65758b;font-size:12px}.bn-course-build-note{display:flex;gap:16px;max-width:1132px!important;margin-bottom:75px;padding:22px!important;border:1px solid #c7d2fe;border-radius:17px;background:#eef2ff}.bn-course-build-note>span{font-size:28px}.bn-course-build-note strong{color:#312e81}.bn-course-build-note p{margin:4px 0 0;color:#4c51a5;font-size:13px}.bn-course-hub.modo-oscuro .bn-courses-page,.bn-course-detail.modo-oscuro .bn-course-detail-page{background:#060b14;color:#e8eef9}.bn-course-hub.modo-oscuro .bn-courses-hero,.bn-course-detail.modo-oscuro .bn-course-detail-hero{background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at 88% 10%,rgba(124,58,237,.15),transparent 30%),#07101e;border-color:#172033}.bn-course-hub.modo-oscuro .bn-courses-hero h1,.bn-course-detail.modo-oscuro .bn-course-detail-copy h1,.bn-course-hub.modo-oscuro .bn-course-section-head h2,.bn-course-detail.modo-oscuro .bn-course-section-head h2,.bn-course-detail.modo-oscuro .bn-course-evaluation h2{color:#f8fafc}.bn-course-hub.modo-oscuro .bn-courses-hero>p,.bn-course-detail.modo-oscuro .bn-course-detail-copy>p,.bn-course-hub.modo-oscuro .bn-course-section-head p,.bn-course-detail.modo-oscuro .bn-course-section-head p,.bn-course-detail.modo-oscuro .bn-course-evaluation p{color:#aebbd0}.bn-course-hub.modo-oscuro .bn-course-card.featured,.bn-course-hub.modo-oscuro .bn-course-coming-grid article,.bn-course-detail.modo-oscuro .bn-course-progress-preview,.bn-course-detail.modo-oscuro .bn-learn-grid article,.bn-course-detail.modo-oscuro .bn-module-list article,.bn-course-detail.modo-oscuro .bn-eval-grid article{background:#0c1526;border-color:#21304a}.bn-course-hub.modo-oscuro .bn-course-card h3,.bn-course-hub.modo-oscuro .bn-course-coming-grid h3,.bn-course-detail.modo-oscuro .bn-learn-grid h3,.bn-course-detail.modo-oscuro .bn-module-main h3{color:#f8fafc}.bn-course-hub.modo-oscuro .bn-course-card p,.bn-course-hub.modo-oscuro .bn-course-coming-grid p,.bn-course-detail.modo-oscuro .bn-learn-grid p,.bn-course-detail.modo-oscuro .bn-module-main p{color:#aebbd0}.bn-course-hub.modo-oscuro .bn-course-cert-text h2{color:#f8fafc}.bn-course-hub.modo-oscuro .bn-course-cert-text p,.bn-course-hub.modo-oscuro .bn-course-cert-text li{color:#aebbd0}.bn-course-hub.modo-oscuro .bn-mini-cert{background:#fff}.bn-course-detail.modo-oscuro .bn-module-lessons,.bn-course-detail.modo-oscuro .bn-course-card-footer{border-color:#1e293b}.bn-course-detail.modo-oscuro .bn-module-lessons span,.bn-course-detail.modo-oscuro .bn-module-side span,.bn-course-detail.modo-oscuro .bn-progress-checks span{color:#b7c3d6}.bn-course-detail.modo-oscuro .bn-module-side b{color:#dbeafe}.bn-course-detail.modo-oscuro .bn-course-build-note{background:#111b3e;border-color:#3730a3}.bn-course-detail.modo-oscuro .bn-course-build-note p{color:#c7d2fe}.bn-course-detail.modo-oscuro .bn-course-build-note strong{color:#e0e7ff}@media(max-width:900px){.bn-course-stats{grid-template-columns:repeat(2,1fr)}.bn-course-stats div:nth-child(2){border-right:0}.bn-course-stats div:nth-child(-n+2){border-bottom:1px solid #e8ecf4}.bn-course-card.featured,.bn-course-certificate,.bn-course-detail-grid,.bn-course-evaluation{grid-template-columns:1fr}.bn-course-card-icon{min-height:170px}.bn-course-coming-grid,.bn-course-steps,.bn-learn-grid{grid-template-columns:repeat(2,1fr)}.bn-course-detail-grid{gap:24px}.bn-course-progress-preview{max-width:560px}.bn-course-detail-copy .bn-course-hero-actions{justify-content:flex-start}}@media(max-width:600px){.bn-courses-page section,.bn-course-detail-page section{padding-left:16px;padding-right:16px}.bn-courses-hero,.bn-course-detail-hero{padding-top:24px!important;padding-bottom:44px!important}.bn-courses-hero h1{font-size:2.55rem}.bn-courses-hero>p,.bn-course-detail-copy>p{font-size:16px}.bn-course-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.bn-course-btn{width:100%}.bn-course-stats{grid-template-columns:repeat(2,1fr)!important}.bn-course-card.featured{padding:17px;grid-template-columns:1fr}.bn-course-card-icon{min-height:135px}.bn-course-card h3{font-size:25px}.bn-course-card-footer{align-items:flex-start;flex-direction:column}.bn-course-coming-grid,.bn-course-steps,.bn-learn-grid,.bn-eval-grid{grid-template-columns:1fr}.bn-course-certificate{gap:28px}.bn-course-cert-text h2,.bn-course-evaluation h2{font-size:29px}.bn-mini-cert{padding:28px 16px}.bn-course-note{margin-left:16px;margin-right:16px}.bn-course-detail-grid{margin-top:24px}.bn-course-detail-copy h1{font-size:3rem}.bn-course-detail-facts{display:grid;grid-template-columns:repeat(2,1fr)}.bn-course-detail-facts span{min-width:0}.bn-module-list article{grid-template-columns:46px 1fr}.bn-module-number{width:40px;height:40px}.bn-module-side{grid-column:2;text-align:left;display:flex;gap:12px}.bn-module-lessons{grid-template-columns:1fr}.bn-course-detail-section,.bn-course-modules,.bn-course-evaluation,.bn-course-section,.bn-course-certificate{padding-top:56px;padding-bottom:56px}}
/* ByteNova Cursos V2 — premium, limpio y sin apariencia de plantilla */
.bn-v2{--ink:#0b1220;--muted:#667085;--line:#e5e7eb;--panel:#fff;--soft:#f7f8fb;--blue:#2563eb;--violet:#7c3aed;background:#fff;color:var(--ink)}
.bn-v2 .migas-navegacion{max-width:1180px;margin:0 auto 34px;color:#7b8494;font-size:13px}.bn-v2 .migas-navegacion a{color:#596579;text-decoration:none}.bn-v2-hero,.bn-v2-course-hero{padding:38px 24px 80px!important;background:#fff;border-bottom:1px solid #eef0f4}.bn-v2-hero-grid,.bn-v2-course-hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:72px;align-items:center}.bn-v2-eyebrow,.bn-v2-heading>span,.bn-v2-next>div>span,.bn-v2-cert-copy>span,.bn-v2-eval-copy>span,.bn-v2-build>span{display:block;color:#5b5bd6;font-size:12px;font-weight:900;letter-spacing:.16em}.bn-v2-hero-copy h1,.bn-v2-course-copy h1{margin:14px 0 20px;max-width:760px;font-size:clamp(3.2rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;color:#0a1020}.bn-v2-hero-copy p,.bn-v2-course-copy>p{max-width:680px;margin:0;color:#667085;font-size:18px;line-height:1.72}.bn-v2-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.bn-v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:10px;border:0;font-size:14px;font-weight:800;text-decoration:none;transition:.2s ease}.bn-v2-btn.primary{background:#111827;color:#fff}.bn-v2-btn.primary:hover,.bn-v2-btn.dark:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,24,39,.14)}.bn-v2-btn.dark{background:#0b1220;color:#fff}.bn-v2-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.bn-v2-link{color:#344054;font-weight:800;text-decoration:none;font-size:14px}.bn-v2-link span{margin-left:5px;color:#6d5dfc}.bn-v2-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#667085;font-size:12px}.bn-v2-trust span:before{content:'✓';margin-right:7px;color:#4f46e5;font-weight:900}.bn-v2-visual{position:relative;min-height:430px}.bn-v2-visual:before{content:'';position:absolute;inset:24px 0 0 42px;border-radius:32px;background:linear-gradient(135deg,#f4f7ff,#f7f2ff)}.bn-v2-terminal{position:absolute;left:0;right:38px;top:58px;overflow:hidden;border:1px solid #1f2937;border-radius:18px;background:#0b1020;box-shadow:0 28px 60px rgba(15,23,42,.18)}.bn-v2-terminal-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #20283a;color:#98a2b3;font-size:11px}.bn-v2-terminal-top i{width:8px;height:8px;border-radius:50%;background:#344054}.bn-v2-terminal-top span{margin-left:7px}.bn-v2-terminal pre{margin:0;padding:30px 28px 40px;color:#d0d5dd;font:500 15px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.bn-v2-terminal code b{color:#7dd3fc}.bn-v2-terminal code em{color:#c4b5fd;font-style:normal}.bn-v2-terminal code span{color:#667085}.bn-v2-floating-card{position:absolute;right:0;bottom:18px;width:260px;padding:18px 20px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(17,24,39,.1)}.bn-v2-floating-card small,.bn-v2-floating-card strong,.bn-v2-floating-card span{display:block}.bn-v2-floating-card small{color:#7c3aed;font-size:10px;font-weight:900;letter-spacing:.12em}.bn-v2-floating-card strong{margin:5px 0 3px;font-size:17px}.bn-v2-floating-card span{color:#7b8494;font-size:12px}.bn-v2-section,.bn-v2-program,.bn-v2-certificate-section,.bn-v2-eval,.bn-v2-build{max-width:1180px;margin:0 auto;padding:88px 24px}.bn-v2-heading{max-width:760px;margin-bottom:36px}.bn-v2-heading h2,.bn-v2-cert-copy h2,.bn-v2-eval-copy h2{margin:8px 0 12px;color:#101828;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.035em}.bn-v2-heading p,.bn-v2-cert-copy p,.bn-v2-eval-copy p{margin:0;color:#667085;font-size:16px;line-height:1.7}.bn-v2-featured-course{display:grid;grid-template-columns:300px 1fr;border:1px solid #e4e7ec;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 16px 44px rgba(16,24,40,.06)}.bn-v2-course-brand{min-height:380px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#0a1020,#141d34);color:#fff}.bn-v2-course-code{display:flex;width:70px;height:70px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.06);font-size:26px;font-weight:900}.bn-v2-course-brand small{display:block;color:#98a2b3;letter-spacing:.14em;font-size:10px}.bn-v2-course-brand strong{display:block;margin-top:5px;font-size:30px}.bn-v2-course-content{padding:38px 42px}.bn-v2-chips{display:flex;flex-wrap:wrap;gap:8px}.bn-v2-chips span{padding:6px 9px;border:1px solid #e4e7ec;border-radius:999px;color:#667085;font-size:11px;font-weight:700}.bn-v2-course-content h3{margin:20px 0 10px;font-size:34px;color:#101828;letter-spacing:-.03em}.bn-v2-course-content>p{max-width:700px;margin:0;color:#667085;font-size:16px;line-height:1.7}.bn-v2-syllabus{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0}.bn-v2-syllabus span{padding-top:12px;border-top:2px solid #eaecf0;color:#475467;font-size:11px;font-weight:800}.bn-v2-next{margin-top:26px;padding:28px;border:1px solid #eaecf0;border-radius:18px;background:#fafbfc}.bn-v2-next{display:grid;grid-template-columns:240px 1fr;gap:28px}.bn-v2-next h3{margin:6px 0 0;font-size:20px}.bn-v2-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bn-v2-next-grid article{padding:16px;border-left:1px solid #e4e7ec}.bn-v2-next-grid b{font-size:14px}.bn-v2-next-grid p{margin:5px 0 0;color:#7b8494;font-size:12px;line-height:1.5}.bn-v2-process{padding:88px 24px!important;background:#0b1020}.bn-v2-process>.bn-v2-heading,.bn-v2-process-grid{max-width:1180px;margin-left:auto;margin-right:auto}.bn-v2-heading.light h2{color:#fff}.bn-v2-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#283143;border:1px solid #283143;border-radius:18px;overflow:hidden}.bn-v2-process-grid article{padding:28px;background:#111827}.bn-v2-process-grid b{display:block;color:#818cf8;font-size:12px;letter-spacing:.12em}.bn-v2-process-grid h3{margin:22px 0 8px;color:#fff;font-size:20px}.bn-v2-process-grid p{margin:0;color:#98a2b3;font-size:13px;line-height:1.65}.bn-v2-certificate-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}.bn-v2-cert-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.bn-v2-cert-list span{padding:12px 14px;border:1px solid #e4e7ec;border-radius:10px;color:#475467;font-size:12px;font-weight:700}.bn-v2-cert-list span:before{content:'✓';margin-right:7px;color:#6366f1}.bn-v2-cert-preview{position:relative;padding:34px 36px;border:2px solid #18223a;background:#fff;text-align:center;box-shadow:0 24px 60px rgba(16,24,40,.1)}.bn-v2-cert-preview:before{content:'';position:absolute;inset:7px;border:1px solid #d0d5dd;pointer-events:none}.bn-v2-cert-top{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;color:#111827}.bn-v2-cert-top span{font-size:24px;font-weight:900;color:#4f46e5}.bn-v2-cert-top b{letter-spacing:.12em}.bn-v2-cert-preview>small{position:relative;display:block;margin-top:16px;color:#667085;font-weight:800;letter-spacing:.12em}.bn-v2-cert-name{position:relative;margin:26px auto 7px;font:600 25px/1.2 Georgia,serif;color:#101828}.bn-v2-cert-preview p{position:relative;margin:0;color:#98a2b3;font-size:12px}.bn-v2-cert-preview h3{position:relative;margin:8px 0 24px;font-size:26px;color:#4338ca}.bn-v2-cert-meta{position:relative;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.bn-v2-cert-meta span{padding:6px 9px;background:#f2f4f7;color:#667085;font-size:10px;font-weight:800}.bn-v2-disclaimer{max-width:1132px;margin:0 auto 82px;padding:20px 24px;border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0}.bn-v2-disclaimer strong{font-size:13px}.bn-v2-disclaimer p{margin:5px 0 0;color:#7b8494;font-size:12px;line-height:1.6}.bn-v2-course-hero{padding-bottom:72px!important}.bn-v2-course-meta{display:grid;grid-template-columns:repeat(4,1fr);max-width:620px;margin:28px 0 0;border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0}.bn-v2-course-meta div{padding:14px 12px 14px 0}.bn-v2-course-meta b,.bn-v2-course-meta span{display:block}.bn-v2-course-meta b{font-size:17px}.bn-v2-course-meta span{margin-top:2px;color:#7b8494;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.bn-v2-course-panel{padding:26px;border:1px solid #e4e7ec;border-radius:18px;background:#fafbfc}.bn-v2-panel-top{display:flex;justify-content:space-between;align-items:end}.bn-v2-panel-top small{color:#667085;font-weight:900;letter-spacing:.12em}.bn-v2-panel-top strong{font-size:25px}.bn-v2-progress{height:7px;margin:12px 0 16px;background:#e4e7ec;border-radius:999px;overflow:hidden}.bn-v2-progress i{display:block;width:0;height:100%;background:#6366f1}.bn-v2-course-panel>p{margin:0 0 18px;color:#7b8494;font-size:12px}.bn-v2-course-panel ol{list-style:none;margin:0 0 20px;padding:0;border-top:1px solid #e4e7ec}.bn-v2-course-panel li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #e4e7ec;color:#475467;font-size:12px}.bn-v2-course-panel li span{color:#98a2b3;font-weight:800}.bn-v2-course-panel .bn-v2-btn{width:100%}.bn-v2-panel-note{display:block;margin-top:10px;color:#98a2b3;line-height:1.5}.bn-v2-outcomes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e4e7ec;border-bottom:1px solid #e4e7ec}.bn-v2-outcomes article{padding:26px 24px;border-right:1px solid #e4e7ec}.bn-v2-outcomes article:last-child{border-right:0}.bn-v2-outcomes span{color:#6366f1;font-size:11px;font-weight:900}.bn-v2-outcomes h3{margin:14px 0 7px;font-size:18px}.bn-v2-outcomes p{margin:0;color:#7b8494;font-size:13px;line-height:1.6}.bn-v2-program{padding-top:42px}.bn-v2-module-stack{border-top:1px solid #dfe3e8}.bn-v2-module-stack article{display:grid;grid-template-columns:130px 1fr;padding:28px 0;border-bottom:1px solid #dfe3e8}.bn-v2-module-stack article.active{padding-left:18px;padding-right:18px;background:#fafbfc}.bn-v2-module-index span,.bn-v2-module-index small{display:block}.bn-v2-module-index span{font-size:26px;font-weight:900;color:#c2c7d0}.bn-v2-module-stack article.active .bn-v2-module-index span{color:#6366f1}.bn-v2-module-index small{margin-top:4px;color:#98a2b3;font-size:11px}.bn-v2-module-body>small{color:#7c3aed;font-size:10px;font-weight:900;letter-spacing:.13em}.bn-v2-module-body h3{margin:5px 0 7px;font-size:22px}.bn-v2-module-body>p{margin:0;color:#667085;font-size:14px}.bn-v2-lessons{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.bn-v2-lessons span{padding:7px 9px;border:1px solid #e4e7ec;border-radius:7px;background:#fff;color:#667085;font-size:10px;font-weight:700}.bn-v2-eval{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid #eaecf0}.bn-v2-eval-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e4e7ec;border:1px solid #e4e7ec}.bn-v2-eval-stats div{padding:24px;background:#fff}.bn-v2-eval-stats strong,.bn-v2-eval-stats span{display:block}.bn-v2-eval-stats strong{font-size:26px}.bn-v2-eval-stats span{margin-top:5px;color:#7b8494;font-size:11px}.bn-v2-build{padding-top:0!important}.bn-v2-build{display:flex;gap:20px;align-items:flex-start;border-top:1px solid #eaecf0}.bn-v2-build p{margin:0;color:#7b8494;font-size:13px;line-height:1.6}.modo-oscuro .bn-v2{--ink:#f8fafc;--muted:#aeb7c6;--line:#263143;--panel:#101826;--soft:#0b1220;background:#07101c;color:#eef2f7}.modo-oscuro .bn-v2-hero,.modo-oscuro .bn-v2-course-hero{background:#07101c;border-color:#1f2a3d}.modo-oscuro .bn-v2-hero-copy h1,.modo-oscuro .bn-v2-course-copy h1,.modo-oscuro .bn-v2-heading h2,.modo-oscuro .bn-v2-cert-copy h2,.modo-oscuro .bn-v2-eval-copy h2,.modo-oscuro .bn-v2-course-content h3,.modo-oscuro .bn-v2-next h3,.modo-oscuro .bn-v2-outcomes h3,.modo-oscuro .bn-v2-module-body h3{color:#f8fafc}.modo-oscuro .bn-v2-hero-copy p,.modo-oscuro .bn-v2-course-copy>p,.modo-oscuro .bn-v2-heading p,.modo-oscuro .bn-v2-cert-copy p,.modo-oscuro .bn-v2-eval-copy p,.modo-oscuro .bn-v2-course-content>p,.modo-oscuro .bn-v2-next-grid p,.modo-oscuro .bn-v2-outcomes p,.modo-oscuro .bn-v2-module-body>p{color:#aeb7c6}.modo-oscuro .bn-v2-featured-course,.modo-oscuro .bn-v2-next,.modo-oscuro .bn-v2-cert-preview,.modo-oscuro .bn-v2-course-panel,.modo-oscuro .bn-v2-lessons span,.modo-oscuro .bn-v2-eval-stats div{background:#0f1828;border-color:#263143}.modo-oscuro .bn-v2-course-content,.modo-oscuro .bn-v2-course-panel,.modo-oscuro .bn-v2-course-meta,.modo-oscuro .bn-v2-outcomes,.modo-oscuro .bn-v2-module-stack,.modo-oscuro .bn-v2-module-stack article,.modo-oscuro .bn-v2-disclaimer,.modo-oscuro .bn-v2-eval,.modo-oscuro .bn-v2-build{border-color:#263143}.modo-oscuro .bn-v2-module-stack article.active{background:#0c1524}.modo-oscuro .bn-v2-course-panel li{border-color:#263143;color:#c9d1dc}.modo-oscuro .bn-v2-link{color:#d0d5dd}.modo-oscuro .bn-v2-cert-preview{color:#111827}.modo-oscuro .bn-v2-cert-preview h3{color:#4338ca}.modo-oscuro .bn-v2-cert-name{color:#101828}@media(max-width:900px){.bn-v2-hero-grid,.bn-v2-course-hero-grid,.bn-v2-featured-course,.bn-v2-certificate-section,.bn-v2-eval{grid-template-columns:1fr}.bn-v2-hero-grid,.bn-v2-course-hero-grid{gap:36px}.bn-v2-visual{min-height:360px}.bn-v2-course-brand{min-height:190px}.bn-v2-next{grid-template-columns:1fr}.bn-v2-next-grid,.bn-v2-process-grid,.bn-v2-outcomes{grid-template-columns:repeat(2,1fr)}.bn-v2-process-grid{background:transparent;border:0;gap:12px}.bn-v2-process-grid article{border:1px solid #283143}.bn-v2-outcomes article:nth-child(2){border-right:0}.bn-v2-outcomes article:nth-child(-n+2){border-bottom:1px solid #e4e7ec}.bn-v2-syllabus{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.bn-v2-hero,.bn-v2-course-hero{padding:24px 16px 52px!important}.bn-v2-section,.bn-v2-program,.bn-v2-certificate-section,.bn-v2-eval,.bn-v2-build{padding-left:16px;padding-right:16px}.bn-v2-hero-copy h1,.bn-v2-course-copy h1{font-size:2.8rem}.bn-v2-hero-copy p,.bn-v2-course-copy>p{font-size:16px}.bn-v2-actions{align-items:stretch;flex-direction:column;gap:14px}.bn-v2-btn{width:100%}.bn-v2-link{text-align:center}.bn-v2-trust{display:grid;gap:8px}.bn-v2-visual{min-height:300px}.bn-v2-visual:before{inset:10px 0 0 20px}.bn-v2-terminal{top:28px;right:16px}.bn-v2-terminal pre{padding:22px 18px 32px;font-size:12px}.bn-v2-floating-card{width:215px;padding:14px 16px}.bn-v2-featured-course{border-radius:16px}.bn-v2-course-content{padding:24px 20px}.bn-v2-course-content h3{font-size:28px}.bn-v2-syllabus{grid-template-columns:1fr 1fr}.bn-v2-next-grid,.bn-v2-process-grid,.bn-v2-outcomes,.bn-v2-cert-list,.bn-v2-eval-stats{grid-template-columns:1fr}.bn-v2-next-grid article{border-left:0;border-top:1px solid #e4e7ec}.bn-v2-process{padding:64px 16px!important}.bn-v2-outcomes article{border-right:0!important;border-bottom:1px solid #e4e7ec}.bn-v2-course-meta{grid-template-columns:1fr 1fr}.bn-v2-module-stack article{grid-template-columns:64px 1fr}.bn-v2-module-stack article.active{padding-left:10px;padding-right:10px}.bn-v2-cert-preview{padding:28px 18px}.bn-v2-eval{gap:30px}}