.botaf{
    position: absolute;
     width: 25%;
    margin-left: 23%;
    margin-top: -2.8%;
}

.botpres{
    position: absolute;     
    width: 25%;
    margin-left: 53.5%;
    margin-top: -2.8%;
}


/* Chrome, Safari, Edge */
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

/* Firefox */
input[type="search"]::-moz-search-clear-button {
    display: none;
}

/* Edge antiguo */
input[type="search"]::-ms-clear {
    display: none;
}
#inputBusqueda{
    border-radius: 20px !important;       
    background-color: #f0f0f0; /* gris claro */
   
}
#inputBusqueda1{
    border-radius: 20px !important;
    background-color: #f0f0f0; /* gris claro */   
    
}


*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}




.wrap{
	margin: auto;
	width: 90%;
	max-width: 1000px;
}

.wrap p{
	font-size: 18px;
}

header{
	margin-top: 14%;
    width: 100%;
    position: fixed;
    background: rgb(0 0 0 / 0%) !important;
    margin-left: 3.5%;
}



.header-top{
	width: 100%;
	background: linear-gradient(to right, #00AEC3, #417099, #e81f76);;
}

.navegacion{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding:12px 0;
}

input[type="search"]{
	padding: 10px;
	padding-right: 35px;
	border: none;
    margin-left: 35%;
}

.search{
    margin-top: -4% ;
	width: 90%;
    height: 44%;
	max-width: 1000px;
	margin: auto;
	background: #fff;
	padding:0 10px;
	padding-bottom: 5px;
	max-height: 85%;
	overflow-x: hidden;
	display: none;
}

.search-table{
	width: 100%;
}

tbody tr td{
	width: 100%;
    
}

tbody tr td a{
	text-decoration: none;
	font-size: 18px;
	color: #737373;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	padding-left: 20px;
	border: 2px solid #fff;
    
}

tbody tr td a:hover{
	border: 2px solid #222D55;
}

.search::-webkit-scrollbar{ 
	background:rgba(0,0,0,0);  
}

.search::-webkit-scrollbar-button{
 	background:#C1C1C1;  
}

.search::-webkit-scrollbar-thumb{ 
	background:#C1C1C1; 
}

.dataTables_length1,
.dataTables_filter1,
.dataTables_info1,
.dataTables_paginate1 {
	display: none;
}


.fondo {
    position: absolute;
    width: 100%;
    margin-top: -7%;
    z-index: -1;
    background-color: white;
}






/**********************************************/
.navegacion1{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding:12px 0;
}

input[type="search"]{
	padding: 10px;
	padding-right: 35px;
	border: none;
    margin-left: 35%;
}


.search-table1{
	width: 100%;
}


.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
	display: none;
}




.search1::-webkit-scrollbar{ 
	background:rgba(0,0,0,0);  
}

.search1::-webkit-scrollbar-button{
 	background:#C1C1C1;  
}

.search1::-webkit-scrollbar-thumb{ 
	background:#C1C1C1; 
}



/* media 100 zoom*/
@media (min-width: 1801px) and (max-width: 2000px) {
   .contenedor-buscadores {
    position: relative;
  }


.search{
    margin-top: -4% !important;
    height: 44%;
}



#inputBusqueda{
 position: absolute ;  
 top: 550%;
 left: -2.5%;
 width: 22%;
}

#inputBusqueda1{
 position: absolute;  
 top: 550%;
 left: 27.5%;
 width: 22%;
}

.botaf{
    position: absolute;
    width: 7%;
    margin-left: 25.5%;
    top: 520%;
}

.botpres{
    position: absolute;     
    width: 7%;
    margin-left: 55.5%;
 top: 520%;
}
    
.centered-image{
    margin-top: 60px !important;
}

 
}

/* media 110 zoom*/
@media (min-width: 1600px) and (max-width: 1800px) {
.contenedor-buscadores {
    position: relative;
  }


.search{
    margin-top: -4% !important;
    height: 44%;
}
.centered-image{
    margin-top: 60px !important;
}




#inputBusqueda{
 position: absolute ;  
 top: 500%;
 left: -2.5%;
 width: 22%;
}

#inputBusqueda1{
 position: absolute;  
 top: 500%;
 left: 27.5%;
 width: 22%;
}

.botaf{
    position: absolute;
    width: 7%;
    margin-left: 25.5%;
    top: 500%;
}

.botpres{
    position: absolute;     
    width: 7%;
    margin-left: 55.5%;
 top: 500%;
}
    
    
.search{
    margin-top: -4% !important;
    height: 44%;
}

.logoioma {
    margin-left: 205% !important;
    width: 150px !important;
}
}

/* media 125 zoom*/
@media (min-width: 1343px) and (max-width: 1599px) {

.centered-image{
    margin-top: 60px !important;
}



.contenedor-buscadores {
    position: relative;
  }


.search{
    margin-top: -4% !important;
    height: 44%;
}



#inputBusqueda{
 position: absolute ;  
 top: 420%;
 left: -2.5%;
 width: 22%;
}

