:root{--verde:#22c55e;--amarillo:#facc15;--celeste:#38bdf8;--violeta:#a78bfa;--fondo:#0f172a;--panel:#1e293b;--panel2:#29364a}
.inicio-contenedor{max-width:1180px;margin:auto}.inicio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.6fr);gap:36px;align-items:center;padding:56px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(34,197,94,.25),transparent 35%),linear-gradient(135deg,#17233a,#26344b);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.25)}
.inicio-hero:after{content:"";position:absolute;inset:auto -50px -100px auto;width:280px;height:280px;border:40px solid rgba(255,255,255,.025);border-radius:50%}.inicio-eyebrow{display:block;color:#86efac;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:800;margin-bottom:12px}.inicio-hero h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.045em;text-align:left;color:white;max-width:780px;margin-bottom:22px}.inicio-hero p{font-size:1.15rem;color:#dbeafe;max-width:680px}.inicio-hero-acciones{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.inicio-hero-acciones .boton-verde{margin:0;font-size:1rem;padding:13px 24px}.inicio-boton-secundario{display:inline-flex;align-items:center;padding:12px 22px;border:1px solid #64748b;color:white;border-radius:9px;text-decoration:none;font-weight:700}.inicio-boton-secundario:hover{border-color:white;background:rgba(255,255,255,.06)}
.inicio-hero-insignia{position:relative;z-index:1;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:rgba(15,23,42,.62);border:2px dashed rgba(134,239,172,.45);box-shadow:inset 0 0 0 12px rgba(34,197,94,.05)}.inicio-hero-insignia span{font-size:5rem;color:var(--verde);line-height:1}.inicio-hero-insignia strong{color:white;font-size:1.25rem;text-transform:uppercase;letter-spacing:.08em}.inicio-hero-insignia small{color:#a7f3d0}
.inicio-noticias-widget{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0 12px;padding:13px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(34,197,94,.16),rgba(30,41,59,.92));border:1px solid rgba(134,239,172,.24)}.noticias-widget-etiqueta{display:flex;align-items:center;gap:8px;color:white;white-space:nowrap}.noticias-widget-etiqueta span{padding:4px 8px;border-radius:20px;background:#22c55e;color:#07130c;font-size:.68rem;font-weight:900;text-transform:uppercase}.noticias-widget-lista{display:flex;min-width:0;gap:8px;overflow-x:auto;scrollbar-width:thin}.noticias-widget-lista a{display:flex;align-items:center;gap:8px;min-width:220px;padding:8px 11px;border-radius:9px;background:rgba(15,23,42,.58);color:white;text-decoration:none}.noticias-widget-lista time{color:#86efac;font-size:.7rem;font-weight:800}.noticias-widget-lista span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.noticias-widget-lista b{margin-left:auto;color:#86efac}.noticias-widget-todas{color:#86efac;font-size:.8rem;font-weight:800;white-space:nowrap}
.inicio-estadisticas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0 70px;background:rgba(148,163,184,.2);border-radius:16px;overflow:hidden}.inicio-estadisticas div{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px;background:#182438}.inicio-estadisticas strong{font-size:1.8rem;color:var(--verde)}.inicio-estadisticas span{color:#cbd5e1}
.inicio-seccion-cabecera{text-align:center;max-width:720px;margin:0 auto 28px}.inicio-seccion-cabecera h2{font-size:clamp(1.8rem,4vw,2.7rem);color:white}.inicio-seccion-cabecera p{color:#cbd5e1}.inicio-modos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:78px}.inicio-modo{position:relative;display:flex;flex-direction:column;min-height:270px;padding:25px;border-radius:20px;background:var(--panel2);color:white;text-decoration:none;border:1px solid rgba(255,255,255,.08);overflow:hidden}.inicio-modo:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--acento)}.inicio-modo:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(0,0,0,.22);border-color:var(--acento)}.inicio-modo-icono{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:color-mix(in srgb,var(--acento) 18%,transparent);color:var(--acento);font-size:1.8rem;font-weight:900}.inicio-modo h3{text-align:left;color:white;font-size:1.35rem;margin-top:24px}.inicio-modo p{color:#cbd5e1;flex:1}.inicio-modo strong{color:var(--acento)}.modo-trivia{--acento:var(--verde)}.modo-ordena{--acento:var(--celeste)}.modo-ruleta{--acento:var(--amarillo)}.modo-camino{--acento:var(--violeta)}.modo-memoria{--acento:#fb7185}.modo-palabra{--acento:#fb923c}
.inicio-destacadas{margin-bottom:78px}.inicio-destacadas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inicio-desafio{display:flex;flex-direction:column;padding:26px;border-radius:18px;background:linear-gradient(145deg,#27364c,#1d293d);border:1px solid rgba(255,255,255,.08)}.inicio-chip{align-self:flex-start;padding:5px 10px;border-radius:30px;background:rgba(34,197,94,.13);color:#86efac;font-size:.78rem;font-weight:800}.inicio-desafio h3{text-align:left;color:white;margin-top:18px}.inicio-desafio p{color:#cbd5e1;flex:1}.inicio-desafio-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem}.inicio-desafio-pie span{color:#94a3b8}.inicio-desafio-pie a{color:#86efac;text-decoration:none;font-weight:800}
.inicio-informacion{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:30px}.inicio-informacion-simple{grid-template-columns:1fr}.inicio-quienes,.inicio-noticias{padding:28px;border-radius:20px;background:rgba(255,255,255,.045)}.inicio-quienes h2,.inicio-noticias h2{text-align:left;color:white}.inicio-imagen{width:100%;max-height:330px;object-fit:cover;border-radius:15px;margin-bottom:20px}.inicio-texto{color:#dbe3ef}.inicio-propuesta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:34px;border-radius:20px;background:linear-gradient(100deg,rgba(34,197,94,.18),rgba(56,189,248,.10));border:1px solid rgba(134,239,172,.25)}.inicio-propuesta h2{text-align:left;color:white;margin-bottom:6px}.inicio-propuesta p{margin:0;color:#dbeafe}.inicio-propuesta .boton-verde{flex:none;margin:0}
@media(max-width:900px){.inicio-hero{grid-template-columns:1fr;padding:38px}.inicio-hero-insignia{display:none}.inicio-modos-grid{grid-template-columns:repeat(2,1fr)}.inicio-destacadas-grid{grid-template-columns:1fr 1fr}.inicio-informacion{grid-template-columns:1fr}}
@media(max-width:600px){.inicio-hero{padding:28px 22px;border-radius:20px}.inicio-hero h1{font-size:2.35rem}.inicio-hero p{font-size:1rem}.inicio-hero-acciones{flex-direction:column}.inicio-hero-acciones a{width:100%;justify-content:center;text-align:center}.inicio-noticias-widget{grid-template-columns:1fr auto;gap:8px 12px;margin-top:12px}.noticias-widget-lista{grid-column:1/-1;grid-row:2}.noticias-widget-lista a{min-width:78vw}.inicio-estadisticas{grid-template-columns:1fr;margin-bottom:55px}.inicio-estadisticas div{justify-content:flex-start}.inicio-modos-grid,.inicio-destacadas-grid{grid-template-columns:1fr}.inicio-modo{min-height:235px}.inicio-informacion{gap:14px}.inicio-quienes,.inicio-noticias{padding:22px}.inicio-propuesta{align-items:stretch;flex-direction:column}.inicio-propuesta .boton-verde{width:100%;text-align:center}}
/* Direct access to the private learning workspace. */
.inicio-aula-acceso{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px;margin:24px 0;background:#f3f6f2;color:#234f3b;border-radius:14px}.inicio-aula-acceso h2{color:#234f3b;text-align:left;margin:0 0 8px}.inicio-aula-acceso p{margin:0}.inicio-aula-acceso a{white-space:normal}