html,
 body {
   width: 100%;
   overflow-x: hidden;
 }


 /* ENCABEZADOS Y PARRAFOS */

 h1 {
   font-family: 'Jost', sans-serif;
   font-weight: 700;
   /* Bold */
   font-size: 55px;
   line-height: 1.2;
   /* Ajusta según necesites */
 }

 h2 {
   font-family: 'Jost', sans-serif;
   font-weight: 400;
   /* Regular */
   font-size: 30px;
   line-height: 1.3;
   /* Ajusta según necesites */
 }

 h3 {
   font-family: 'Jost', sans-serif;
   font-weight: 600;
   /* Bold */
   font-size: 30px;
   line-height: 1.2;
   /* Ajusta según necesites */
 }

 h4 {
   font-family: 'Jost', sans-serif; /* font subtitulo */
   font-weight: 500;
   /* Medium */
   font-size: 16px;
   line-height: 1.5;
   /* Ajusta según necesites */
 }

 p {
   font-family: 'Jost', sans-serif;
   font-weight: 400;
   /* Regular */
   font-size: 16px;
   line-height: 1.6;
   /* Ajusta según necesites */
 }

 button:focus {
   outline: none !important;
 }

 /* GLOBALES */

 .bg-primary {
   background: #2F6BA7 !important;

 }

 .titulo {
   margin-bottom: 1rem;
 }

 .titulo:after {
   content: "";
   width: 35px;
   height: 0px;
   border: 1.3px black solid;
   display: block;
   margin-top: 0.5rem;
 }

 .bg-blue .titulo:after {
   border: 1.3px white solid !important;
 }

 .texto-blue p {
   color: #2F6BA7;
   font-size: 22px;
 }

 .sidebar-titulo {
   color: #444F59 !important;
   font-size: 20px;
   font-weight: 400;
   letter-spacing: 2px;
   word-wrap: break-word;
 }

 section {
   padding: 0 10rem;
   margin-top: 3rem;
 }

 section.bg {
   padding: 3rem 10rem;
 }

 section.bg-p {
   padding: 3rem 0 0 10rem;
 }


 section.bg-p-2 {
   padding: 0rem 0 0 10rem;
 }

 .bg-blue {
   background: #2F6BA7;
   color: #fff;
 }

 .bg-transparent {
   background: transparent;
 }
 
 
 .columnas2  p, .columnas1 p, .banner .descripcion-page, article p {
	text-align:justify;
}
 

.preloader {
    display: flex;
    align-items: center; 
    justify-content: center; 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: rgba(255, 255, 255, 0.3); 
    z-index: 9999; 
    flex-direction: column; 
}

.spinner {
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid #3498db; /* Color para la parte superior del spinner */
    border-radius: 50%;
    width: 50px; /* Tamaño del spinner */
    height: 50px; /* Tamaño del spinner */
    animation: spin 1s linear infinite; /* Animación de rotación */
    margin-bottom: 10px; /* Espacio inferior */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


 .container,
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
   --bs-gutter-x: 0;
 }

 .carousel-inner {
   overflow: hidden;
   display: flex;
   white-space: nowrap;

 }

 .paginacion-carousel {
   height: 45px;
 }

 #scrollToStartButton,
 #scrollToStartButton2,
 .swiper-prev {
   width: 40px;
   height: 40px;
   background: url("../imagenes/iconos/ico-chevron-izquierdo.svg") no-repeat;
   border: 0px;
   text-indent: -9999px;
 }

 #scrollToEndButton,
 #scrollToEndButton2,
 .swiper-next {
   width: 40px;
   height: 40px;
   background: url("../imagenes/iconos/ico-chevron-derecho.svg") no-repeat;
   border: 0px;
   text-indent: -9999px;
 }

 .paginacion-carousel p {
   color: #2F6BA7;
   font-size: 14px;
   font-family: Jost;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 2.80px;
 }

 .fixed {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;

 }

 .margin-0 footer{
  margin-top:0px !important;
 }


 /* CSS para ocultar el crédito */
 .canvasjs-chart-credit {
   display: none !important;
 }

 /* HEADER */

.header-container{
  padding-left: 10rem;
  padding-right: 10rem;
}



 .header-desplegable {
   padding-bottom: 0.5rem;

 }




 /* TOP MENU */