#inputBusqueda1{
 position: absolute;  
 top: 420%;
 left: 27.5%;
 width: 22%;
}

.botaf{
    position: absolute;
    width: 7%;
    margin-left: 25.5%;
    top: 420%;
}

.botpres{
    position: absolute;     
    width: 7%;
    margin-left: 55.5%;
 top: 420%;
}



}


/* media 150 zoom*/
@media (min-width: 1200px) and (max-width: 1342px) {

.centered-image{
    margin-top: 60px !important;
}


 .contenedor-buscadores {
    position: relative;
  }


.search{
    margin-top: -4% !important;
    height: 44%;
}


#inputBusqueda{
 position: absolute ;  
 top: 350%;
 left: -2.5%;
 width: 22%;
}

#inputBusqueda1{
 position: absolute;  
 top: 350%;
 left: 27.5%;
 width: 22%;
}

.botaf{
    position: absolute;
    width: 7%;
    margin-left: 25.5%;
    top: 370%;
}

.botpres{
    position: absolute;     
    width: 7%;
    margin-left: 55.5%;
 top: 370%;
}

}


/* media 175 zoom*/
@media (min-width: 1000px) and (max-width: 1199px) {

.centered-image{
    margin-top: 60px !important;
}



 .contenedor-buscadores {
    position: relative;
  }


.search{
    margin-top: -4% !important;
    height: 44%;
}


#inputBusqueda{
 position: absolute ;  
 top: 250%;
 left: -2.5%;
 width: 22%;
}

#inputBusqueda1{
 position: absolute;  
 top: 250%;
 left: 27.5%;
 width: 22%;
}

.botaf{
    position: absolute;
    width: 7%;
    margin-left: 25.5%;
    top: 280%;
}

.botpres{
    position: absolute;     
    width: 7%;
    margin-left: 55.5%;
 top: 280%;
}


}
/* media 200 zoom*/
@media (min-width: 800px) and (max-width: 999px) {


.search{
    margin-top: -4% !important;
    height: 44%;
}

#inputBusqueda{
 position: absolute !important;  
 margin-top: 12.6%;
 margin-left: 27.1%;
 width: 22%;
}
#inputBusqueda1{
 position: absolute !important;  
 margin-top: 10.1%;
 margin-left: 57.3%;
 width: 22%;
}

.botaf{
    position: absolute;
    width: 7%;
    margin-left: 25.5%;
    margin-top: 12%;
}

.botpres{
    position: absolute;     
    width: 7%;
    margin-left: 55.5%;
    margin-top: 12%;
}

.centered-image{
    margin-top: 50px !important;
}



  }
/* media 250 zoom*/
@media (min-width: 700px) and (max-width: 799px) {    
      
.search{
    margin-top: -4% !important;
    height: 44%;
}

#inputBusqueda{
 position: absolute !important;  
 margin-top: 9.9%;
 margin-left: 10.0%;
 width: 32%;
}
#inputBusqueda1{
 position: absolute !important;  
 margin-top: 6.8%;
 margin-left: 57.3%;
 width: 32%;
}
.botaf{
    position: absolute;
    width: 9%;
    margin-left: 6.0%;
    margin-top: 10%;
}

.botpres{
    position: absolute;     
    width: 9%;
    margin-left: 53.5%;
    margin-top: 10%;
}



}
/* media 300 zoom*/
@media  (min-width: 600px) and (max-width: 699px) {
.search{
    margin-top: -12% !important;
    height: 44%;
}

#inputBusqueda{
 position: absolute !important;  
 margin-top: 9.9%;
 margin-left: 10.0%;
 width: 32%;
}

#inputBusqueda1{
 position: absolute !important;  
 margin-top: 6.1%;
 margin-left: 57.3%;
 width: 32%;
}
.botaf{
    position: absolute;
    width: 9%;
    margin-left: 6.0%;
    margin-top: 10%;
}

.botpres{
    position: absolute;     
    width: 9%;
    margin-left: 53.5%;
    margin-top: 10%;
}
}


/* media 400 zoom*/
@media  (min-width: 480px) and (max-width: 599px) {
 .search{
    height: 44%;
}

#inputBusqueda{
 position: absolute !important;  
 margin-top: 9.9%;
 margin-left: 10.0%;
 width: 32%;
}

#inputBusqueda1{
 position: absolute !important;  
 margin-top: 6.1%;
 margin-left: 57.3%;
 width: 32%;
}
.botaf{
    position: absolute;
    width: 9%;
    margin-left: 6.0%;
    margin-top: 10%;
}

