@charset "UTF-8";
/*
CTC Separate Stylesheet
Updated: 2025-02-17 12:28:16
*/

/* estilos para el buscador */
.header-tools {
  display: flex;
  align-items: center;
  gap: 10px; /* Espaciado entre el buscador y los botones */
}

.custom-search {
  position: relative; /* Para que el icono se posicione dentro del campo */
  flex-grow: 1; /* Permite que el buscador tome el espacio disponible */
}

.custom-search input.search-field {
  width: 260px; /* Ajusta el ancho del campo de búsqueda */
  padding: 6px 12px 6px 36px; /* Añade espacio para el ícono dentro del campo */
  border: 1px solid #ddd;
  border-radius: 1px; /* Bordes redondeados */
  font-size: 14px; /* Tamaño de texto */
  height: 38px; /* Ajusta la altura del campo */
  box-sizing: border-box;
}

.custom-search input.search-field::placeholder {
  color: #4d4d4d;
}

.custom-search .search-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  font-size: 16px; /* Tamaño del icono */
  color: #373737; /* Color del icono */
  pointer-events: none; /* Evita que el icono sea clickeable */
}

.accessibility-tools button {
  background: #fff;
  border: 1.5px solid #a8b7c7;
  border-radius: 4px;
  padding: 5px 10px; /* Ajusta el tamaño de los botones */
  cursor: pointer;
  font-size: 14px; /* Tamaño del texto en los botones */
}

.accessibility-tools button:hover {
  background: #f0f0f0;
}

@media (max-width: 768px) {
  .header-tools {
    flex-direction: column; /* Apila el buscador y los botones en dispositivos pequeños */
    align-items: flex-start;
  }

  .custom-search input.search-field {
    width: 100%; /* Ajusta el ancho del buscador al 100% en móviles */
  }
}

.ajax-search-results {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  z-index: 9999;
  display: none;
}