.contact_top{
	margin-top:0.3rem;
}

 /* Estilos para los ítems de navegación */
 .nav-item a,
 .contact_top a {
   color: #444F59;
   font-size: 11px;
   font-family: "Jost", serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   text-transform: uppercase;
   letter-spacing: 1.8px;
   text-decoration: none;
 }

 .logo {
   margin-bottom: 0.3rem;
 }

 .logo img {
   max-width: 130px;
 }

 .navbar {
   --bs-navbar-padding-x: 0;
   --bs-navbar-padding-y: 0;
 }


 /* Permite que el submenú aparezca al pasar el mouse */
 .navbar-nav .dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 0;
 }

 .dropdown-submenu {
   position: relative;
 }

 .dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -5px;
   display: none;
   position: absolute;

 }

 .dropdown-submenu .dropdown-menu .nav-link:hover{
  color: #2F6BA7;
 }

 .navbar-nav .dropdown:hover .dropdown-menu {
   border-radius: 0px;
   border: 0px;
 }

 .dropdown-item.active,
 .dropdown-item:active {
   color: #000;
   text-decoration: none;
   background-color: transparent;
 }

  

 .dropdown-menu li a {
  text-transform: initial;
}


 .nav-item {
   position: relative;
 }



 .dropdown-submenu:hover .dropdown-menu {
   display: block;
 }


 .contacto_header {
   margin-right: 0.5rem;
   margin-top: 0.5rem;
 }

 .contact_top a {
   font-size: 10.5px;
 }

 /* NAV MOVIL */

 .navbar-toggler {
   background: transparent;
   border: 0px;

 }

 .navbar-toggler:focus {
   outline: none;
   box-shadow: none !important;
 }


 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
   background-color: transparent;
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
   transform: rotate(45deg);
   top: 0;
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
   transform: rotate(-45deg);
   top: 0;
 }

 



 /* SLIDER PRINCIPAL */


 .slider {
   position: relative;
   height: 100vh;
   padding: 120px 0;
   /* Altura completa de la pantalla */

 }

 .slider-video {
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
 }

 .slider-bg-video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   object-fit: cover;
   /* Ajusta el video para cubrir completamente el fondo */
   z-index: -1;
 }

 .titulo-principal {
   font-size: 55px;
   font-family: 'Jost', sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 11px;
   margin-bottom: 1rem;
   margin-top: 2rem;
 }

 .subtitulo {
   font-size: 22px;
   font-family: 'Jost', sans-serif; /* font subtitulo */
   font-weight: 300;
   font-style: normal;
   letter-spacing: 4.4px;
 }

.subtituloslider {
    font-size: 22px;
   font-family: "Jost", serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 4.4px;
}



 .scroll-text {
   font-size: 12px;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 2.8px;
   font-family: "Jost", serif;
   font-optical-sizing: auto;
   font-weight: 300;
   font-style: normal;
   margin-bottom: 0.5rem;
 }

 .scroll-arrow {
   margin-top: 2rem;
   display: flex;
   flex-direction: column;
   position: absolute;
   bottom: 80px;
 }

 .arrow {
   width: 6px;
   height: 3px;
   border: 1px solid #444F59;
   transform: rotate(180deg);
 }



 /* CARAOUSEL QUINENCO */



 .carousel-quinenco {

   padding: 0;
 }

 .carousel-quinenco .item {
   flex: 0 0 auto;
   align-items: center;
   display: flex;

 }



 .p-item {
  padding: 0 10rem 0 10rem;
}


 .carousel-quinenco .item .titulo_desc {
   word-wrap: break-word;
   /* Permite cortar las palabras largas */
   word-break: break-word;
   /* Compatibilidad adicional para navegadores antiguos */
   overflow-wrap: break-word;
   /* Manejo moderno del corte de palabras */
   white-space: normal;
   /* Asegura que el texto haga saltos de línea */
   padding: 0 2rem;
 }


 .carousel-quinenco .item .titulo_desc h3 {
   color: #2F6BA7;
   font-size: 16px;
   font-family: Klinic Slab;
   font-weight: 400;
   letter-spacing: 3.20px;
 }


 .carousel-quinenco .item .titulo_desc p {
   color: black;
   font-size: 22px;
   font-family: Jost;
   font-weight: 400;
 }



 .carousel-quinenco .item img {
   height: 450px;
   object-fit: cover;
 }


 .carousel-quinenco .box_carousel {
   background: #F1F1F1;
   padding: 40px;
   max-width: 450px;
 }

 .carousel-quinenco .item .box_carousel p {
   word-wrap: break-word;
   /* Permite cortar las palabras largas */
   word-break: break-word;
   /* Compatibilidad adicional para navegadores antiguos */
   overflow-wrap: break-word;
   /* Manejo moderno del corte de palabras */
   white-space: normal;
   /* Asegura que el texto haga saltos de línea */
 }





 /*CAROUSEL EMPRESAS*/

 .carousel-empresas {
   background: #F1F1F1;
   width: 100%;
   padding: 2rem 0 2rem 2rem;
 }


 .carousel-empresas .carousel-inner {
   display: flex;
   transition: transform 3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
   /* Personalización de la velocidad */
   gap: 1rem;
 }

 .carousel-empresas p {
   width: 70%;
 }


 .carousel-empresas .swiper-slide {
   filter: grayscale(100%);
   transition: filter 0.5s ease;
   /* Transición suave para el cambio de filtro */
    
 }


 .carousel-empresas .swiper-slide:hover {
   filter: grayscale(0);
 }

 .carousel-empresas .container-fluid {
   --bs-gutter-x: 0rem;

 }