.botpres{
    position: absolute;     
    width: 9%;
    margin-left: 53.5%;
    margin-top: 10%;
}
}      
/* media 500 zoom*/
@media (min-width: 380px) and (max-width: 479px) {
    .search{
    height: 44%;
}

    
#inputBusqueda{
 position: absolute !important;  
 margin-top: 9.9%;
 margin-left: 10.0%;
 width: 32%;
}

#inputBusqueda1{
 position: absolute !important;  
 margin-top: 4.9%;
 margin-left: 57.9%;
 width: 32%;
}

.botaf{
    position: absolute;
    width: 10%;
    margin-left: 5.4%;
    margin-top: 12%;
}

.botpres{
    position: absolute;     
    width: 10%;
    margin-left: 53.5%;
    margin-top: 12%;
}
}
/* media mobile*/
@media  (min-width: 250px) and (max-width: 379px) {
    .search{
    height: 44%;
}
 
#inputBusqueda{
 position: absolute !important;  
 margin-top: 9.9%;
 margin-left: 10.5%;
 width: 32%;
}

#inputBusqueda1{
 position: absolute !important;  
 margin-top: 3.5%;
 margin-left: 57.9%;
 width: 32%;
}

.botaf{
    position: absolute;
    width: 15%;
    margin-left: 1.0%;
    margin-top: 12%;
}

.botpres{
    position: absolute;     
    width: 15%;
    margin-left: 48.5%;
    margin-top: 12%;
}
}





/**********************************************/







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

body {
    margin: 0;
    padding: 0;
    background-color: #fffcfc; /* Cambia el color de fondo a amarillo */
}

.wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50vh;
}







@media (min-width: 799px) {
	@keyframes slideFromRight {
   0% {
        transform: translateX(-10%);
        opacity: 0;
    }
	50% {
        transform: translateX(115%);
        opacity: 1;
    }
    100% {
        transform: translateX(300%);
        opacity: 0;
    }
}

.search{
    margin-top: 0% !important;
    height: 39%;
}

.centered-image {
    max-width: 100%;
    width: 25vw; /* Usando viewport width */
    height: auto; /* Hacer que la altura sea automática para mantener la proporción */
    max-height: 75vh; /* Usando viewport height */
    position: absolute;
    top: 60%; /* Centrar verticalmente */
    left: 0%; /* Alinear a la izquierda */
    transform: translateY(0%); /* Ajustar para centrar verticalmente */
	z-index: -1;
    animation: slideFromRight 9s linear infinite; /* Ajusta el tiempo de animación según tus necesidades */
}
.centered-image2 {
display: none !important;
    }

}

  /* media 300 zoom*/
  @media  (min-width: 600px) and (max-width: 799px) {

    .centered-image2 {
		margin-top: 70px;
        max-width: 50%;
        max-height: 50%;
        width: auto;
        height: auto;
        position: static; /* Cambiar a posición estática */
        animation: none; /* Anular animación */
    }
    .centered-image {
display: none !important;
    }

}




/* media 400 zoom*/
@media  (min-width: 480px) and (max-width: 599px) {
 
    .centered-image2 {
		margin-top: 70px;
        max-width: 55%;
        max-height: 55%;
        width: auto;
        height: auto;
        position: static; /* Cambiar a posición estática */
        animation: none; /* Anular animación */
    }

	.centered-image {
display: none !important;
    }
}



/* media 500 zoom*/
@media (min-width: 380px) and (max-width: 479px) {
 .wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50vh;
    }
    .centered-image2 {
		margin-top: 70px;
        max-width: 80%;
        max-height: 80%;
        width: auto;
        height: auto;
        position: static; /* Cambiar a posición estática */
        animation: none; /* Anular animación */
    }

	.centered-image {
display: none !important;
    }
}


@media (min-width: 250px) and (max-width: 379px) {
  .wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50vh;
    }
    .centered-image {
display: none !important;
    }
	.centered-image2 {
		margin-top: 70px;
        max-width: 80%;
        max-height: 80%;
        width: auto;
        height: auto;
        position: static; /* Cambiar a posición estática */
        animation: none; /* Anular animación */
    }

	
}
.buspres{
        font-size: medium;
    margin-top: 0.67%;
    position: absolute;
    height: 40px;
    width: 14%;
    margin-left: 80%;
}

.logoioma{
    margin-left: 5% ;
}
.logoprov{
    margin-left: 35% ;
}

.letrabusca {
    position: absolute;
    font-family: "Encode Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 30px !important;
    color: #434348 !important;
    text-shadow: none !important;
    letter-spacing: -1px !important;
    margin-top: -8px !important;
    margin-left: 46%;
}


/*-------------------------------------------------------------------barra de ioma----------------------------------------------------------------------------------*/

.h3, h3 {
    font-size: 1.4rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

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


            .slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100% ;
}
.slider-image {
    width: 100%;
    height: 395px ; /* La altura se ajustará automáticamente para mantener la proporción */
}

.slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content {
    text-align: center;
}

