/* =========================================================
   PORTAL ESTUDIANTIL · METODOLOGÍA EFI V1.2
   Página global, informativa y administrable por bloques.
   ========================================================= */
:root{
  --met-azul:#073b7a;--met-azul-profundo:#062d57;--met-verde:#0a8b7a;--met-verde-vivo:#17aa7c;
  --met-naranja:#f29b38;--met-tinta:#173b50;--met-texto:#496575;--met-claro:#f5fafb;--met-borde:#d8e6eb;
  --met-sombra:0 24px 58px rgba(9,48,75,.13);--met-radio:24px;--met-ancho:1160px;
}
.pagina-metodologia[data-tema-metodologia="institucional"]{--met-azul:#183d5b;--met-azul-profundo:#102a40;--met-verde:#2d7280;--met-verde-vivo:#4b97a4;--met-naranja:#d79b45;--met-tinta:#19384c;--met-texto:#526c7a;--met-claro:#f5f8fa;--met-borde:#d7e1e6}
.pagina-metodologia[data-tema-metodologia="vital"]{--met-azul:#07556f;--met-azul-profundo:#063a4d;--met-verde:#16835e;--met-verde-vivo:#28ad73;--met-naranja:#ef9436;--met-tinta:#173f49;--met-texto:#4c706f;--met-claro:#f4fbf7;--met-borde:#d5e8df}
.pagina-metodologia[data-tema-metodologia="claro"]{--met-azul:#225d76;--met-azul-profundo:#173f53;--met-verde:#267b6d;--met-verde-vivo:#3c9c88;--met-naranja:#d58d35;--met-tinta:#173b50;--met-texto:#526d7b;--met-claro:#fbfdfd;--met-borde:#dbe6ea}
html{scroll-behavior:smooth}.pagina-metodologia{overflow-x:hidden;background:#f7fbfc;color:var(--met-tinta)}
.metodologia-principal{min-height:70vh}.met-contenedor{width:min(var(--met-ancho),calc(100% - 40px));margin-inline:auto}
.aviso-vista-previa-met{display:flex;position:sticky;z-index:70;top:0;gap:12px;align-items:center;justify-content:center;padding:10px 18px;color:#50350c;background:#fff4cf;border-bottom:1px solid #e8cc79}.aviso-vista-previa-met span{opacity:.82}
.met-hero{position:relative;isolation:isolate;overflow:hidden;min-height:530px;color:#fff;background:linear-gradient(125deg,var(--met-hero-c1,#073b7a),var(--met-hero-c2,#0a8b7a))}.met-hero[data-altura="compacta"]{min-height:440px}.met-hero[data-altura="amplia"]{min-height:640px}
.met-hero::before,.met-hero::after{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.15);border-radius:50%;content:""}.met-hero::before{width:440px;height:440px;right:-180px;top:-170px}.met-hero::after{width:260px;height:260px;left:-120px;bottom:-150px}
.met-hero-fondo{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(110deg,var(--met-hero-overlay-1,rgba(7,59,122,.78)) 3%,var(--met-hero-overlay-2,rgba(10,139,122,.69)) 58%,var(--met-hero-overlay-3,rgba(10,139,122,.53))),var(--met-hero-imagen,none);background-position:var(--met-hero-pos,50% 50%);background-size:cover;background-repeat:no-repeat}
.met-hero[data-fondo="degradado"] .met-hero-fondo{background-image:linear-gradient(125deg,var(--met-hero-c1,#073b7a),var(--met-hero-c2,#0a8b7a))}
.met-hero[data-fondo="imagen"] .met-hero-fondo{background-image:linear-gradient(var(--met-hero-overlay-1,rgba(7,59,122,.78)),var(--met-hero-overlay-1,rgba(7,59,122,.78))),var(--met-hero-imagen,none)}
.met-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.75fr);gap:clamp(28px,4vw,60px);align-items:center;min-height:inherit;padding-block:72px 78px}.met-hero-texto,.met-resumen-hero{min-width:0}.met-hero-texto{max-width:700px}.met-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:30px;font-size:.86rem}.met-breadcrumb a{color:#fff;text-decoration:none}.met-breadcrumb strong{font-weight:900}.met-kicker,.met-cabecera-seccion>span{display:inline-flex;align-items:center;gap:7px;color:#8ff0d3;font-size:.72rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.met-hero h1{max-width:740px;margin:14px 0 13px;font-size:clamp(3.1rem,6.3vw,5.7rem);line-height:.93;letter-spacing:-.055em}.met-hero h1 span{color:#7af3cc}.met-hero-texto>p{max-width:680px;margin:0;color:rgba(255,255,255,.86);font-size:clamp(1rem,1.7vw,1.24rem);line-height:1.65}.met-hero-acciones{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.met-boton{display:inline-flex;min-height:48px;padding:12px 18px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:13px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.met-boton-primario{color:#073b55;background:#7af3cc}.met-boton-secundario{border-color:rgba(255,255,255,.33);color:#fff;background:rgba(255,255,255,.11);backdrop-filter:blur(8px)}.met-boton:focus-visible,.met-navegacion-interna a:focus-visible{outline:3px solid #ffd06f;outline-offset:3px}
.met-resumen-hero{display:grid;gap:10px;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:27px;background:rgba(5,47,73,.38);box-shadow:0 28px 60px rgba(0,0,0,.17);backdrop-filter:blur(13px)}.met-resumen-hero::before{display:block;margin-bottom:3px;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;content:"Educación Física Integral"}.met-resumen-hero article{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.08)}.met-resumen-hero article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#0b5d65;background:#7af3cc;font-weight:950}.met-resumen-hero strong{display:block;overflow-wrap:anywhere}.met-resumen-hero p{margin:3px 0 0;color:rgba(255,255,255,.72);font-size:.78rem;line-height:1.4;overflow-wrap:anywhere}
.pagina-metodologia[data-tema-metodologia="institucional"] .met-hero h1 span{color:#a9e2eb}.pagina-metodologia[data-tema-metodologia="institucional"] .met-kicker{color:#b8e8ee}
.pagina-metodologia[data-tema-metodologia="vital"] .met-hero h1 span{color:#8df0b8}.pagina-metodologia[data-tema-metodologia="vital"] .met-kicker{color:#a6f4c7}
.pagina-metodologia[data-tema-metodologia="claro"] .met-hero h1 span{color:#a6f2d5}.pagina-metodologia[data-tema-metodologia="claro"] .met-kicker{color:#baf4df}
.met-navegacion-interna{position:sticky;z-index:45;top:0;border-bottom:1px solid var(--met-borde);background:rgba(255,255,255,.94);box-shadow:0 10px 26px rgba(20,58,75,.08);backdrop-filter:blur(14px)}.met-navegacion-interna .met-contenedor{display:flex;gap:7px;overflow:auto;padding-block:11px;scrollbar-width:thin}.met-navegacion-interna a{flex:0 0 auto;padding:9px 13px;border-radius:999px;color:#527080;font-size:.78rem;font-weight:850;text-decoration:none}.met-navegacion-interna a.activo{color:#fff;background:var(--met-azul)}
.met-bloques{display:block}.met-seccion{position:relative;padding:86px 0}.met-seccion[data-densidad="compacta"]{padding-block:62px}.met-seccion[data-densidad="amplia"]{padding-block:110px}.met-seccion-clara{background:#fff}.met-seccion-suave{background:linear-gradient(180deg,#f2f8fa,#f9fcfd)}.met-seccion-verde{background:linear-gradient(145deg,#ecfaf5,#f8fcfa)}.met-seccion-azul{background:linear-gradient(145deg,#eaf5fb,#f7fbfd)}.met-seccion-oscuro{color:#fff;background:radial-gradient(circle at 80% 15%,rgba(22,156,128,.25),transparent 32%),linear-gradient(135deg,#071f35,#0c4559)}.met-seccion-documento{background:linear-gradient(135deg,#edf6f9,#e9f7f1)}.met-seccion-cierre{padding-block:70px;color:#fff;background:linear-gradient(130deg,#073b7a,#0b766c)}
.met-cabecera-seccion{max-width:790px;margin-bottom:38px}.met-cabecera-seccion>span{color:var(--met-verde)}.met-seccion-oscuro .met-cabecera-seccion>span,.met-seccion-cierre .met-cabecera-seccion>span{color:#75ecc7}.met-cabecera-seccion h2{margin:9px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.035em}.met-cabecera-seccion p{margin:0;color:var(--met-texto);font-size:1.03rem;line-height:1.75}.met-seccion-oscuro .met-cabecera-seccion p,.met-seccion-cierre .met-cabecera-seccion p{color:rgba(255,255,255,.78)}
.met-grid-tarjetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.met-tarjeta{min-width:0;padding:24px;border:1px solid var(--met-borde);border-radius:20px;background:#fff;box-shadow:0 13px 30px rgba(12,52,73,.06)}.met-tarjeta-numero{display:grid;width:42px;height:42px;margin-bottom:16px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--met-azul),var(--met-verde));font-weight:950}.met-tarjeta h3{margin:0 0 8px;font-size:1.12rem}.met-tarjeta p{margin:0;color:var(--met-texto);line-height:1.65}.met-tarjeta.oculta{display:none}
.met-ciclo{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.met-ciclo::before{position:absolute;top:42px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--met-verde),var(--met-azul),var(--met-naranja),var(--met-verde));content:""}.met-ciclo .met-tarjeta{position:relative;padding-top:72px}.met-ciclo .met-tarjeta-numero{position:absolute;z-index:2;top:18px;left:22px;box-shadow:0 0 0 8px #fff}.met-continuidad{display:flex;gap:13px;align-items:center;margin-top:24px;padding:18px 20px;border-radius:17px;color:#0d5e5e;background:#e7f8f2}.met-continuidad::before{font-size:1.6rem;content:"↻"}
.met-dual{display:grid;grid-template-columns:1fr 80px 1fr;gap:20px;align-items:stretch}.met-dimension{overflow:hidden;border:1px solid var(--met-borde);border-radius:24px;background:#fff;box-shadow:var(--met-sombra)}.met-dimension-imagen{position:relative;min-height:260px;background:#dcebf0}.met-dimension-imagen img{width:100%;height:100%;min-height:260px;object-fit:cover}.met-dimension-imagen .met-fallback{display:grid;position:absolute;inset:0;place-items:center;color:#456877;background:linear-gradient(135deg,#dbeaf0,#e7f5ef);font-weight:900}.met-dimension-contenido{padding:26px}.met-dimension h3{margin:0 0 8px;font-size:1.5rem}.met-dimension p{color:var(--met-texto);line-height:1.65}.met-lista-check{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.met-lista-check li{position:relative;padding-left:27px;color:#385c6e;line-height:1.5}.met-lista-check li::before{position:absolute;left:0;top:.1em;display:grid;width:19px;height:19px;place-items:center;border-radius:50%;color:#fff;background:var(--met-verde);font-size:.7rem;content:"✓"}.met-dual-conector{display:grid;place-items:center}.met-dual-conector span{display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--met-borde);border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--met-azul),var(--met-verde));font-size:1.5rem;box-shadow:0 10px 24px rgba(10,83,103,.18)}.met-flexibilidad{grid-column:1/-1;margin-top:0;padding:19px 22px;border-left:5px solid var(--met-naranja);border-radius:14px;background:#fff8e9;color:#735021;line-height:1.65}
.met-momentos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;counter-reset:momentos}.met-momento{position:relative;padding:28px 22px 23px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.08)}.met-momento::before{display:block;margin-bottom:19px;color:#75ecc7;font-size:2.2rem;font-weight:950;counter-increment:momentos;content:counter(momentos,decimal-leading-zero)}.met-momento h3{margin:0 0 8px;font-size:1.15rem}.met-momento p{margin:0;color:rgba(255,255,255,.72);line-height:1.6}.met-nota-oscura{margin-top:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.15);border-radius:15px;color:rgba(255,255,255,.82);background:rgba(0,0,0,.14)}
.met-roles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.met-rol{padding:27px;border:1px solid var(--met-borde);border-radius:23px;background:#fff;box-shadow:var(--met-sombra)}.met-rol h3{margin:0 0 16px;font-size:1.45rem}.met-etiquetas{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.met-etiquetas span{padding:9px 13px;border:1px solid #cfe1e7;border-radius:999px;color:#315e70;background:#fff;font-size:.79rem;font-weight:850}
.met-lista-imagen{display:grid;grid-template-columns:minmax(280px,.78fr) 1.25fr;gap:34px;align-items:center}.met-lista-imagen .met-imagen-grande{overflow:hidden;min-height:390px;border-radius:25px;background:#dcebf0;box-shadow:var(--met-sombra)}.met-imagen-grande img{width:100%;height:100%;min-height:390px;object-fit:cover}.met-lista-destacada{display:grid;gap:11px}.met-punto{display:grid;grid-template-columns:43px 1fr;gap:13px;padding:16px;border:1px solid var(--met-borde);border-radius:16px;background:rgba(255,255,255,.88)}.met-punto>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;color:#fff;background:var(--met-verde);font-weight:900}.met-punto h3{margin:0 0 4px;font-size:1rem}.met-punto p{margin:0;color:var(--met-texto);font-size:.86rem;line-height:1.5}
.met-portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.met-destino{display:flex;min-height:190px;padding:23px;flex-direction:column;border:1px solid var(--met-borde);border-radius:21px;color:inherit;background:#fff;text-decoration:none;box-shadow:0 10px 25px rgba(10,51,73,.06)}.met-destino span{color:var(--met-verde);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.met-destino h3{margin:14px 0 8px}.met-destino p{margin:0;color:var(--met-texto);line-height:1.55}.met-destino em{margin-top:auto;padding-top:18px;color:var(--met-azul);font-style:normal;font-weight:900}.met-destino.proximamente{opacity:.7;pointer-events:none}.met-destino.proximamente em{color:#8a6b2e}
.met-video{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center}.met-video-marco{overflow:hidden;aspect-ratio:16/9;border-radius:23px;background:#071f35;box-shadow:var(--met-sombra)}.met-video-marco iframe,.met-video-marco img{width:100%;height:100%;border:0;object-fit:cover}.met-video-texto p{color:var(--met-texto);line-height:1.7}.met-video-texto a{color:var(--met-azul);font-weight:900}
.met-documento{display:grid;grid-template-columns:86px 1fr auto;gap:23px;align-items:center;padding:28px;border:1px solid #cfe1e7;border-radius:25px;background:#fff;box-shadow:var(--met-sombra)}.met-documento-icono{display:grid;width:78px;height:90px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(145deg,#e54848,#b82136);font-weight:950}.met-documento h3{margin:5px 0 7px;font-size:1.55rem}.met-documento p{margin:0;color:var(--met-texto);line-height:1.55}.met-documento-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.met-documento-meta span{padding:6px 9px;border-radius:8px;color:#496675;background:#edf4f6;font-size:.73rem;font-weight:800}.met-documento-acciones{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.met-documento-acciones .met-boton{color:#fff;background:var(--met-azul)}.met-documento-acciones .secundario{color:var(--met-azul);background:#eaf4f8}
.met-mensaje-final{max-width:900px;margin:auto;text-align:center}.met-mensaje-final span{color:#78f0cc;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.met-mensaje-final blockquote{margin:15px 0;font-size:clamp(1.75rem,4vw,3rem);font-weight:850;line-height:1.25;letter-spacing:-.025em}.met-mensaje-final footer{color:rgba(255,255,255,.72)}
.met-texto-largo{max-width:850px;color:var(--met-texto);font-size:1.03rem;line-height:1.85;white-space:pre-line}.met-faq{display:grid;gap:10px}.met-faq details{padding:16px 18px;border:1px solid var(--met-borde);border-radius:15px;background:#fff}.met-faq summary{cursor:pointer;font-weight:900}.met-faq p{color:var(--met-texto);line-height:1.65}.met-destacado{padding:30px;border-left:6px solid var(--met-verde);border-radius:20px;background:#fff;box-shadow:var(--met-sombra)}.met-destacado p{margin:8px 0 0;color:var(--met-texto);font-size:1.15rem;line-height:1.75}
.met-no-disponible{display:grid;min-height:65vh;padding:70px 20px;place-items:center;text-align:center;background:#f5fafb}.met-no-disponible>div{max-width:680px}.met-no-disponible span{color:var(--met-verde);font-weight:950;text-transform:uppercase}.met-no-disponible h1{font-size:clamp(2.2rem,5vw,4rem)}.met-no-disponible p{color:var(--met-texto)}.met-no-disponible a{display:inline-flex;margin-top:16px;padding:12px 18px;border-radius:12px;color:#fff;background:var(--met-azul);text-decoration:none;font-weight:900}.met-noscript{padding:30px;text-align:center;background:#fff4cf}
.met-revelar{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.met-revelar.visible{opacity:1;transform:none}.pagina-metodologia[data-animaciones="no"] .met-revelar{opacity:1;transform:none;transition:none}
@media(max-width:1180px){.met-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);gap:28px}.met-hero h1{font-size:clamp(3rem,5.5vw,4.9rem)}.met-resumen-hero{padding:16px}}
@media(max-width:1050px){.met-hero-grid{grid-template-columns:1fr;gap:34px}.met-resumen-hero{grid-template-columns:repeat(2,1fr)}.met-grid-tarjetas,.met-ciclo,.met-momentos,.met-portal-grid{grid-template-columns:repeat(2,1fr)}.met-ciclo::before{display:none}.met-dual{grid-template-columns:1fr}.met-dual-conector{display:none}.met-roles{grid-template-columns:1fr}.met-lista-imagen{grid-template-columns:1fr}.met-video{grid-template-columns:1fr}.met-documento{grid-template-columns:72px 1fr}.met-documento-acciones{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:680px){.met-contenedor{width:min(100% - 28px,var(--met-ancho))}.met-hero{min-height:auto}.met-hero-grid{padding-block:44px 52px}.met-hero h1{font-size:clamp(2.8rem,15vw,4.2rem)}.met-resumen-hero{grid-template-columns:1fr;padding:13px}.met-hero-acciones{flex-direction:column}.met-hero-acciones .met-boton{width:100%}.met-navegacion-interna{top:0}.met-seccion{padding-block:64px}.met-grid-tarjetas,.met-ciclo,.met-momentos,.met-portal-grid{grid-template-columns:1fr}.met-dual{gap:14px}.met-lista-imagen .met-imagen-grande{min-height:270px}.met-imagen-grande img{min-height:270px}.met-documento{grid-template-columns:1fr;text-align:center}.met-documento-icono{margin:auto}.met-documento-acciones{flex-direction:column}.met-documento-acciones .met-boton{width:100%}.aviso-vista-previa-met{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.met-revelar{opacity:1;transform:none;transition:none}}
@media print{.panel-lateral,.capa-panel,.encabezado-principal,.met-navegacion-interna,.footer-principal,.met-hero-acciones,.met-documento-acciones,.aviso-vista-previa-met{display:none!important}.met-hero{min-height:auto;color:#111;background:#fff}.met-hero-fondo{display:none}.met-hero-grid{display:block;padding:20px 0}.met-hero h1 span{color:#111}.met-hero-texto>p,.met-resumen-hero p{color:#333}.met-resumen-hero{border:1px solid #ccc;background:#fff;box-shadow:none}.met-resumen-hero article{border:1px solid #ddd;background:#fff}.met-seccion,.met-seccion-oscuro,.met-seccion-cierre{padding:26px 0;color:#111;background:#fff}.met-cabecera-seccion p,.met-seccion-oscuro .met-cabecera-seccion p,.met-seccion-cierre .met-cabecera-seccion p{color:#333}.met-tarjeta,.met-rol,.met-destino,.met-documento,.met-dimension{break-inside:avoid;box-shadow:none}.met-revelar{opacity:1;transform:none}.met-momento{color:#111;border-color:#ccc;background:#fff}.met-momento p,.met-nota-oscura{color:#333}.met-mensaje-final blockquote{color:#111}}