/* CAROUSEL */


.home .swiper-slide{
	position:relative;
}


.home .swiper-slide:hover:before {
	display:none;
}


.home .swiper-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.4);
}

.home .textos-carousel{
	position:relative;
	z-index:9999;
}

.home .textos-carousel {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}


.swiper-button-disabled {
  opacity: 0.5;
}

.dark-color{
	filter:none !important;
}
.dark-color .text-light.fs-1{
font-weight: 600 !important;
font-size: 18px !important;
line-height: 1.3;
letter-spacing: 0%;

}
 


 .dark-hover, .dark-color {
	 position:relative;
}

 .dark-hover::before , .dark-color::before{
	 content: "";
	 position:absolute;
	 width:100%;
	 height:100%;
     background: rgba(0, 0, 0, 0.4) !important;
	 z-index:1;
}

 .dark-hover:hover::before {
     background: rgba(0, 0, 0, 0.7) !important;
	 filter:none !important;
}

.dark-hover div>div, .dark-hover div>p, .dark-color div>div, .dark-color div>p, .dark-hover li, .dark-color li{
	position:relative;
	z-index:2;
}

.dark-hover p, .dark-color p, .dark-hover li, .dark-color li{
font-weight: 300;
font-size: 14px !important;
line-height: 1.4;
letter-spacing: 5%;
margin-top:1rem;
padding-left:0.5rem;
color:#fff;
}


.dark-hover ul, .dark-color ul{
	padding: 0 1rem;
}

.dark-hover li, .dark-color li{
    margin-top: 0.5rem;
    padding: 0;
}
 
.dark-hover .text-light.fs-1 {
    font-size: 38px !important;
}

 /* DOCUMENTOS */

 .contenido_documento {
   display: flex;
   border-bottom: 2px solid #000;
   gap: 10px;
   align-items: center;
   margin-bottom: 1rem;
 }

 .contenido_documento .icono {
   float: left;
 }


 .contenido_documento .icono img {
   width: 22px;
   height: 30px;
 }

 .text-documento span {
   font-family: 'Jost', sans-serif; /* font subtitulo */
   color: #444F59;
 }

 .text-documento p {
   color: #444F59;
 }


 .contenido_documento{

 }
 
 
 
 .url_documento{
    text-decoration:none;
}
 
.url_documento, .fecha_documento{
    transition: transform 0.3s ease, font-size 0.3s ease;
	 display: block;
	transform-origin: left;
}

.url_documento:hover {
    transform: scale(1.4); 
}


.contenido_documento:hover .url_documento  {
    transform: scale(1.4); 
}

.contenido_documento{
	padding: 1rem;
}

.contenido_documento:hover{
	 background: #eee;
}
 
 
/* MEMORIA DESTACADA */


.home .memoria_dest {
    background: #000;
    padding: 6rem 2rem;
    display: flex;
    justify-content: center;
}

.home .cards-memoria {
    width: 300px;
    height: 350px;
    background-size: cover;
    position: relative;
	-webkit-box-shadow: 54px 63px 71px -12px rgba(0,0,0,1);
-moz-box-shadow: 54px 63px 71px -12px rgba(0,0,0,1);
box-shadow: 54px 63px 71px -12px rgba(0,0,0,1);
}

.home .cards-contenido {
    position: relative;
    z-index: 99;
    padding: 3rem 2rem;
    height: 100%;
}

.home .cards-memoria:before {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    content: "";
}

.home .cards-contenido .descargarlink {
    position: absolute;
    bottom: 20px;
}
.home .descargarlink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: white;
    text-decoration: none;
    font-size: 1rem;
  	margin-bottom:2rem;
}

.home .descargarlink svg{
    color: white;
}

.home .cards-contenido h4{
  font-family: "Jost", serif;
	font-size:1.7rem;
}

.home .cards-contenido h5 {
	  font-family: "Zilla Slab", serif;
    font-weight: 500;
		font-size:0.9rem;
}
.home .cards-contenido h5, .cards-contenido h4 {
    color: #fff;
}