.container {
    max-width: 100%;
    padding: 0 20px; /* Añade algo de espacio en los bordes */
    display: flex;
    align-items: center;
    justify-content: center;
}

.text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px; /* Espacio entre la imagen y el texto */
}

.letraportal {
    font-family: "Encode Sans", sans-serif !important;
    font-weight: bold  !important;
    font-size: 2.3vw; /* Utiliza unidades relativas para el tamaño de fuente */
    color: #414040   !important;
    text-shadow: none !important;
}

.imghome {
    width: 75% !important; /* Utiliza un ancho relativo para la imagen */
    max-width: 200px; /* Limita el tamaño máximo de la imagen */
    margin-top: 20px; /* Ajusta el margen superior */
    margin-left: 20px; /* Ajusta el margen izquierdo */
}

						.iomaimg{
							margin-left: 200px;
						}


 




/* media 90% zoom*/
@media (min-width: 2001px) { 
    .contenedor-buscadores {
    position: relative;
  }


.search{
    margin-top: -4% !important;
    height: 44%;
}



#inputBusqueda{
 position: absolute ;  
 top: 550%;
 left: -2.5%;
 width: 22%;
}

#inputBusqueda1{
 position: absolute;  
 top: 550%;
 left: 27.5%;
 width: 22%;
}

.botaf{
    position: absolute;
    width: 7%;
    margin-left: 25.5%;
    top: 520%;
}

.botpres{
    position: absolute;     
    width: 7%;
    margin-left: 55.5%;
 top: 520%;
}
    
.centered-image{
    margin-top: 60px !important;
}

  .text-overlay2 {
  position: absolute;
  top: 60%;
  left: 59%;
  transform: translate(-50%, -50%);
  color: #434348; /* Cambia el color si es necesario */
  text-align: center;
  font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
    line-height: 30px;
  text-align: left;
  font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
  font-size: 1.4rem; /* Ajusta el tamaño de la fuente para el primer título */
  margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
    text-align: left;
  font-weight: 400; /* Aplica el peso Regular a la segunda línea */
  font-size: 1rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
  margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}

    

 
    .text-overlay1 {
  position: absolute;
  top: 60%;
  left: 54%;
  transform: translate(-50%, -50%);
  color: #434348; /* Cambia el color si es necesario */
  text-align: center;
  font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
    line-height: 30px;
  text-align: left;
  font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
  font-size: 1.4rem; /* Ajusta el tamaño de la fuente para el primer título */
  margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
    text-align: left;
  font-weight: 400; /* Aplica el peso Regular a la segunda línea */
  font-size: 1rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
  margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}


.text-overlay {
  position: absolute;
  top: 60%;
  left: 52%;
  transform: translate(-50%, -50%);
  color: #434348; /* Cambia el color si es necesario */
  text-align: center;
  font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
  font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
  font-size: 1.4rem; /* Ajusta el tamaño de la fuente para el primer título */
  margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
  margin-left: -10px;
  font-weight: 400; /* Aplica el peso Regular a la segunda línea */
  font-size: 1rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
  margin-top: -2px; /* Elimina el margen superior para pegar el texto más cerca */
}
}


@media (min-width: 1800px) and (max-width: 2000px) {



    .t2{
		margin-left: 15px !important;
}

    .t6{
		margin-left: 40px !important;
}

    .t8{
		margin-left: 0px !important;
}

    .t9{
		margin-left: 50px !important;
}

.t10{
	margin-left: 50px !important;
}


.t12{
	margin-left:60px !important;
}


.t13{
	margin-left: 20px !important;
}


.t14{
	margin-left: 40px !important;
}

    .text-overlay2 {
  position: absolute;
  top: 60%;
  left: 59%;
  transform: translate(-50%, -50%);
  color: #434348; /* Cambia el color si es necesario */
  text-align: center;
  font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
    line-height: 30px;
  text-align: left;
  font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
  font-size: 1.4rem; /* Ajusta el tamaño de la fuente para el primer título */
  margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
    text-align: left;
  font-weight: 400; /* Aplica el peso Regular a la segunda línea */
  font-size: 1rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
  margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}

    

 
    .text-overlay1 {
  position: absolute;
  top: 60%;
  left: 54%;
  transform: translate(-50%, -50%);
  color: #434348; /* Cambia el color si es necesario */
  text-align: center;
  font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
    line-height: 30px;
  text-align: left;
  font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
  font-size: 1.4rem; /* Ajusta el tamaño de la fuente para el primer título */
  margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
    text-align: left;
  font-weight: 400; /* Aplica el peso Regular a la segunda línea */
  font-size: 1rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
  margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}


.text-overlay {
  position: absolute;
  top: 60%;
  left: 52%;
  transform: translate(-50%, -50%);
  color: #434348; /* Cambia el color si es necesario */
  text-align: center;
  font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
  font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
  font-size: 1.0rem; /* Ajusta el tamaño de la fuente para el primer título */
  margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
  margin-left: -10px;
  font-weight: 400; /* Aplica el peso Regular a la segunda línea */
  font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
  margin-top: -2px; /* Elimina el margen superior para pegar el texto más cerca */
}
    
.img1{
    position: relative;
}

.preg{
    margin-left: -30px;
}

.slider-image{
    margin-top: -30px;
}

}