.ajax-search-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ajax-search-results li {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.ajax-search-results li a {
  text-decoration: none;
  color: #333;
  display: block;
}

.ajax-search-results li:hover {
  background-color: #f7f7f7;
}

/* Contenedor de los íconos de accesibilidad */
.accessibility-tools {
  display: flex;
  align-items: center;
  gap: 2px; /* Espacio entre los botones */
}

/* Estilo general de los botones */
.accessibility-tools button {
  display: flex;
  align-items: center;
  justify-content: center; /* Centra el contenido del botón */
  background-color: #002855; /* Azul oscuro del header */
  border: 1.5px solid #a8b7c7; /* Borde blanco */
  border-radius: 0; /* Bordes sin redondear */
  color: #a8b7c7; /* Color del texto e íconos */
  font-size: 16px; /* Tamaño del texto */
  padding: 8px; /* Espaciado interno */
  width: 40px; /* Tamaño fijo del botón */
  height: 40px; /* Tamaño fijo del botón */
  cursor: pointer; /* Cursor tipo mano */
  transition: background-color 0.3s, transform 0.2s; /* Transición para hover */
  text-align: center; /* Centrar el texto */
}

/* Cambiar fondo e ícono al pasar el mouse */
.accessibility-tools button:hover {
  background-color: #00509e; /* Azul más claro */
  transform: scale(1.05); /* Aumentar tamaño ligeramente */
}

/* Ajustes para las letras en los botones de aumentar/disminuir tamaño de fuente */
.accessibility-tools .decrease-font span,
.accessibility-tools .increase-font span {
  font-size: 1.2rem; /* Tamaño del texto */
  font-weight: bold; /* Negrita */
  line-height: 1; /* Asegura el centrado vertical */
  margin: 0; /* Sin márgenes */
}

/* Botones responsivos para pantallas pequeñas */
@media (max-width: 768px) {
  .accessibility-tools button {
    font-size: 14px; /* Reducir tamaño de texto */
    padding: 6px; /* Reducir espaciado interno */
    width: 35px; /* Tamaño fijo reducido */
    height: 35px; /* Tamaño fijo reducido */
  }

  .accessibility-tools .decrease-font span,
  .accessibility-tools .increase-font span {
    font-size: 1rem; /* Reducir tamaño del texto */
  }
}

/* Ajustar margen superior del banner para pegarlo al header */
.content-wrap {
  margin-top: 0 !important;
}

.entry-content-wrap {
  padding: 0 !important;
}

/* Estilo para las imágenes del carrusel */
.wp-block-gallery .wp-block-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Alinear botones dentro del carrusel */
.wp-block-buttons {
  display: flex;
  /*justify-content: center;*/
  gap: 20px;
  margin-top: 20px;
}

/* Estilo para los botones del carrusel */
.wp-block-buttons .wp-block-button__link {
  background-color: #0078c9;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/*
.wp-block-buttons .wp-block-button__link:hover {
  background-color: #005a99;
}
  */

/* Centrar texto dentro del carrusel */
.wp-block-gallery.has-nested-images {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Ajustar el alto del banner */
.wp-block-gallery img {
  max-height: 500px;
  object-fit: cover;
}

/* Eliminar el margen superior del contenedor del banner */
.entry-content.single-content > .wp-block-group.alignfull {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Asegurarse de que el header no tenga margen o padding */
header#masthead {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Eliminar cualquier margen adicional en la galería del banner */
.wp-block-gallery.alignfull.has-nested-images {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Quitar espacio en blanco entre el footer y el div azul */
.site-footer-wrap {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.site-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Cambiar color de texto de los menús en el footer */
.footer-widget-area a,
.footer-widget-area li,
.footer-widget-area,
.widget-title {
  color: #ffffff !important; /* Blanco */
  font-family: "Roboto", sans-serif; /* Fuente Roboto */
  font-size: 14px; /* Tamaño del texto */
}

/* Cambiar color de los enlaces al pasar el cursor */
.footer-widget-area a:hover {
  color: #cccccc !important; /* Gris claro */
}

/* Estilo personalizado para el botón */
.btnDescargaEstrategia .wp-block-button__link {
  font-family: Roboto, sans-serif; /* Fuente Roboto */
  font-size: 16px; /* Tamaño de fuente */
  font-weight: 700; /* Grosor de la fuente */
  text-transform: uppercase; /* Texto en mayúsculas */
  background-color: #ffffff !important; /* Fondo blanco */
  color: #0044cc; /* Color del texto */
  border: 1px solid #0044cc; /* Borde azul */
  border-radius: 8px; /* Bordes redondeados */
  padding: 10px 20px; /* Espaciado interno */
  text-align: center; /* Centrar texto */
  text-decoration: none; /* Sin subrayado */
  display: inline-block; /* Mostrar como un bloque en línea */
  transition: all 0.3s ease; /* Transición para efectos */
}

/* Efecto hover para el botón 
.wp-block-button__link:hover {
  background-color: #0044cc; /* Fondo azul 
  color: #ffffff; /* Texto blanco 
  border-color: #0044cc; /* Borde azul 
}
  */

/* ODS filtro */
.home-ods {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.home-ods figure {
  margin-bottom: 0 !important;
}
.home-ods a,
.home-ods img {
  height: 100%;
  width: 100%;
}
@media (max-width: 1024px) {
  /*Tablet*/
  .home-ods {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  /*Mobile*/
  .home-ods {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Fuente oficial de kit gobierno */
@font-face {
  /* font-family: var(--global-body-font-family); */
  font-family: gob-cl;
  src: url("assets/fonts/gob-cl.woff2") format("assets/fonts/woff2"),
    url("assets/fonts/gob-cl.woff") format("woff"),
    url("assets/fonts/gob-cl.ttf") format("truetype");
}

/* Carga de fuente  */
.cl {
  font-family: gob-cl !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icono de Contraste para el Header */
.cl-contrast:before {
  content: "";
}

/* Oculta boton del plugin de Accesibilidad */
#acwp-toolbar-btn-wrap {
  visibility: hidden !important;
}

.kb-nav-dropdown-toggle-btn {
  background-color: transparent !important;
}

.nav-header-inicio > .kb-link-wrap > .kb-nav-link-content::before {
  content: url("assets/img/home.svg");
  padding-right: 10px;
}

.swiper-button-prev,
.swiper-button-next {
  visibility: hidden;
}

.swiper-pagination-bullet {
  background-color: transparent !important;
  border-color: #fff;
  border: solid 2px #fff;
  width: 23px;
  height: 23px;
  opacity: unset;
}
.swiper-pagination-bullet-active {
  background-color: #fff !important;
}

.section-content {
  gap: 10px;
}

/* carousel Acciones */
.uagb-slick-carousel ul.slick-dots li button::before {
  font-size: 90px;
}

.uagb-slick-carousel ul.slick-dots li {
  margin: 5px;
}

.uagb-post__inner-wrap > .wp-block-button {
  float: right;
}
/* orden card acciones */
.home-acciones article.uagb-post__inner-wrap {
  display: flex !important;
  flex-direction: column !important;
}
.home-acciones article.uagb-post__inner-wrap .uagb-post__image {
  order: 0;
  padding: 10px;
}
.home-acciones article.uagb-post__inner-wrap .uagb-post__title {
  order: 2;
  margin: 0 10px !important;
  font-size: 24px;
  font-weight: 500;
}
.home-acciones article.uagb-post__inner-wrap .uagb-post-grid-byline {
  order: 1;
  margin: 0 10px !important;
  font-weight: normal;
}
.home-acciones article.uagb-post__inner-wrap .uagb-post__excerpt {
  order: 3;
  margin: 0 10px !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
.home-acciones article.uagb-post__inner-wrap .wp-block-button {
  order: 4;
  text-align: right;
  font-size: 19px;
  font-weight: 700;
}
.home-acciones article.uagb-post__inner-wrap .wp-block-button a:focus,
.home-acciones article.uagb-post__inner-wrap .wp-block-button a:hover {
  box-shadow: none !important;
}

.home-acciones button {
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  /*Tablet*/
  .home-acciones {
    padding: 1em !important;
  }
  .home-acciones button {
    padding: 0px !important;
  }
  .home-acciones .wp-block-uagb-container {
    padding: 0 !important;
  }
}

/* Sección Videos Destacados */
@media (max-width: 1024px) {
  /*Tablet*/
  .home-videos {
    padding: 1em !important;
  }
}

/* Sección Otros Sitios */
@media (max-width: 1024px) {
  /*Tablet*/
  .home-otros-sitios {
    padding: 1em !important;
  }
}

@media (max-width: 768px) {
  /*Mobile*/
  .home-otros-sitios {
  }
}

/*tab de Tabla de contenidos*/
.kb-table-of-content-wrap {
  padding: 0 !important;
}

.kb-table-of-content-wrap > ul {
  list-style: none !important;
}
.kb-table-of-content-wrap > ul > li {
  text-align: right !important;
  padding: 10px;
}

.kb-table-of-content-wrap > ul > li:hover {
  font-weight: 500;
}

.kb-table-of-content-wrap > ul > li.active {
  border-right: solid 4px #0f69c4;
}

.kb-table-of-content-wrap > ul > li.active > a {
  font-weight: 500;
}
/****************/

/*Boton Tags dentro de Post*/
.tags-container > .tag:hover {
  background-color: transparent !important;
}

/* ToolTips para trajetas */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*********End ToolTips***********/

/* Dropdown and buttons para filtros*/
.filtros-container {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}

.filtro {
  display: flex;
  flex-direction: column;
}

.filtro select,
.filtro input {
  border-color: #000 !important;
  border-radius: 0 !important;
  padding: 0.2em 0.5em !important;
}

.filtros-container button {
  height: 40px;
  border-radius: 0;
}
.filtros-container label {
  font-weight: bold;
  padding-bottom: 10px;
}

.filtros-container button.clean-filter {
  background-color: #fff;
  border: solid 1px #0f69c4;
  color: #0f69c4;
  font-weight: bold;
}

.filtro.palabra-clave {
  position: relative; /* Para que el icono se posicione dentro del campo */
  /*flex-grow: 1;  Permite que el buscador tome el espacio disponible */
}

.filtro input {
  width: 260px; /* Ajusta el ancho del campo de búsqueda */
  padding-right: 36px !important; /* Añade espacio para el ícono dentro del campo */
  border: 1px solid #ddd;
  border-radius: 1px; /* Bordes redondeados */
  font-size: 14px; /* Tamaño de texto */
  height: 34px; /* Ajusta la altura del campo */
  box-sizing: border-box;
}

.filtro input::placeholder {
  color: #4d4d4d;
}

.filtro .search-icon {
  position: absolute;
  top: 75%;
  left: 90%;
  transform: translateY(-50%);
  font-size: 16px; /* Tamaño del icono */
  color: #373737; /* Color del icono */
  pointer-events: none; /* Evita que el icono sea clickeable */
}

@media (max-width: 1024px) {
  /*Tablet*/
  .filtros-container {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }
  .filtro input {
    width: 100%;
    padding-right: 50px !important;
  }
  .filtro .search-icon {
    left: 97%;
  }
  .filtro {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  /*Mobile*/
  .filtro .search-icon {
    left: 90%;
  }
}
/**********End filtros************/

/* Paginacion */
.paginado-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  font-family: var(--global-body-font-family);
  padding-top: 30px;
}

.paginado-container select {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #000;
  background-color: white;
  width: 60px;
  background: #fff url("assets/img/arrow-down.svg") no-repeat 75% 50%;
}

.paginado-info {
  font-size: 14px;
  color: #333;
}

.paginado {
  display: flex;
  align-items: center;
  gap: 10px;
}

.paginado button,
.paginado .page-num {
  border: none;
  background: none;
  padding: 2px 10px;
  cursor: pointer;
  color: #0f69c4;
  text-decoration: none;
  border-radius: 4px;
  font-size: 16px;
}

.paginado .page-num.active {
  background: #0f69c4;
  color: white;
  text-decoration: none;
}

.paginado .resumen {
  font-weight: bold;
}

.paginado .prev-page,
.paginado .next-page {
  font-size: 16px;
  padding: 5px;
  border-radius: 4px;
  background-color: #f2f2f2;
}

.paginado .prev-page.disabled,
.paginado .next-page.disabled {
  color: #ccc;
  cursor: not-allowed;
}
/*****End Paginacion************/

/* Enlaces de interes*/
.enlaces-interes figure.wp-block-image {
  margin-bottom: 0 !important;
}
.enlaces-interes figure.wp-block-image img {
  max-width: none;
}
.enlaces-interes button.kt-blocks-accordion-header {
  box-shadow: none !important;
}
/*****End Enlaces de interes*********/

/* Preguntas Frecuentes*/
.faq figure.wp-block-image {
  margin-bottom: 0 !important;
}
.faq figure.wp-block-image img {
  max-width: none;
}
.faq button.kt-blocks-accordion-header {
  box-shadow: none !important;
}
/*****End Preguntas Frecuentes*********/

/* Breadcrumbs */
.breadcrumbs span[property="name"].post {
  font-weight: bold;
}

/* Estilo normal (sin carga) */
#cards-grid {
  opacity: 1;
  filter: blur(0);
  transition: all 0.3s ease;
}
.loading-blur {
  opacity: 0.6 !important;
  filter: blur(2px) !important;
  pointer-events: none !important;
  transition: all 0.3s ease !important;
}
.popmake hr {
  opacity: 0.3;
}

/******Tabla de Contenidos ******/
@media (max-width: 1024px) {
  /*Tablet*/
  .tabla-contenido {
    top: 0px !important;
    background-color: white;
    box-shadow: 0px 1px #00000040 !important;
  }
  .tabla-contenido ul {
    padding-left: 0px !important;
    text-align: center;
  }
  .tabla-contenido ul > li {
    display: inline;
  }
  .tabla-contenido ul > li.active {
    border-right: none !important;
  }
  .tabla-contenido ul > li.active a {
    border-bottom: solid 4px #0f69c4 !important;
  }
  .tabla-contenido .kb-table-of-content-wrap {
    border-right: none !important;
  }
  .pagina-tabla-contenido h2 {
    padding-top: 130px !important;
  }
}

/******END Tabla de Contenidos ******/