/* Hoja propia de la maqueta "Vicerrectoría de Tecnologías de la Información" (subsistema .vti).
   En uchile.cl todas las hojas se cargan en todas las páginas: cada regla va bajo .vti
   para no tocar otras subportadas. En uchile.cl usa solo variables del sistema (referencia/tokens.md)
   y un solo color propio, en el rol --acento. */

.vti {
  --acento: var(--azul-profundo);
}

/* Temas: Botones de la zona cuatro sobre banda gris, primera banda de ancho completo bajo la presentación. */
.vti .subportada__cuatro { background: var(--gris-claro); padding: var(--espacio-60) 0; }

/* Direcciones y oficinas: seis Bloques del sistema en grilla de tres; el primero es el título de la banda. */
.vti .subportada__catorce .container { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--espacio-30); }
.vti .subportada__catorce .container > .mod { margin: 0; }
.vti .subportada__catorce .container > .mod:first-child { grid-column: 1 / -1; }

@media (max-width: 1024px) {
  .vti .subportada__catorce .container { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .vti .subportada__catorce .container { grid-template-columns: 1fr; }
}

/* Ritmo entre bandas: el kit especiales no separa las zonas cuando la clase no es de VID. */
.vti .subportada__cols.col2,
.vti .subportada__cols.col3,
.vti .subportada__trece,
.vti .subportada__catorce,
.vti .subportada__cols.col5 { padding: var(--espacio-60) 0; }

/* Bloques grises (unidades y Mesa de ayuda): el kit especiales les quita el relleno y el filete del sistema,
   y les pone el título especial de 50px, que es para títulos de banda. */
.vti.especiales .subportada__catorce .container > .mod:not(:first-child),
.vti.especiales .subportada__seis .mod { padding: var(--espacio-20); border-top: 1px solid var(--filete); }
.vti.especiales .subportada__catorce .container > .mod:not(:first-child) .mod__title,
.vti.especiales .subportada__seis .mod .mod__title { font-family: var(--font-titulo); font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: var(--espacio-10); }

/* Sin la línea azul de la Bajada: aquí la sigue una banda con fondo, y la línea pegada o suelta parece un error
   (Carlos, 18 de octubre). */
.vti .subportada__uno { padding-bottom: var(--espacio-40); }
.vti .subportada__uno .bajada::after { display: none; }