.val{
    margin-left: -30px;
}


.navbar-dark{
    height: 119px !important;
}

.noticiasimg1{
    margin-top: -3px;
   margin-left: -300%;
}

.noticiasimg2{
  
    margin-top: -3px;
     margin-left: -309%;
}

.noticiasimg{
    margin-top: -3px !important; 
    margin-left: -309%;
}
.noticiasimg5{
 position: absolute;
 margin-left: -445px;
 margin-top: 18px;
 width: 65px;
}

.slider-image{
    height: -300px;
}


/* Estilo para mover la primera imagen hacia arriba */
.logoioma {
 margin-left: 165%; /* Ajusta el valor según sea necesario */
 width: 200px;

}
.logoiomabicente {
    margin-top: -0px;
    margin-left: -300%; /* Ajusta el valor según sea necesario */
    width: 120px;
}         
.logoprov {
    margin-top: -5px;
    margin-left: -250%; /* Ajusta el valor según sea necesario */
    width: 145px;
}
      


.letraportal {
    font-family: "Encode Sans", sans-serif !important;
    font-weight: 400 !important; /* Semibold */
    font-size: 30px !important; 
	  color: #434348 !important;
    text-shadow: none !important;
    letter-spacing: -1px !important;
	margin-top: -80px !important;

   
}
.imghome {
    width: 75% !important; /* Utiliza un ancho relativo para la imagen */
    margin-top: -20px; /* Ajusta el margen superior */
    margin-left: -21px; /* Ajusta el margen izquierdo */

}
 






