/* #####################################################################
   SISTEMA VISUAL v4 (Corrección 0.1 · 2026-11-12) — se carga DESPUÉS de dima-sistema.css
   Identidad: "red de conocimiento" (nodos y trazos) + curvas de nivel del territorio.
   Cada sección tiene su fondo y su paleta, dentro de un mismo sistema.
   Tipografía Ancízar (Sans/Serif). Encabezado y pie oficiales UNAL intactos.
   ##################################################################### */
.v4{
  --v4-tinta:#0b1230; --v4-noche:#101a42;
  --v4-azul:#16245e; --v4-azul-2:#22388a; --v4-azul-claro:#9db6ff;
  --v4-bosque:#20401a; --v4-brote:#e9f3d2; --v4-brote-2:#d6e9ad;
  --v4-grafito:#15171c; --v4-grafito-2:#20242c; --v4-oro:#e0b54a;
  --v4-mar:#0b2833; --v4-cian:#7fd6e3;
  --v4-papel:#f7f4ec; --v4-niebla:#f4f6fa;
}
.v4 section{position:relative;isolation:isolate}
.v4 .container{position:relative;z-index:1}

/* ---------- Fondos animados ---------- */
.fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.fx svg{position:absolute;inset:0;width:100%;height:100%}
.fx path,.fx circle,.fx rect,.fx ellipse,.fx polyline{vector-effect:non-scaling-stroke}
.fx--red .fx-lineas path{fill:none;stroke:rgba(157,182,255,.22);stroke-width:1.2}
.fx--red .fx-lineas .fx-flujo{stroke:var(--v3-verde);stroke-width:2;stroke-dasharray:6 18;opacity:.7}
.fx--red .fx-nodos circle{fill:#dfe7ff;opacity:.8}
.fx--red .fx-halos circle{fill:none;stroke:var(--v3-verde);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.fx--curvas .fx-curvas path,.fx--mapa .fx-curvas path{fill:none;stroke:rgba(148,180,59,.3);stroke-width:1.2;transform-box:view-box;transform-origin:1000px 350px}
.fx--mapa .fx-curvas path{stroke:rgba(27,34,66,.1)}
.fx-pin path{fill:var(--v3-verde)} .fx-pin .fx-pin-centro{fill:#fff}
.fx-pin .fx-pin-onda{fill:none;stroke:var(--v3-verde);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.fx-papel{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;
  -webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 70%);mask-image:linear-gradient(90deg,transparent 20%,#000 70%)}
.fx--rejilla .fx-traza{fill:none;stroke:var(--v4-azul-claro);stroke-width:2;opacity:.55}
.fx--rejilla .fx-traza--2{stroke:var(--v3-verde);opacity:.5}
.fx--rejilla .fx-eje{fill:none;stroke:rgba(255,255,255,.25);stroke-width:1.2}
.fx--rejilla .fx-puntos circle{fill:#fff;opacity:.7}
.fx--brotes .fx-brotes path{fill:none;stroke:rgba(77,106,18,.42);stroke-width:2.2;stroke-linecap:round}
.fx--brotes .fx-hojas ellipse,.fx--brotes .fx-hojas circle{fill:rgba(148,180,59,.5)}
.fx--circuito .fx-pistas path{fill:none;stroke:rgba(224,181,74,.22);stroke-width:1.6}
.fx--circuito .fx-pistas .fx-flujo{stroke:var(--v4-oro);stroke-width:2.4;stroke-dasharray:10 60;opacity:.85}
.fx--circuito .fx-chips rect{fill:var(--v4-grafito);stroke:var(--v4-oro);stroke-width:1.4}
.fx--circuito .fx-engrane circle,.fx--circuito .fx-engrane path{fill:none;stroke:rgba(224,181,74,.3);stroke-width:3}
.fx--barras .fx-barras rect{fill:rgba(127,214,227,.09);stroke:rgba(127,214,227,.2);stroke-width:1;transform-box:fill-box;transform-origin:bottom}
.fx--barras .fx-tendencia{fill:none;stroke:var(--v3-verde);stroke-width:2.2;opacity:.75}
.fx--barras .fx-puntos circle{fill:var(--v3-verde-claro)}
.fx--tiempo svg{height:9rem;top:0;bottom:auto}
.fx--tiempo .fx-eje{fill:none;stroke:rgba(27,34,66,.1);stroke-width:1.5}
.fx--tiempo .fx-hitos circle{fill:rgba(148,180,59,.55)}
.fx--documentos .fx-docs path{fill:none;stroke:rgba(27,34,66,.16);stroke-width:1.6;stroke-linejoin:round}
.fx--orbitas .fx-orbitas ellipse{fill:none;stroke:rgba(157,182,255,.22);stroke-width:1.2}
.fx--orbitas .fx-nucleo{fill:var(--v3-verde);opacity:.8}
.fx--orbitas .fx-giro circle{fill:#dfe7ff}

/* ---------- Movimiento de los fondos (solo html.v3-mov) ---------- */
.v3-mov .fx--red .fx-flujo{animation:fx-dash 9s linear infinite}
.v3-mov .fx--red .fx-nodos circle{animation:v3-latido 3.2s ease-in-out infinite}
.v3-mov .fx--red .fx-nodos circle:nth-child(3n){animation-delay:1.1s}
.v3-mov .fx--red .fx-nodos circle:nth-child(3n+1){animation-delay:2.2s}
.v3-mov .fx--red .fx-halos circle{animation:fx-onda 3.6s ease-out infinite}
.v3-mov .fx--red .fx-halos circle:nth-child(2){animation-delay:1.2s}
.v3-mov .fx--red .fx-halos circle:nth-child(3){animation-delay:2.4s}
.v3-mov .fx--red svg{animation:fx-deriva 24s ease-in-out infinite alternate}
@keyframes fx-dash{to{stroke-dashoffset:-240}}
@keyframes fx-onda{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(5)}}
@keyframes fx-deriva{from{transform:translate3d(0,0,0)}to{transform:translate3d(-2%,1.5%,0)}}
.v3-mov .fx-curvas path{animation:fx-respira 14s ease-in-out infinite alternate}
.v3-mov .fx-curvas path:nth-child(2n){animation-duration:18s;animation-direction:alternate-reverse}
@keyframes fx-respira{from{transform:scale(1) rotate(0)}to{transform:scale(1.04) rotate(2.5deg)}}
.v3-mov .fx-pin .fx-pin-onda{animation:fx-onda 2.8s ease-out infinite}
.v3-mov .fx-pin .fx-pin-onda--2{animation-delay:1.4s}
.v3-mov .fx--rejilla .fx-traza{stroke-dasharray:1200;animation:fx-dibuja 3s var(--v3-ease) both}
.v3-mov .fx--rejilla .fx-traza--2{animation-delay:.5s}
.v3-mov .fx--rejilla .fx-puntos circle{animation:v3-latido 2.6s ease-in-out 3s infinite}
@keyframes fx-dibuja{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
.v3-mov .fx--brotes .fx-brotes path{stroke-dasharray:600;animation:fx-crece 3.2s var(--v3-ease) both}
.v3-mov .fx--brotes .fx-brotes path:nth-child(2){animation-delay:.4s}
.v3-mov .fx--brotes .fx-brotes path:nth-child(3){animation-delay:.8s}
@keyframes fx-crece{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
.v3-mov .fx--brotes .fx-hojas>*{animation:fx-aparece 1s ease 2s both}
@keyframes fx-aparece{from{opacity:0}to{opacity:1}}
.v3-mov .fx--circuito .fx-flujo{animation:fx-dash 5s linear infinite}
.v3-mov .fx--circuito .fx-flujo--2{animation-duration:7s;animation-direction:reverse}
.v3-mov .fx--circuito .fx-engrane{animation:fx-gira 30s linear infinite}
.v3-mov .fx--circuito .fx-chips rect{animation:v3-latido 2.4s ease-in-out infinite}
@keyframes fx-gira{to{transform:rotate(360deg)}}
.v3-mov .fx--barras .fx-barras rect{animation:fx-sube 4.5s ease-in-out infinite alternate}
.v3-mov .fx--barras .fx-barras rect:nth-child(2n){animation-delay:-1.5s}
.v3-mov .fx--barras .fx-barras rect:nth-child(3n){animation-delay:-3s}
.v3-mov .fx--barras .fx-tendencia{stroke-dasharray:1600;animation:fx-dibuja-largo 3.5s var(--v3-ease) both}
@keyframes fx-sube{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
@keyframes fx-dibuja-largo{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}
.v3-mov .fx--tiempo .fx-hitos{animation:fx-avanza 14s linear infinite}
@keyframes fx-avanza{from{transform:translateX(0)}to{transform:translateX(-200px)}}
.v3-mov .fx--documentos .fx-docs path{animation:fx-flota 9s ease-in-out infinite alternate}
.v3-mov .fx--documentos .fx-docs path:nth-child(2){animation-delay:-3s}
.v3-mov .fx--documentos .fx-docs path:nth-child(3){animation-delay:-6s}
@keyframes fx-flota{from{transform:translateY(0)}to{transform:translateY(-18px)}}
.v3-mov .fx--orbitas .fx-giro{animation:fx-gira 12s linear infinite}
.v3-mov .fx--orbitas .fx-giro--2{animation-duration:18s;animation-direction:reverse}
.v3-mov .fx--orbitas .fx-nucleo{animation:v3-latido 3s ease-in-out infinite}

/* ================================ HERO ================================ */
.v4-hero{color:#fff;overflow:hidden;padding:clamp(3rem,7vw,6rem) 0 clamp(3.5rem,7vw,6rem);
  background:radial-gradient(60% 70% at 85% 20%,rgba(34,56,138,.85) 0%,rgba(34,56,138,0) 70%),radial-gradient(40% 50% at 10% 100%,rgba(148,180,59,.22) 0%,rgba(148,180,59,0) 70%),var(--v4-tinta)}
.v4-hero-grid{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center}
@media(min-width:992px){.v4-hero-grid{grid-template-columns:1.1fr .9fr}}
.v4 .v4-antetitulo{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.4rem;font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#cfd8f5}
.v4-punto{width:.55rem;height:.55rem;border-radius:50%;background:var(--v3-verde);box-shadow:0 0 0 5px rgba(148,180,59,.2)}
.v4-hero-h1{font-size:var(--t-display);line-height:1;font-weight:800;color:#fff;margin:0 0 1.4rem;max-width:13ch;letter-spacing:-.02em}
.v4-hero-h1 em,.v4-pagina-h1 em{font-family:var(--v3-serif);font-style:italic;font-weight:600;color:var(--v3-verde-claro)}
.v4 .v4-hero-lead{font-family:var(--v3-serif);font-size:var(--t-lead);line-height:1.65;color:#cdd5ec;max-width:35rem;margin:0 0 2rem}
.v4-controles{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.8rem}

/* Botón de acción: el elemento gris ES el contenedor y se despliega (referencia BIOS) */
.v4-accion{position:relative;z-index:5;width:18rem;max-width:100%;border-radius:1.8rem;background:rgba(170,180,205,.17);border:1px solid rgba(255,255,255,.26);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:width .5s var(--v3-ease),border-radius .5s var(--v3-ease),background-color .3s,box-shadow .3s}
.v4-accion:hover{background:rgba(170,180,205,.24)}
.v4-accion.is-abierto{width:26rem;border-radius:1.4rem;background:rgba(150,162,192,.22);box-shadow:0 30px 60px -24px rgba(0,0,0,.6)}
.v4-accion-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:.4rem .42rem .4rem 1.5rem;border:0;background:transparent;color:#fff;font:700 var(--t-base)/1 var(--v3-sans);cursor:pointer;border-radius:1.8rem}
.v4-accion-ic{display:grid;place-items:center;flex:none;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--v3-verde);color:var(--v4-tinta);font-size:1.05rem;transition:transform .45s var(--v3-ease),background-color .25s}
.v4-accion-btn:hover .v4-accion-ic{background:var(--v3-verde-claro)}
.v4-accion.is-abierto .v4-accion-ic{transform:rotate(90deg)}
.v4-accion-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--v3-ease)}
.v4-accion-interior{min-height:0;overflow:hidden;padding:0 .5rem .5rem}
.v3-js .v4-accion:not(.is-abierto) .v4-accion-panel{grid-template-rows:0fr}
.v3-js .v4-accion:not(.is-abierto) .v4-accion-interior{visibility:hidden;transition:visibility 0s .5s}
.v4-accion-lista{list-style:none;margin:0;padding:.2rem 0 0;display:grid;gap:.4rem}
.v4 .v4-op{display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem .7rem .7rem;border-radius:14px;color:#fff;text-decoration:none;background:rgba(255,255,255,.07);transition:background-color .2s}
.v4 .v4-op:hover{background:rgba(255,255,255,.15);color:#fff}
.v4-op-ic{display:grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;border-radius:11px;background:rgba(255,255,255,.12);font-size:1.1rem}
.v4-op-txt{display:flex;flex-direction:column;gap:.12rem;flex:1;min-width:0}
.v4-op-txt strong{font-size:var(--t-base)}
.v4-op-txt small{font-size:var(--t-sm);opacity:.85}
.v4-op-flecha{transition:transform .25s var(--v3-ease)}
.v4 .v4-op:hover .v4-op-flecha{transform:translateX(4px)}
.v4 .v4-op--principal{background:var(--v3-verde);color:var(--v4-tinta)}
.v4 .v4-op--principal:hover{background:var(--v3-verde-claro);color:var(--v4-tinta)}
.v4 .v4-op--principal .v4-op-ic{background:rgba(11,18,48,.12)}
.v4 .v4-op--principal small{opacity:1;font-weight:600}
.v4 .v4-op--suave{background:transparent;border:1px dashed rgba(255,255,255,.22)}
.v4 .v4-op--equipo{background:rgba(11,18,48,.35)}
.v4 .v4-accion-sep{margin:.8rem .5rem .4rem;font-size:var(--t-xs);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#aeb8d6}
.v3-mov .v4-accion.is-abierto .v4-op{animation:v3-sale .45s var(--v3-ease) both}
.v3-mov .v4-accion.is-abierto li:nth-child(2) .v4-op{animation-delay:.06s}
.v3-mov .v4-accion.is-abierto li:nth-child(3) .v4-op{animation-delay:.12s}
.v3-mov .v4-accion.is-abierto .v4-op--equipo{animation-delay:.18s}
.v3-mov .v4-accion:not(.is-abierto) .v4-accion-ic{animation:v3-pulso 2.8s ease-in-out 1.6s infinite}
@media(max-width:575.98px){.v4-accion,.v4-accion.is-abierto{width:100%}}

/* Botón independiente "Funciones de la DIMA" (rectangular, borde fino: no se confunde con el de acción) */
.v4 .v4-btn-funciones{display:inline-flex;align-items:center;gap:.7rem;min-height:3.5rem;padding:.4rem 1.2rem .4rem .45rem;border-radius:14px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-weight:700;background:transparent;transition:background-color .2s,border-color .2s}
.v4 .v4-btn-funciones:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
.v4-btn-funciones-ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:10px;background:rgba(157,182,255,.18);color:var(--v4-azul-claro);font-size:1.1rem}
.v4 .v4-conoce{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.8rem;color:#fff;text-decoration:none;font-weight:700;font-size:var(--t-base)}
.v4-conoce span:first-child{background-image:linear-gradient(var(--v3-verde),var(--v3-verde));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:.15rem}
.v4-conoce-ic{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(255,255,255,.4);transition:transform .3s var(--v3-ease),background-color .3s}
.v4 .v4-conoce:hover{color:#fff}
.v4 .v4-conoce:hover .v4-conoce-ic{transform:translateX(4px);background:var(--v3-verde);color:var(--v4-tinta);border-color:var(--v3-verde)}
.v4-hero-visual{position:relative}
.v4-hero-foto{margin:0;position:relative}
.v4-hero-foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:28px 28px 28px 6px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.v4-hero-foto figcaption{margin-top:.8rem;font-size:var(--t-sm);color:#aab4d2;line-height:1.45}
.v4 .v4-hero-chip{position:absolute;left:-1rem;top:1.2rem;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:999px;background:#fff;color:var(--v4-tinta);text-decoration:none;font-size:var(--t-sm);box-shadow:0 18px 36px -14px rgba(0,0,0,.55)}
.v4 .v4-hero-chip:hover{color:var(--v4-tinta);background:var(--v3-verde-fondo)}
@media(max-width:575.98px){.v4 .v4-hero-chip{left:.6rem}}
.v3-mov .v4-hero-txt>*{animation:v3-sube .8s var(--v3-ease) both}
.v3-mov .v4-hero-txt>:nth-child(2){animation-delay:.08s}
.v3-mov .v4-hero-txt>:nth-child(3){animation-delay:.16s}
.v3-mov .v4-hero-txt>:nth-child(4){animation-delay:.24s}
.v3-mov .v4-hero-txt>:nth-child(5){animation-delay:.32s}
.v3-mov .v4-hero-visual{animation:v3-aparece 1s var(--v3-ease) .2s both}
.v3-mov .v4-hero-chip{animation:v3-sube .7s var(--v3-ease) .9s both}

/* ============================ ¿QUÉ NECESITAS HOY? ============================ */
.v4-necesitas{background:#fff;padding:clamp(3rem,6vw,5rem) 0 0}
.v4-necesitas-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.2rem 2rem;margin-bottom:1.8rem}
.v4-tabs[hidden]{display:none}
.v4-tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.v4-tab{display:inline-flex;align-items:center;gap:.6rem;min-height:3.1rem;padding:.55rem 1.15rem;border-radius:14px;border:1.5px solid var(--v3-borde);background:#fff;color:var(--v3-tinta);font:700 var(--t-base) var(--v3-sans);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.v4-tab i{font-size:1.15rem}
.v4-tab:hover{border-color:var(--v3-navy)}
.v4-tab--investigador[aria-selected="true"]{background:var(--v4-azul);border-color:var(--v4-azul);color:#fff}
.v4-tab--estudiante[aria-selected="true"]{background:var(--v3-verde);border-color:var(--v3-verde);color:var(--v4-bosque)}
.v4-tab--empresa[aria-selected="true"]{background:var(--v4-grafito);border-color:var(--v4-grafito);color:var(--v4-oro)}
.v4-panel{overflow:hidden;padding:clamp(2.8rem,6vw,4.5rem) 0;min-height:26rem}
.v4-panel[hidden]{display:none}
.v4-panel:focus-visible{outline:3px solid var(--v3-verde);outline-offset:-3px}
.v3-mov .v4-panel:not([hidden]) .v4-panel-intro,.v3-mov .v4-panel:not([hidden]) .v4-empresa-intro{animation:v3-sube .6s var(--v3-ease) both}
.v3-mov .v4-panel:not([hidden]) .v4-rutas li,.v3-mov .v4-panel:not([hidden]) .v4-abiertas li,.v3-mov .v4-panel:not([hidden]) .v4-spinoffs{animation:v3-sube .6s var(--v3-ease) both}
.v3-mov .v4-panel:not([hidden]) .v4-rutas li:nth-child(2){animation-delay:.05s}
.v3-mov .v4-panel:not([hidden]) .v4-rutas li:nth-child(3){animation-delay:.1s}
.v3-mov .v4-panel:not([hidden]) .v4-rutas li:nth-child(4){animation-delay:.15s}
.v3-mov .v4-panel:not([hidden]) .v4-rutas li:nth-child(n+5){animation-delay:.2s}
.v4-panel-grid{display:grid;gap:2.2rem;align-items:start}
@media(min-width:992px){.v4-panel-grid{grid-template-columns:.9fr 1.1fr;gap:3.5rem}}
.v4 .v4-panel-rotulo{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:var(--t-sm);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.v4 .v4-panel-h3{font-size:var(--t-h2);line-height:1.08;font-weight:800;margin:0 0 1rem;letter-spacing:-.015em}
.v4 .v4-panel-lead{font-family:var(--v3-serif);font-size:var(--t-lead);line-height:1.6;margin:0 0 1.4rem;max-width:34rem}
.v4 .v4-panel-acciones{margin:0}
.v4-rutas{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.v4 .v4-rutas a{display:flex;align-items:flex-start;gap:.85rem;height:100%;padding:1.05rem 1.1rem;border-radius:16px;text-decoration:none;transition:transform .3s var(--v3-ease),background-color .25s,border-color .25s,box-shadow .25s}
.v4-rutas a>i{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;font-size:1.15rem}
.v4-rutas a span{display:flex;flex-direction:column;gap:.2rem}
.v4-rutas strong{font-size:var(--t-base);line-height:1.3}
.v4-rutas small{font-size:var(--t-sm);line-height:1.4}
.v3-mov .v4 .v4-rutas a:hover{transform:translateY(-3px)}
.v4-panel--investigador{background:linear-gradient(135deg,var(--v4-azul) 0%,#0e1846 100%);color:#fff}
.v4 .v4-panel--investigador .v4-panel-rotulo{color:var(--v4-azul-claro)}
.v4 .v4-panel--investigador .v4-panel-h3{color:#fff}
.v4 .v4-panel--investigador .v4-panel-lead{color:#cbd6f7}
.v4 .v4-rutas--investigador a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.v4 .v4-rutas--investigador a:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(157,182,255,.6)}
.v4-rutas--investigador a>i{background:rgba(157,182,255,.16);color:var(--v4-azul-claro)}
.v4-rutas--investigador small{color:#b9c6ee}
.v4-panel--estudiante{background:linear-gradient(160deg,var(--v4-brote) 0%,var(--v4-brote-2) 100%);color:var(--v4-bosque)}
.v4 .v4-panel--estudiante .v4-panel-rotulo{color:#3d5410}
.v4 .v4-panel--estudiante .v4-panel-h3{color:var(--v4-bosque)}
.v4 .v4-panel--estudiante .v4-panel-lead,.v4 .v4-panel--estudiante .v4-mini-titulo{color:#33451c}
.v4 .v4-btn-estudiante{background:var(--v4-bosque);color:#fff;border:2px solid var(--v4-bosque)}
.v4 .v4-btn-estudiante:hover{background:#2f5a24;color:#fff}
.v4 .v4-rutas--estudiante a{background:#fff;border:1px solid rgba(77,106,18,.18);color:var(--v4-bosque)}
.v4 .v4-rutas--estudiante a:hover{border-color:#4d6a12;color:var(--v4-bosque);box-shadow:0 14px 28px -18px rgba(32,64,26,.5)}
.v4-rutas--estudiante a>i{background:var(--v3-verde-fondo);color:#3d5410}
.v4-rutas--estudiante small{color:#4a5a35}
.v4-estudiante-col{display:grid;gap:1rem}
.v4 .v4-mini-titulo{margin:0;font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.v4-abiertas{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.6rem}
.v4 .v4-abiertas a{display:flex;flex-direction:column;gap:.35rem;padding:.95rem 1.1rem .95rem 1.25rem;border-radius:14px;background:#fff;border-left:5px solid var(--v3-verde);color:var(--v4-bosque);text-decoration:none;box-shadow:0 10px 24px -20px rgba(32,64,26,.6);transition:transform .3s var(--v3-ease)}
.v3-mov .v4 .v4-abiertas a:hover{transform:translateX(4px)}
.v4-abiertas-titulo{font-weight:700;line-height:1.3;font-size:var(--t-base)}
.v4-abiertas-meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:var(--t-sm);color:#4a5a35}
.v4-panel--empresa{background:radial-gradient(60% 80% at 90% 10%,#2a2416 0%,rgba(42,36,22,0) 60%),var(--v4-grafito);color:#eceae4}
.v4-empresa{display:grid;gap:2.2rem}
@media(min-width:992px){.v4-empresa{grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:center}}
.v4 .v4-panel--empresa .v4-panel-rotulo{color:var(--v4-oro)}
.v4 .v4-panel--empresa .v4-panel-h3{color:#fff;font-family:var(--v3-serif)!important;font-weight:700}
.v4 .v4-panel--empresa .v4-panel-lead{color:#c9c6bd}
.v4-empresa-contacto{display:grid;gap:.6rem;max-width:26rem}
.v4 .v4-empresa-contacto a{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:14px;border:1px solid rgba(224,181,74,.35);color:#fff;text-decoration:none;transition:background-color .2s}
.v4 .v4-empresa-contacto a:hover{background:rgba(224,181,74,.1);color:#fff}
.v4-empresa-contacto i{color:var(--v4-oro);font-size:1.2rem}
.v4-empresa-contacto span{display:flex;flex-direction:column;font-weight:600;overflow-wrap:anywhere}
.v4-empresa-contacto small{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:#bdb39a;font-weight:800}
.v4-empresa-col{display:grid;gap:.8rem}
.v4 .v4-spinoffs{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.2rem 1.3rem;border-radius:20px;background:#fff;color:var(--v4-grafito);text-decoration:none;transition:transform .3s var(--v3-ease),box-shadow .3s}
.v4 .v4-spinoffs:hover{color:var(--v4-grafito);box-shadow:0 20px 40px -20px rgba(224,181,74,.6)}
.v3-mov .v4 .v4-spinoffs:hover{transform:translateY(-3px)}
.v4-spinoffs-titulo{display:flex;flex-direction:column}
.v4-spinoffs-titulo small{font-size:var(--t-sm);color:#5b5a55}
.v4-spinoffs-logos{grid-column:1/-1;display:flex;gap:1rem;align-items:center;justify-content:space-between}
.v4-spinoffs-logos img{height:2.8rem;width:auto;max-width:30%;object-fit:contain}
.v4-spinoffs-flecha{grid-row:1;grid-column:2;font-size:1.2rem}
.v4 .v4-rutas--empresa a{background:var(--v4-grafito-2);border:1px solid #343a46;color:#fff}
.v4 .v4-rutas--empresa a:hover{border-color:var(--v4-oro);color:#fff}
.v4-rutas--empresa a>i{background:rgba(224,181,74,.14);color:var(--v4-oro)}
.v4-rutas--empresa small{color:#b8b3a6}

/* ============================ CONVOCATORIAS ============================ */
.v4 .v3-conv{background:var(--v4-niebla);overflow:hidden}

/* ============================== DIMA EN DATOS ============================== */
.v4-datos{overflow:hidden;color:#fff;padding:clamp(3.5rem,7vw,6rem) 0;background:radial-gradient(70% 80% at 0% 0%,#123f4d 0%,rgba(18,63,77,0) 60%),linear-gradient(180deg,var(--v4-mar) 0%,#071a22 100%);scroll-margin-top:1rem}
.v4 .v4-datos .v3-h2{color:#fff}
.v4 .v4-datos .v3-lead{color:#b9d3da}
.v4-datos-grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:992px){.v4-datos-grid{grid-template-columns:.8fr 1.2fr;gap:4rem}}
.v4-cifras .v3-cifra{background:rgba(7,26,34,.55);border-color:rgba(127,214,227,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.v4-cifras .v3-cifra::after{background:var(--v4-cian)}
.v4-cifras .v3-cifra>i{color:var(--v4-cian)}
.v4 .v4-cifras .v3-cifra-l{color:#c4dde3}
.v4-cifra-barra{display:block;height:4px;border-radius:4px;margin-top:.8rem;background:linear-gradient(90deg,var(--v3-verde),var(--v4-cian));transform-origin:left}
.v3-mov .v4 .v4-cifra-barra{transform:scaleX(0);transition:transform 1.4s var(--v3-ease) .3s}
.v3-mov .v4 .v3-cifra.v3-visible .v4-cifra-barra{transform:scaleX(1)}

/* ================================ UBICACIÓN ================================ */
.v4-ubicacion{overflow:hidden;background:#fff;padding:clamp(3.5rem,7vw,6rem) 0}
.v4-ubicacion-grid{display:grid;gap:2.2rem;align-items:center}
@media(min-width:992px){.v4-ubicacion-grid{grid-template-columns:1fr 1fr;gap:3.5rem}}
.v4-sedes{list-style:none;margin:1.4rem 0;padding:0;display:grid;gap:.9rem}
.v4 .v4-sede{display:flex;gap:.9rem;align-items:flex-start;font-size:var(--t-base);line-height:1.5;color:var(--v3-tinta)}
.v4-sede strong{color:var(--v3-navy)}
.v4-sede-ic{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:12px;background:var(--v3-navy);color:var(--v3-verde-claro);font-size:1.1rem}
.v4-correos{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}
.v4 .v4-correos a{display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;border-radius:14px;border:1px solid var(--v3-borde);background:#fff;color:var(--v3-navy);font-weight:700;font-size:var(--t-base);text-decoration:none;overflow-wrap:anywhere;transition:border-color .2s,background-color .2s}
.v4 .v4-correos a:hover{border-color:var(--v3-navy);background:var(--v4-niebla);color:var(--v3-navy)}
.v4-correos small{font-size:var(--t-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v3-verde-texto)}
.v4-mapa{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(27,34,66,.45);border:6px solid #fff;outline:1px solid var(--v3-borde)}
.v4-mapa iframe{display:block;width:100%;aspect-ratio:4/3;border:0}
.v4 .v4-mapa-enlace{position:absolute;right:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:var(--v3-navy);color:#fff;font-weight:700;font-size:var(--t-sm);text-decoration:none}
.v4 .v4-mapa-enlace:hover{background:var(--v3-navy-2);color:#fff}

/* ================================ EXPLORA ================================ */
.v4-explora{background:var(--v4-niebla);padding:clamp(2.5rem,5vw,3.5rem) 0;border-top:1px solid var(--v3-borde)}
.v4 .v4-explora-h2{font-size:var(--t-h2)!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-tinta-2);margin:0 0 1rem}
.v4-explora-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.v4 .v4-explora-lista a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:#fff;border:1px solid var(--v3-borde);color:var(--v3-navy);font-weight:600;font-size:var(--t-base);text-decoration:none}
.v4 .v4-explora-lista a:hover{border-color:var(--v3-navy)}

/* ============================== DIÁLOGOS ============================== */
.v4-dialogo,.v4-cajon{border:0;padding:0;color:inherit;max-width:none;max-height:none;font-family:var(--v3-sans)}
.v4-dialogo::backdrop,.v4-cajon::backdrop{background:rgba(11,18,48,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.v4-dialogo{width:min(56rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);border-radius:26px;background:var(--v4-tinta);color:#fff;overflow:auto}
.v4-dialogo-cuerpo{position:relative;isolation:isolate;padding:clamp(1.5rem,4vw,2.8rem)}
.v4-dialogo-cuerpo>*:not(.fx){position:relative;z-index:1}
.v4-dialogo-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.v4 .v4-dialogo-titulo{font-size:var(--t-h2)!important;font-weight:800;line-height:1.05;margin:0;color:inherit}
.v4-cerrar{flex:none;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font-size:var(--t-base);opacity:.85}
.v4-cerrar:hover{opacity:1}
.v4 .v4-dialogo-intro{font-family:var(--v3-serif);font-size:var(--t-base);line-height:1.6;color:#cdd5ec;margin:0 0 1.5rem;max-width:42rem}
.v4-funciones{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}
.v4-funciones li{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.2rem;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.v4-fn-n{flex:none;font-size:1.6rem;font-weight:800;line-height:1;color:var(--v3-verde-claro);font-variant-numeric:tabular-nums}
.v4 .v4-funciones p{margin:0;font-size:var(--t-base);line-height:1.55;color:#e4e9f7}
.v4 .v4-dialogo-pie{margin:1.6rem 0 0}
.v4 .v4-btn-claro{background:var(--v3-verde);color:var(--v4-tinta);border:2px solid var(--v3-verde)}
.v4 .v4-btn-claro:hover{background:var(--v3-verde-claro);color:var(--v4-tinta)}
.v4-cajon{margin:0 0 0 auto;height:100vh;width:min(48rem,100vw);background:#fff;color:var(--v3-tinta);overflow:auto;border-radius:26px 0 0 26px}
.v4-cajon-cuerpo{padding:clamp(1.4rem,3vw,2.4rem)}
.v4 .v4-cajon .v4-dialogo-titulo{color:var(--v3-navy)}
.v4 .v4-cajon .v3-nota-equipo{margin-bottom:1.4rem;border-radius:14px;max-width:none}
.v4-cajon .v3-equipo{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr))}
.v4-cajon .v3-perfil--destacado{grid-column:1/-1}
.v3-mov .v4-dialogo[open]{animation:v4-dlg .45s var(--v3-ease)}
.v3-mov .v4-cajon[open]{animation:v4-cajon .5s var(--v3-ease)}
.v3-mov .v4-dialogo[open] .v4-funciones li{animation:v3-sube .5s var(--v3-ease) both}
.v3-mov .v4-dialogo[open] .v4-funciones li:nth-child(2){animation-delay:.06s}
.v3-mov .v4-dialogo[open] .v4-funciones li:nth-child(3){animation-delay:.12s}
.v3-mov .v4-dialogo[open] .v4-funciones li:nth-child(4){animation-delay:.18s}
.v3-mov .v4-dialogo[open] .v4-funciones li:nth-child(5){animation-delay:.24s}
@keyframes v4-dlg{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes v4-cajon{from{transform:translateX(100%)}to{transform:none}}

/* ============================ PÁGINAS INTERNAS ============================ */
.v4-pagina-hero{overflow:hidden;padding:clamp(2.6rem,6vw,5rem) 0 clamp(2.8rem,6vw,4.5rem);color:#fff;background:radial-gradient(60% 80% at 90% 20%,rgba(34,56,138,.7) 0%,rgba(34,56,138,0) 65%),var(--v4-tinta)}
.v4-pagina-hero--papel{background:var(--v4-papel);color:var(--v3-tinta)}
.v4-pagina-hero--claro{background:linear-gradient(180deg,#fff 0%,var(--v4-niebla) 100%);color:var(--v3-tinta)}
.v4 .v4-migas{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.4rem;padding:0;list-style:none;font-size:var(--t-sm)}
.v4 .v4-migas li{font-size:var(--t-sm)}
.v4 .v4-migas li+li::before{content:"›";margin-right:.4rem;opacity:.6}
.v4 .v4-migas a{color:inherit;opacity:.85}
.v4 .v4-migas [aria-current]{opacity:.75}
.v4 .v4-pagina-h1{font-size:var(--t-h1);font-weight:800;line-height:1.02;margin:0 0 1rem;letter-spacing:-.02em;max-width:18ch;color:inherit}
.v4-pagina-hero--papel .v4-pagina-h1 em,.v4-pagina-hero--claro .v4-pagina-h1 em{color:var(--v3-verde-texto)}
.v4 .v4-pagina-lead{font-family:var(--v3-serif);font-size:var(--t-lead);line-height:1.6;max-width:40rem;margin:0;color:#cdd5ec}
.v4 .v4-pagina-hero--papel .v4-pagina-lead,.v4 .v4-pagina-hero--claro .v4-pagina-lead{color:var(--v3-tinta-2)}
.v4 .v4-editar{display:inline-flex;align-items:center;gap:.3rem;margin-left:.6rem;font-size:var(--t-sm);font-weight:600;vertical-align:middle;color:var(--v3-verde-claro);letter-spacing:0}
.v4 .v4-pagina-hero--papel .v4-editar,.v4 .v4-pagina-hero--claro .v4-editar{color:var(--v3-verde-texto)}
.v4-cuerpo{padding:clamp(3rem,6vw,5rem) 0;background:#fff}
.v4-cuerpo--niebla{background:var(--v4-niebla)}
.v4-cuerpo--papel{background:#fbfaf6}
.v3-mov .v4-pagina-hero .container>*{animation:v3-sube .7s var(--v3-ease) both}
.v3-mov .v4-pagina-hero .container>:nth-child(2){animation-delay:.06s}
.v3-mov .v4-pagina-hero .container>:nth-child(3){animation-delay:.12s}
.v3-mov .v4-pagina-hero .container>:nth-child(n+4){animation-delay:.18s}

/* Prosa del Panel (HTML de la DIMA) con estilo del sistema */
.v4 .v4-prosa{font-size:var(--t-base);line-height:1.7;color:var(--v3-tinta);max-width:48rem}
.v4 .v4-prosa p,.v4 .v4-prosa li{color:var(--v3-tinta);font-size:var(--t-base);line-height:1.65}
.v4 .v4-prosa h1,.v4 .v4-prosa h2,.v4 .v4-prosa h3{font-size:var(--t-lg)!important;line-height:1.3;font-weight:800;color:var(--v3-navy);margin:2rem 0 .9rem}
.v4 .v4-prosa>:first-child{margin-top:0}
.v4 .v4-prosa ul{list-style:none;padding:0;margin:0 0 1.4rem;display:grid;gap:.55rem}
.v4 .v4-prosa ul li{position:relative;padding:.85rem 1rem .85rem 2.6rem;border-radius:14px;background:var(--v4-niebla);border:1px solid var(--v3-borde)}
.v4 .v4-prosa ul li::before{content:"";position:absolute;left:1.05rem;top:1.3rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--v3-verde)}
.v4 .v4-prosa a{color:var(--v3-navy);font-weight:600}

/* Conoce la DIMA */
.v4-conoce-grid{display:grid;gap:2.5rem}
@media(min-width:992px){.v4-conoce-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4rem;align-items:start}}
.v4-conoce-aside{display:grid;gap:1rem}
@media(min-width:992px){.v4-conoce-aside{position:sticky;top:1.5rem}}
.v4-tarjeta-accion{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;border-radius:22px;background:var(--v4-tinta);color:#fff}
.v4-tarjeta-accion>*:not(.fx){position:relative;z-index:1}
.v4 .v4-tarjeta-accion h2{font-size:var(--t-lg)!important;font-weight:800;margin:0;color:#fff}
.v4 .v4-tarjeta-accion p{margin:0;color:#cdd5ec;font-size:var(--t-base);line-height:1.5}
.v4-tarjeta-accion .v4-btn-funciones{margin-top:.5rem;align-self:flex-start}
.v4-mision{display:grid;gap:1rem;margin-top:3rem}
@media(min-width:768px){.v4-mision{grid-template-columns:1fr 1fr}}
.v4-mision-item{position:relative;overflow:hidden;padding:1.8rem;border-radius:24px;background:var(--v4-brote);color:var(--v4-bosque)}
.v4-mision-item:nth-child(2){background:#e7ecfb;color:var(--v4-azul)}
.v4 .v4-mision-item h3{font-size:var(--t-sm)!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;color:inherit}
.v4 .v4-mision-item p{margin:0;font-family:var(--v3-serif);font-size:var(--t-base);line-height:1.65;color:inherit}
.v4-enlaces-rapidos{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.v4 .v4-enlaces-rapidos a{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.1rem;border-radius:14px;border:1px solid var(--v3-borde);background:#fff;color:var(--v3-navy);font:700 var(--t-base) var(--v3-sans);text-decoration:none}
.v4 .v4-enlaces-rapidos a:hover{border-color:var(--v3-navy);background:var(--v4-niebla)}

/* Solicitudes (formatos) */
.v4-sol-stats{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:1.6rem 0 0;padding:0;list-style:none;font-size:var(--t-base);color:var(--v3-tinta-2)}
.v4-sol-stats strong{color:var(--v3-navy);font-size:1.4rem;font-weight:800;margin-right:.3rem}
.v4-sol-acciones{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:1.6rem}
.v4 .v4-btn-todo{display:inline-flex;align-items:center;gap:.8rem;min-height:3.6rem;padding:.5rem 1.5rem .5rem .6rem;border-radius:16px;background:var(--v3-navy);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 18px 36px -18px rgba(27,34,66,.7);transition:background-color .2s,transform .25s var(--v3-ease)}
.v4 .v4-btn-todo:hover{background:var(--v3-navy-2);color:#fff}
.v3-mov .v4 .v4-btn-todo:hover{transform:translateY(-2px)}
.v4-btn-todo-ic{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:11px;background:var(--v3-verde);color:var(--v3-navy);font-size:1.15rem}
.v4-btn-todo span span{display:block}
.v4-btn-todo small{display:block;font-weight:600;font-size:var(--t-xs);opacity:.8}
.v4-buscador{position:relative;flex:1 1 18rem;max-width:26rem;margin:0}
.v4-buscador i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--v3-tinta-2)}
.v4-buscador input{width:100%;min-height:3.6rem;padding:.6rem 1rem .6rem 2.7rem;border-radius:16px;border:1.5px solid #d8d2c2;background:#fff;font:500 var(--t-base) var(--v3-sans);color:var(--v3-tinta)}
.v4-buscador input:focus{outline:3px solid var(--v3-verde);outline-offset:1px;border-color:var(--v3-navy)}
.v4-indice{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none}
.v4 .v4-indice a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--v3-borde);color:var(--v3-navy);font-size:var(--t-sm);font-weight:600;text-decoration:none}
.v4 .v4-indice a:hover{border-color:var(--v3-navy)}
.v4-indice span{font-size:var(--t-xs);color:var(--v3-tinta-2)}
.v4-areas{display:grid;gap:1.2rem}
.v4-area{padding:clamp(1.2rem,3vw,1.8rem);border-radius:22px;background:#fff;border:1px solid var(--v3-borde);scroll-margin-top:1rem}
.v4-area[hidden]{display:none}
.v4-area:target{border-color:var(--v3-navy);box-shadow:0 0 0 3px rgba(148,180,59,.45)}
.v4-area-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.2rem;margin-bottom:1rem}
.v4 .v4-area-titulo{display:flex;align-items:center;gap:.8rem;margin:0;font-size:var(--t-lg)!important;font-weight:800;color:var(--v3-navy)}
.v4-area-ic{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:12px;background:var(--v4-papel);color:var(--v3-navy);font-size:1.15rem}
.v4-area-n{display:block;font-size:var(--t-sm);font-weight:600;color:var(--v3-tinta-2);letter-spacing:0}
.v4 .v4-btn-area{display:inline-flex;align-items:center;gap:.5rem;min-height:2.7rem;padding:.45rem 1rem;border-radius:12px;border:1.5px solid var(--v3-navy);color:var(--v3-navy);font-weight:700;font-size:var(--t-sm);text-decoration:none}
.v4 .v4-btn-area:hover{background:var(--v3-navy);color:#fff}
.v4-archivos{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.v4-archivo{display:flex;align-items:center;gap:.9rem;padding:.75rem .8rem .75rem 1rem;border-radius:14px;background:var(--v4-niebla);border:1px solid transparent;transition:border-color .2s,background-color .2s}
.v4-archivo:hover{border-color:var(--v3-borde);background:#fff}
.v4-archivo[hidden]{display:none}
.v4-archivo-ic{flex:none;font-size:1.5rem}
.v4-archivo-ic--pdf{color:#b3261e}.v4-archivo-ic--word{color:#1f5fbf}.v4-archivo-ic--hoja{color:#1e7b3c}
.v4-archivo-nombre{flex:1;min-width:0;font-weight:600;font-size:var(--t-base);color:var(--v3-tinta);overflow-wrap:anywhere}
.v4-archivo-tipo{flex:none;padding:.18rem .5rem;border-radius:6px;background:#fff;border:1px solid var(--v3-borde);font-size:var(--t-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--v3-tinta-2)}
.v4 .v4-btn-descargar{flex:none;display:inline-flex;align-items:center;gap:.45rem;min-height:2.6rem;padding:.4rem .95rem;border-radius:11px;background:var(--v3-verde);color:var(--v3-navy);font-weight:800;font-size:var(--t-sm);text-decoration:none;transition:background-color .2s}
.v4 .v4-btn-descargar:hover{background:var(--v3-verde-claro);color:var(--v3-navy)}
.v4 .v4-paquete{margin:.9rem 0 0;font-size:var(--t-sm);color:var(--v3-tinta-2)}
.v4 .v4-paquete a{color:var(--v3-navy);font-weight:600}
.v4-sin-resultados{padding:1rem 1.2rem;border-radius:14px;background:#fff8e6;border:1px solid #f0dca8;color:#5c4300}
.v4-sin-resultados[hidden]{display:none}
@media(max-width:575.98px){.v4-archivo{flex-wrap:wrap}.v4-archivo-nombre{flex-basis:calc(100% - 3rem)}.v4 .v4-btn-descargar{margin-left:auto}}

/* Vista completa de convocatoria */
.v4-conv-hero{background:radial-gradient(60% 80% at 90% 30%,rgba(34,56,138,.9) 0%,rgba(34,56,138,0) 65%),var(--v4-tinta)}
.v4 .v4-conv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:var(--t-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#cfd8f5}
.v4 .v4-conv-h1{font-size:var(--t-h1);max-width:30ch}
.v4-conv-datos{display:grid;gap:.8rem;margin:2rem 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));max-width:56rem}
.v4-conv-datos div{padding:1rem 1.1rem;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.v4 .v4-conv-datos dt{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#aeb8d6;margin-bottom:.35rem}
.v4 .v4-conv-datos dd{margin:0;font-size:var(--t-base);font-weight:700;color:#fff;line-height:1.35}
.v4-conv-datos .v4-dato-destacado{background:var(--v3-verde);border-color:var(--v3-verde)}
.v4 .v4-conv-datos .v4-dato-destacado dt{color:#2d3d0c}
.v4 .v4-conv-datos .v4-dato-destacado dd{color:var(--v4-tinta)}
.v4-conv-botones{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
.v4 .v4-btn-linea-claro{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}
.v4 .v4-btn-linea-claro:hover{background:#fff;color:var(--v4-tinta)}
.v4-conv-grid{display:grid;gap:2.5rem}
@media(min-width:992px){.v4-conv-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:3.5rem;align-items:start}}
.v4-conv-bloque{margin-bottom:2.4rem}
.v4 .v4-conv-h2{font-size:var(--t-sm)!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-verde-texto);margin:0 0 1rem}
.v4-conv-aside{display:grid;gap:1.2rem}
@media(min-width:992px){.v4-conv-aside{position:sticky;top:1.5rem}}
.v4-caja{padding:1.4rem;border-radius:22px;background:var(--v4-niebla);border:1px solid var(--v3-borde)}
.v4-docs{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.v4 .v4-docs a{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border-radius:12px;background:#fff;border:1px solid var(--v3-borde);color:var(--v3-navy);font-weight:600;font-size:var(--t-base);text-decoration:none;overflow-wrap:anywhere}
.v4 .v4-docs a:hover{border-color:var(--v3-navy)}
.v4-docs i{font-size:1.2rem;color:var(--v3-verde-texto);flex:none}
.v4-conv-img{display:block;width:100%;height:auto;border-radius:18px;margin-bottom:1.2rem}
.v4 .v4-volver{margin:2rem 0 0}
.v4 .v4-conv-ficha div{grid-template-columns:minmax(7rem,40%) 1fr}

@media(prefers-reduced-motion:reduce){
  html:not(.v3-forzar) .v4 *,html:not(.v3-forzar) .v4-dialogo,html:not(.v3-forzar) .v4-cajon{animation:none!important;transition:none!important}
}
/* La red se desvanece hacia el texto para no restar legibilidad */
.fx--red{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.35) 35%,#000 70%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.35) 35%,#000 70%)}
.fx--rejilla svg,.fx--circuito svg,.fx--brotes svg,.fx--documentos svg,.fx--orbitas svg{-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 75%);mask-image:linear-gradient(90deg,transparent 30%,#000 75%)}
/* dima-styles.css (heredado) fija .container{width:500px}: se anula dentro del sistema */
.v4 .container{width:100%}
.v4 .container{left:auto!important;top:auto;height:auto;min-height:0;margin-top:0;margin-bottom:0}
@media(min-width:1200px){.v4 .container{max-width:1200px}}
.v4-dialogo,.v4-cajon,.v4-dialogo p,.v4-cajon p{text-align:left}
.v4 .v4-btn-funciones{font-size:var(--t-base);line-height:1.2}
.v4 .v4-archivo .v3-por-completar{font-size:var(--t-sm);flex:none}