/* IDEAS Y CANAL DE DENUNCIAS */

	.ideas-denuncias .ideas-denuncias-row .col h3 {
	color:#000;
    font-weight: 500;
    }
	
	.ideas-denuncias .ideas-denuncias-row .col a{
    color:#000;
	font-weight:500;
    }

 /* NOTICIAS */

 .noticias .text-noticia .fecha_noticia {
   color: #2F6BA7;
   font-family: 'Jost', sans-serif; /* font subtitulo */
   font-size: 16px;
   font-weight: 300;
 }

 .noticias .text-noticia h4 {
   font-size: 22px;
   font-family: "Jost", serif;
   font-weight: 400;
   color: #000;
   margin: 1.5rem 0;
 }

 .noticias a {
   color: #2F6BA7;
   font-size: 16px;
   text-decoration: none;
   font-family: "Jost", serif;
   font-weight: 400;
   margin-top: 1.5rem;
   display: block;
   border-bottom: 2px solid #000;
   padding-bottom: 1.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
 }

 .noticias .text-noticia {
   padding: 0 1rem;
   margin-top: 1rem;
 }

 /* BANNER */

 section.banner{
   background-position:center !important;
 }

 .banner {
   width: 100%;
   background: url("../imagenes/banner.jpg") no-repeat;
   background-size: cover;
   background-position: center center;
   height: 500px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }

 .banner .col {
   position: relative;
   z-index: 2;
 }

 .banner::before {
   position: absolute;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
   height: 100%;
   width: 100%;
   z-index: 1;
   content: "";
   top: 0;
 }

 .banner h3 {
   font-size: 30px;
   color: #fff;
 }

 .banner .btn {
   background: #2F6BA7;
   color: #fff;
   border-radius: 0px;
   font-size: 16px;
   margin-top: 0.5rem;
   font-weight: 400;
 }

 .banner .btn:hover {
   background: #1f4a76;
   transition: background-color 1s ease;
 }


 /* IDAS-DENUNCIAS */

 .ideas-denuncias {
   background: #F1F1F1;
   width: 100%;
   padding: 2rem;
 }

 .box-contenido {
   background: #fff;

 }

 .ideas-denuncias .ideas-denuncias-row {
   gap: 1rem;
 }

 .ideas-denuncias .ideas-denuncias-row .col {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0.5rem 1rem;
 }

 .ideas-denuncias .ideas-denuncias-row .col h3 {
   font-family: "Jost", serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 1.4;
 }

 .ideas-denuncias .ideas-denuncias-row .col p {
   margin: 0px;
   font-size: 14px;
 }


 /* FOOTER */


 footer {
   margin-top: 3rem;
   padding-top: 3rem;
   padding-left: 10rem;
   padding-right: 10rem;
   padding-bottom: 3rem;
 }

 .footer h5 {
   font-family: 'Jost', sans-serif; /* font subtitulo */
   font-size: 16px;
   font-weight: 300;
   line-height: 19.2px;
   letter-spacing: 0. 1em;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;

 }

 .footer .col-footer a {
   font-family: "Jost", serif;
   font-size: 14px;
   font-weight: 200;
   line-height: 20.23px;
   letter-spacing: 0.05em;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;

 }

 .texto-fotter-h {
   margin-top: 1rem;
   display: none;
   height: 0px;
   opacity: 0;
   transition: opacity 0.3s ease, height 0.3s ease;
 }



 .open {
   display: block;
   opacity: 100;
   height: auto;
 }

 .texto-fotter-h p {
   font-size: 12px;
   font-weight: 300;
   line-height: 17.34px;
   letter-spacing: 0.05em;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;

 }

 #arrow-toggle {
   cursor: pointer;

 }

 #arrow-toggle.open {
   transform: rotateX(180deg);

 }


 .copyright p {
   font-size: 12px;
   margin-bottom: 0.5rem;
 }

 .divider {
   width: 20px;
   border-bottom: 2px solid #fff;

 }

 /* Nav documentos */




 .submenu{
  background:#2F6BA7;
  height:60px;
 }
 
 .submenuflex{
  gap:1rem;
 }

 .submenu a{
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  font-weight: 400;
  font-size:14px;
 }

 .submenu a.active{
  color:#fff;
  font-weight: 700;
 }

 .submenu a:not(:last-child):after {
  content: "";
  border-right: 1px;
  border-width:1px;
  border-color:#fff;
  border-style:solid;
  margin-left:1rem;

 }

 .nav_documentos{
 background: #F1F1F1;
 }

 .nav_documentos .documento-item{
  background:#fff;
  border:0px;
 }

 .w-120{
  width:100%;
}