/* media 110 zoom*/
@media (min-width: 1600px) and (max-width: 1800px) {

.navbar-nav{
    margin-left: -100px !important;
}


       .t2{
		margin-left: 15px !important;
}

    .t6{
		margin-left: 40px !important;
}

    .t8{
		margin-left: 0px !important;
}

    .t9{
		margin-left: 50px !important;
}

.t10{
	margin-left: 50px !important;
}


.t12{
	margin-left:60px !important;
}


.t13{
	margin-left: 20px !important;
}


.t14{
	margin-left: 40px !important;
}
 
.text-overlay2 {
position: absolute;
top: 60%;
left: 59%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 30px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.2rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}




.text-overlay1 {
position: absolute;
top: 60%;
left: 54%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 30px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.2rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 60%;
left: 52%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.9rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -20px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}

.h3, h3 {
font-size: 1.3rem;
}


/* Estilo para mover la primera imagen hacia arriba */
.logoioma {
margin-left: 46% !important;
width: 44% !important;
}
.logoiomabicente {
margin-left: -200% !important; /* Ajusta el valor según sea necesario */
}         
.logoprov {
margin-left: -170% !important; /* Ajusta el valor según sea necesario */
}
.slider-image{
margin-top: -30px;
}

}
/* media 125 zoom*/
@media (min-width: 1343px) and (max-width: 1599px) {

.navbar-nav{
    margin-left: -250px !important;
}



   .t1{
		margin-left: 25px !important;
}



   .t2{
		margin-left: 20px !important;
}

   .t3{
		margin-left: 20px !important;
}
    .t4{
		margin-left:60px !important;
}


    .t6{
		margin-left: 40px !important;
}


    .t8{
		margin-left: -5px !important;
}

    .t9{
		margin-left: 50px !important;
}



.t12{
	margin-left:60px !important;
}

.t10{
	margin-left: 40px !important;
}

.t11{
	margin-left: 60px !important;

}

.t13{
	margin-left: 10px !important;
}


.t14{
	margin-left: 15px !important;
}


.text-overlay2 {
position: absolute;
top: 60%;
left: 59%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 30px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.1rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay1 {
position: absolute;
top: 60%;
left: 54%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 25px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.1rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 60%;
left: 52%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -20px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.6rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}


.h3, h3 {
font-size: 1.2rem;
}

.logoioma {
margin-left: 150px !important; /* Ajusta el valor según sea necesario */

}
.logoiomabicente {
margin-left: -110% !important; /* Ajusta el valor según sea necesario */
}         
.logoprov {
margin-left: -100% !important; /* Ajusta el valor según sea necesario */
}

.slider-image {
height: 320px; /* La altura se ajustará automáticamente para mantener la proporción */
}

.slider-image{
margin-top: -50px;
}

}


/* media 150 zoom*/
@media (min-width: 1200px) and (max-width: 1342px) {

.navbar-nav{
    margin-left: -300px !important;
}




.t1{
		margin-left: 0px !important;
}



   .t2{
		margin-left: 0px !important;
}

   .t3{
		margin-left: 0px !important;
		margin-top: -25px !important;
}

    .t4{
		margin-left:40px !important;
}


    .t5{
		margin-left: 0px !important;
}

    .t6{
		margin-left: 30px !important;
}

    .t7{
		margin-left:20px !important;
}



    .t8{
		margin-left: -10px !important;
}

    .t9{
		margin-left: 30px !important;
}



.t12{
	margin-left:40px !important;
}

.t10{
	margin-left: 30px !important;
}

.t11{
	margin-left: 40px !important;
	margin-bottom: -50px !important;

}

.t13{
	margin-left: 0px !important;
}


.t14{
	margin-left: 15px !important;
}

.text-overlay2 {
position: absolute;
top: 60%;
left: 59%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 25px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.9rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.6rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}




.text-overlay1 {
position: absolute;
top: 60%;
left: 54%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 20px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.9rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.6rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 60%;
left: 55%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -15px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.6rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.h3, h3 {
font-size: 1.1rem;
}

.logoioma {
margin-left: 0% !important; /* Ajusta el valor según sea necesario */

}
.logoiomabicente {
margin-left: -20% !important; /* Ajusta el valor según sea necesario */
}         
.logoprov {
margin-left: -20% !important; /* Ajusta el valor según sea necesario */
}

.slider-image {
height: 300px; /* La altura se ajustará automáticamente para mantener la proporción */
}
.slider-image{
margin-top: -30px;
}

}
/* media 175 zoom*/
@media (min-width: 1000px) and (max-width: 1199px) {

.navbar-nav{
    margin-left: -350px !important;
}





.t1{
		margin-left: 10px !important;
		margin-top: -5px !important;
}



   .t2{
	margin-left: 10px !important;
		margin-top: -5px !important;
}

   .t3{
	margin-left: 10px !important;
		margin-top: -5px !important;
}

    .t4{
		margin-left:40px !important;
}


    .t5{
	margin-left: 10px !important;

}

    .t6{
	margin-left: 20px !important;
		margin-top: 0px !important;
}

    .t7{
		margin-left:20px !important;
		margin-top: 10px !important;
}



    .t8{
		margin-left:-10px !important;
		margin-top: -30px !important;
	
}

    .t9{
		margin-left:25px !important;
		margin-top: -30px !important;
}



.t12{
	margin-left:30px !important;
}

.t10{
	margin-left:20px !important;
	margin-top: -30px !important;

}

.t11{
	margin-left: 25px !important;
	margin-top: -5px !important;

}

.t13{
	margin-left: 0px !important;
	margin-bottom: -0px !important;

}


.t14{
	margin-left: 15px !important;
	margin-bottom: -0px !important;
}


.text-overlay2 {
position: absolute;
top: 60%;
left: 59%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 25px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay1 {
position: absolute;
top: 60%;
left: 54%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 17px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 60%;
left: 52%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -7px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.4rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}


.h3, h3 {
font-size: 1.0rem;
}


.logoioma {
margin-left: 0% !important; /* Ajusta el valor según sea necesario */

}
.logoiomabicente {
margin-left: -18% !important; /* Ajusta el valor según sea necesario */
margin-top: -5px;
width: 100px !important;
}         
.logoprov {
margin-left: -30% !important; /* Ajusta el valor según sea necesario */
margin-top: -5px;
width: 100px !important;
}

#navbarSupportedContent{
margin-left: -180px !important;
}
#barranueva{
margin-left: 25% !important;
}

.slider-image {
height: 280px; /* La altura se ajustará automáticamente para mantener la proporción */
}


.slider-image{
margin-top: -20px;
}

}


/* media 200 zoom*/
@media (min-width: 800px) and (max-width: 999px) {

.navbar-nav{
    margin-left: 600px !important;
}




.t1{
		margin-left: 15px !important;
	
}



   .t2{
	margin-left: 10px !important;

}

   .t3{
	margin-left: -10px !important;
}

    .t4{
		margin-left:30px !important;
}


    .t5{
	margin-left: 20px !important;

}

    .t6{
	margin-left: 5px !important;

}

    .t7{
		margin-left:10px !important;
}



    .t8{
		margin-left:-20px !important;

	
}

    .t9{
		margin-left:10px !important;

}



.t12{
	margin-left:10px !important;
}

.t10{
	margin-left:10px !important;


}

.t11{
	margin-left: 15px !important;


}

.t13{
	margin-left:-5px !important;


}


.t14{
	margin-left: -5px !important;

}



.text-overlay2 {
position: absolute;
top: 60%;
left: 56%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 25px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}


.text-overlay1 {
position: absolute;
top: 60%;
left: 52%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 17px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -18px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.4rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}

}
/* media 250 zoom*/
@media (min-width: 700px) and (max-width: 799px) {   
.navbar-nav{
    margin-left: 600px !important;
}


.t1{
		margin-left: 10px !important;
	
}



   .t2{
	margin-left: 10px !important;
	
}

   .t3{
	margin-left: 25px !important;
	margin-top: -20px !important;
	
}

    .t4{
		margin-left:45px !important;
		font-size: 9px !important;
}


    .t5{
	margin-left: 25px !important;

}

    .t6{
	margin-left: 30px !important;

	
}

    .t7{
		margin-left:45px !important;
	
}



    .t8{
		margin-left:5px !important;

	
}

    .t9{
		margin-left:50px !important;
	
}



.t12{
	margin-left:55px !important;
}

.t10{
	margin-left:40px !important;


}

.t11{
	margin-left: 45px !important;


}

.t13{
	margin-left: 10px !important;


}


.t14{
	margin-left: 20px !important;

}

.text-overlay2 {
position: absolute;
top: 60%;
left: 57%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 20px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}

.text-overlay1 {
position: absolute;
top: 60%;
left: 52%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 17px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.6rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -6px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.5rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}
  
}
/* media 300 zoom*/
@media  (min-width: 600px) and (max-width: 699px) {

.navbar-nav{
    margin-left: 550px !important;
}



.t1{
		margin-left: 30px !important;
}



   .t2{
	margin-left: 30px !important;

}

   .t3{
	margin-left: -5px !important;

}

    .t4{
		margin-left:115px !important;
}


    .t5{
	margin-left: 30px !important;

}

    .t6{
	margin-left: 10px !important;

}

    .t7{
		margin-left:50px !important;

}



    .t8{
		margin-left:-35px !important;

	
}

    .t9{
		margin-left:60px !important;

}



.t12{
	margin-left:80px !important;
}

.t10{
	margin-left:50px !important;


}

.t11{
	margin-left: 90px !important;


}

.t13{
	margin-left: -35px !important;


}


.t14{
	margin-left: -35px !important;

}


.text-overlay2 {
position: absolute;
top: 60%;
left: 55%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 40px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.5rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.9rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}

.text-overlay1 {
position: absolute;
top: 58%;
left: 52%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 40px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.5rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.9rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.5rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -35px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.9rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}
}



/* media 400 zoom*/


@media  (min-width: 480px) and (max-width: 599px) {

#inputBusqueda{
 font-size: 20px;
}

#inputBusqueda1{
 font-size: 20px;
} 
    .navbar-nav{
    margin-left: 400px !important;
    margin-top: 20px !important;
}



