/* Ajustes propios de la maqueta VTI sobre los estilos de uchile.cl. */

/* Anclas internas: las secciones-ancla del sitio llevan texto oculto */
.vti-temas section[id],.vti-servicios section[id],.vti-direcciones section[id],.col1 section[id],.col5 section[id]{height:0;overflow:hidden;margin:0}

/* Selector de versión */
.vti-version{position:fixed;left:16px;bottom:16px;z-index:9999;background:rgba(2,74,147,.92);color:#fff !important;font:500 13px/1 Raleway,sans-serif;padding:10px 14px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.25);text-decoration:none !important;opacity:.55;transition:opacity .2s}
.vti-version:hover{opacity:1}

/* Servicios y trámites: tarjeta con ícono, nombre y bajada (sobre los botones con borde del sitio) */
.vti-servicios .btn-borde .bxslider{display:grid !important;grid-template-columns:repeat(3,1fr);gap:24px;width:auto !important;transform:none !important}
.vti-servicios .btn-borde .mod__item.vti-servicio{width:auto !important;float:none !important;margin:0 !important;height:auto !important;min-height:0 !important;background:#fff;border:1px solid #024a93;box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);transition:box-shadow .2s,transform .2s}
.vti-servicios .btn-borde .mod__item.vti-servicio:hover{box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-2px)}
.vti-servicios .vti-servicio .carousel-caption{position:static !important;display:flex !important;align-items:center;gap:18px;padding:22px 24px !important;text-align:left !important;height:100%}
.vti-servicios .vti-servicio__ico{display:block !important;flex:0 0 56px;width:56px;height:56px;object-fit:contain}
.vti-servicios .vti-servicio .mod__item-title{margin:0 0 4px !important;text-align:left !important;font-size:18px !important;line-height:1.25 !important}
.vti-servicios .vti-servicio .mod__item-title a{padding:0 !important;display:inline !important;min-height:0 !important}
.vti-servicios .vti-servicio .mod__item-title a:after{position:static !important;margin-left:6px}
.vti-servicios .vti-servicio__bajada{margin:0;font:400 14px/1.4 Raleway,sans-serif;color:#555}
.vti-servicios .vti-servicio .carousel-caption>div{flex:1}
.vti-contacto-mesa{clear:both;margin:28px auto 0;max-width:820px;background:#fff;border-radius:4px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);padding:16px 24px;text-align:center}
.vti-contacto-mesa p{margin:0;font:400 16px/1.5 Raleway,sans-serif;color:#333}
.vti-contacto-mesa strong{color:#024a93;margin-right:10px}
.vti-contacto-mesa a{color:#024a93;font-weight:600;margin-right:16px}
@media (max-width:991px){.vti-servicios .btn-borde .bxslider{grid-template-columns:1fr}}

/* Temas: siete tarjetas (cuatro y tres centradas); en la versión limpia, seis en tres columnas */
.vti-temas{padding-bottom:20px}
.vti-limpia .vti-temas .btn-azul-foto .bxslider{max-width:960px;margin-left:auto !important;margin-right:auto !important}

/* Direcciones y oficinas: título blanco sobre el fondo azul del carrusel */
.vti-direcciones-titulo{padding:60px 0 30px}
.vti-direcciones-titulo .titulo .mod__title{font-family:"Crimson Text",serif;font-size:50px;font-weight:400;line-height:1.01;color:#333;text-align:center;margin:0}
.vti-servicios .vti-servicio figure{display:block !important;flex:0 0 56px;margin:0 !important;width:56px;height:56px}
.vti-servicios .vti-servicio .mod__item-title a{border:0 !important;color:#024a93 !important;font-weight:600}
.vti-servicios .vti-servicio .mod__item-title a:hover{text-decoration:underline !important}

/* Bajada: los tres párrafos del encabezado, separados */
.vti-bajada .mod__aside p{margin:0 0 12px !important}
.vti-bajada .mod__aside p:last-child{margin-bottom:0 !important}
.vti-limpia .vti-temas .btn-azul-foto .mod__item{flex:0 0 300px !important;width:300px !important;max-width:300px !important}

/* Direcciones y oficinas: todas a la vista, en tarjetas (reemplaza el carrusel) */
.vti-unidades{background:#0f2b5b;padding:60px 0 70px}
.vti-unidades__titulo{font-family:"Crimson Text",serif;font-size:50px;font-weight:400;line-height:1.01;color:#fff;text-align:center;margin:0 0 40px}
.vti-unidades__grilla{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
.vti-unidad{flex:0 0 calc((100% - 60px)/3)}
.vti-unidad{background:#fff;box-shadow:2px 2px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column}
.vti-unidad__img{margin:0}
.vti-unidad__img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.vti-unidad__cuerpo{padding:24px 26px 28px !important;flex:1;width:auto !important;float:none !important}
.vti-unidad__cuerpo h3{font-family:Raleway,sans-serif;font-size:22px;font-weight:600;color:#333;margin:0 0 12px;line-height:1.25}
.vti-unidad__cuerpo p{font:400 15px/1.5 Raleway,sans-serif;color:#555;margin:0 0 12px}
.vti-unidad__cuerpo ul{margin:16px 0 0;padding:0}
@media (max-width:991px){.vti-unidad{flex-basis:100%}.vti-unidades__titulo{font-size:38px}}

/* Accesos directos bajo la bajada (como los botones de la subportada Desarrollo Inclusivo) */
.vti-accesos{clear:both;display:flex;justify-content:center;gap:30px;padding:20px 0 60px}
.vti-acceso{flex:0 1 360px;display:flex;align-items:center;gap:18px;padding:22px 28px;border-radius:4px;background:linear-gradient(101deg,#024a93 20.64%,#04376a 101.99%);box-shadow:2px 2px 4px 0 rgba(0,0,0,.25);color:#fff !important;font:700 20px/1.2 Raleway,sans-serif;text-decoration:none !important;transition:transform .2s,box-shadow .2s}
.vti-acceso:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.25)}
.vti-acceso img{width:44px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}
.vti-acceso--alerta{background:linear-gradient(101deg,#c4362c 20.64%,#8f2018 101.99%)}
@media (max-width:991px){.vti-accesos{flex-direction:column;align-items:stretch;gap:14px;padding:10px 16px 40px}.vti-acceso{flex-basis:auto}}

/* Franjas: Temas sobre gris claro; Servicios sobre foto oscura (servidores de la VTI) en vez del degradado verde de la VID */
.vti-temas{background:#eef1f4;padding:50px 0 60px !important;margin:0 !important}
.vti-servicios{background:linear-gradient(rgba(6,28,58,.86),rgba(6,28,58,.86)),url(img/hero-slider.jpg) center/cover no-repeat !important}
.vti-servicios .mod__title{color:#fff !important}
.vti-servicios:before{display:none !important}

/* ---- v2: estructura por ejes (14 de octubre de 2026) ---- */

/* Bajada: el propósito como frase destacada, en la tipografía de títulos del sitio */
.vti-bajada .mod__aside p.vti-proposito{font-family:"Crimson Text",serif !important;font-size:30px !important;line-height:1.2 !important;color:#024a93 !important;margin:0 0 20px !important}
@media (max-width:991px){.vti-bajada .mod__aside p.vti-proposito{font-size:24px !important}}

/* Qué hacemos: cuatro ejes en tarjetas tipográficas sobre gris claro */
.vti-ejes{background:#eef1f4;padding:60px 0 70px}
.vti-ejes__titulo{font-family:"Crimson Text",serif;font-size:50px;font-weight:400;line-height:1.01;color:#333;text-align:center;margin:0 0 16px}
.vti-ejes__bajada{max-width:760px;margin:0 auto 44px;text-align:center;font:400 18px/1.5 Raleway,sans-serif;color:#555}
.vti-ejes__grilla{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.vti-eje{background:#fff;border-top:4px solid #024a93;box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);padding:28px 26px 30px;display:flex;flex-direction:column}
.vti-eje__num{font:700 14px/1 Raleway,sans-serif;color:#024a93;letter-spacing:.08em}
.vti-eje__verbo{font-family:"Crimson Text",serif !important;font-size:36px !important;font-weight:400 !important;line-height:1.1 !important;color:#024a93 !important;margin:10px 0 14px !important}
.vti-eje p{font:400 15px/1.55 Raleway,sans-serif;color:#444;margin:0 0 20px;flex:1}
.vti-eje__quienes{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #dde3ea}
.vti-eje__quienes li{margin:0 0 8px;padding:0}
.vti-eje__quienes li:before{display:none !important}
.vti-eje__quienes a{font:600 14px/1.35 Raleway,sans-serif;color:#024a93 !important;text-decoration:none !important}
.vti-eje__quienes a:after{content:" \2192"}
.vti-eje__quienes a:hover{text-decoration:underline !important}
@media (max-width:1199px){.vti-ejes__grilla{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.vti-ejes__grilla{grid-template-columns:1fr}.vti-ejes__titulo{font-size:38px}}

/* Conocimiento para el país: foto de la Torre 15 y texto con tres entradas */
.vti-pais{background:#fff;padding:70px 0}
.vti-pais__caja{display:grid;grid-template-columns:5fr 7fr;gap:50px;align-items:center}
.vti-pais__img{margin:0}
.vti-pais__img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:2px 2px 4px 0 rgba(0,0,0,.25)}
.vti-pais__titulo{font-family:"Crimson Text",serif;font-size:46px;font-weight:400;line-height:1.05;color:#333;margin:0 0 18px}
.vti-pais__texto>p{font:400 17px/1.6 Raleway,sans-serif;color:#444;margin:0 0 28px}
.vti-pais__lista{list-style:none;margin:0;padding:0}
.vti-pais__lista li{margin:0;padding:0;border-top:1px solid #dde3ea}
.vti-pais__lista li:last-child{border-bottom:1px solid #dde3ea}
.vti-pais__lista li:before{display:none !important}
.vti-pais__lista a{display:block;padding:16px 36px 16px 0;position:relative;text-decoration:none !important}
.vti-pais__lista a:after{content:"\2192";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#024a93;font-size:20px}
.vti-pais__lista strong{display:block;font:600 18px/1.3 Raleway,sans-serif;color:#024a93}
.vti-pais__lista span{display:block;font:400 15px/1.45 Raleway,sans-serif;color:#555;margin-top:4px}
.vti-pais__lista a:hover strong{text-decoration:underline}
@media (max-width:991px){.vti-pais__caja{grid-template-columns:1fr;gap:28px}.vti-pais__img img{aspect-ratio:16/9}.vti-pais__titulo{font-size:36px}}

/* Direcciones y oficinas: etiqueta del eje al que pertenece cada unidad */
.vti-unidad__eje{display:inline-block;font:700 12px/1 Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#024a93;padding:6px 10px;border-radius:2px;margin:0 0 14px}
/* Las listas de cada eje parten a la misma altura aunque tengan dos o tres entradas */
.vti-eje__quienes{min-height:104px}

/* Íconos de enlace como en el resto de uchile.cl: flecha para lo interno, ícono de
   enlace externo para lo que abre en otra pestaña (target=_blank) */
.vti-eje__quienes a:after{content:"\ea3c";font-family:"icomoon" !important;font-size:11px;margin-left:6px;vertical-align:1px}
.vti-eje__quienes a[target=_blank]:after{content:"\e915"}
.vti-pais__lista a:after{content:"\ea3c";font-family:"icomoon" !important;font-size:16px}
.vti-pais__lista a[target=_blank]:after{content:"\e915"}