.t1{
		margin-left: 30px !important;
}



   .t2{
	margin-left: 30px !important;

}

   .t3{
	margin-left: 10px !important;

}

    .t4{
		margin-left:110px !important;
}


    .t5{
	margin-left: 30px !important;

}

    .t6{
	margin-left: 25px !important;

}

    .t7{
		margin-left:55px !important;

}



    .t8{
		margin-left:-15px !important;

	
}

    .t9{
		margin-left:60px !important;

}



.t12{
	margin-left:70px !important;
}

.t10{
	margin-left:50px !important;


}

.t11{
	margin-left: 90px !important;


}

.t13{
	margin-left: -15px !important;


}


.t14{
	margin-left: -0px !important;

}


.text-overlay2 {
position: absolute;
top: 60%;
left: 56%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 40px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.4rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}


.text-overlay1 {
position: absolute;
top: 60%;
left: 52%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 30px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.0rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.2rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -35px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}
}      
/* media 500 zoom*/
@media (min-width: 380px) and (max-width: 479px) {

.navbar-nav{
    margin-left: 310px !important;
    margin-top: 10px !important;
}
#inputBusqueda{
 font-size: 14px;
}

#inputBusqueda1{
 font-size: 14px;
} 



}




/* media mobile*/
@media  (min-width: 250px) and (max-width: 379px) {


#inputBusqueda{
 font-size: 8px;
}

#inputBusqueda1{
 font-size: 8px;
}    

.navbar-nav{
    margin-left: 250px !important;
    margin-top: 10px !important;
}


.t1{
		margin-left: -0px !important;
}



   .t2{
	margin-left: 0px !important;

}

   .t3{
	margin-left: 0px !important;

}

    .t4{
		margin-left:50px !important;
}


    .t5{
	margin-left: 10px !important;

}

    .t6{
	margin-left: 25px !important;

}

    .t7{
		margin-left:20px !important;

}



    .t8{
		margin-left:-5px !important;

	
}

    .t9{
		margin-left:30px !important;

}



.t12{
	margin-left:35px !important;
}

.t10{
	margin-left:35px !important;


}

.t11{
	margin-left: 45px !important;
	margin-top: -0px !important;


}

.t13{
	margin-left: 5px !important;


}


.t14{
	margin-left: 15px !important;

}



.text-overlay2 {
position: absolute;
top: 60%;
left: 63%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay2 p:first-child {
line-height: 40px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.2rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay2 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}


.text-overlay1 {
position: absolute;
top: 60%;
left: 54%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay1 p:first-child {
line-height: 30px;
text-align: left;
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 1.2rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay1 p:last-child {
text-align: left;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.8rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}



.text-overlay {
position: absolute;
top: 55%;
left: 55%;
transform: translate(-50%, -50%);
color: #434348; /* Cambia el color si es necesario */
text-align: center;
font-family: 'Encode Sans', sans-serif; /* Fuente principal */
}

.text-overlay p:first-child {
font-weight: 600; /* Aplica el peso Semi Bold a la primera línea */
font-size: 0.7rem; /* Ajusta el tamaño de la fuente para el primer título */
margin-bottom: 0px; /* Reduce el espacio debajo del primer párrafo */
}

.text-overlay p:last-child {
margin-left: -30px;
font-weight: 400; /* Aplica el peso Regular a la segunda línea */
font-size: 0.6rem; /* Ajusta el tamaño de la fuente para el segundo título (más pequeño) */
margin-top: 0; /* Elimina el margen superior para pegar el texto más cerca */
}

}


/* media 200 zoom*/
@media (min-width: 250px) and (max-width: 990px) {

.slider-image{
margin-top: -20px;
}
.logoioma {
margin-left: 0% !important; /* Ajusta el valor según sea necesario */

}
.noticiasimg{
margin-left: 0px !important;
}
  

.letraportal {
font-family: "Encode Sans", sans-serif !important;
font-weight: 400 !important; /* Semibold */
font-size: 20px !important; 
  color: #434348 !important;
text-shadow: none !important;
letter-spacing: -1px !important;
margin-top: -35px !important;


}

.imghome {
width: 50% !important; /* Utiliza un ancho relativo para la imagen */
margin-top: -25px !important; /* Ajusta el margen superior */
margin-left: 0px !important; /* Ajusta el margen izquierdo */
}

.slider-image {
height: auto !important; /* La altura se ajustará automáticamente para mantener la proporción */
}
.texto1{
font-size: 16px !important;
}

.texto2{
font-size: 18px !important;
}
}

.img-fluid12 {
width: 95%; /* Esto hará que la imagen ocupe el 100% del contenedor */
height: auto; /* Mantiene la proporción de la imagen */
transition: transform 0.3s ease; /* Opcional: agrega una transición suave */
}

.img-fluid12:hover {
transform: scale(1.05); /* Opcional: agranda la imagen al pasar el cursor */
}


@media (max-width: 1200px) {
.img-fluid12 {
	width: 90%; /* En pantallas más pequeñas (menos de 1200px), la imagen ocupará un 90% */
}
.slider-image{
margin-top: -20px;
}
}

@media (max-width: 992px) {
.img-fluid12 {
	width: 80%; /* En pantallas más pequeñas (menos de 992px), la imagen ocupará un 80% */
}
.slider-image{
margin-top: -20px;
}
}

@media (max-width: 768px) {
.img-fluid12 {
	width: 70%; /* En pantallas más pequeñas (menos de 768px), la imagen ocupará un 70% */
}
.slider-image{
margin-top: -20px;
}
}



@media (max-width: 991px) {
/* Mostrar el navbar como fila, sin collapse */
.navbar-collapse {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.navbar-nav {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

.navbar-nav .nav-item {
margin: 0 4px;
}

.navbar-nav .nav-item img {
margin-top: -50px !important;
height: 60px !important;
width: auto !important;
}

/* Ocultar la 5ta imagen del primer ul#barranueva */
#barranueva .nav-item:nth-child(5) {
display: none !important;
}

/* Ocultar todo el segundo ul (las 2 imágenes del final) */
.navbar-collapse > ul:nth-of-type(2) {
display: none !important;
}

/* Ocultar botón hamburguesa */
.navbar-toggler {
display: none !important;
}

/* Ajuste de márgenes en navbar */
.navbar {
padding: 5px 10px !important;
}
.slider-image{
margin-top: 10px;
}
}

@media (max-width: 420px) {
.navbar-collapse .navbar-nav .nav-item img {
  width: 80px !important;
  height: auto !important;
}

.noticiasimg{
    margin-left: -8px !important;
}

.navbar-collapse .nav-item,
.navbar-collapse .navbar-brand,
.navbar-collapse .nav-item a {
  padding: 0 !important;
  margin: 0;
}

.navbar-collapse {
  margin-top: 10px;
}
.slider-image{
margin-top: 30px;
}
}

.col-md-4 a {
display: block;
position: relative;
overflow: hidden;
}

.col-md-4 a img {
transition: transform 0.3s ease;
}

.col-md-4 a:hover img {
transform: scale(1.02); /* Aumenta ligeramente el tamaño */
}



.position-relative {
position: relative;
}