.contenedor-todo {
    max-width: 90%!important;/*Contenedor general del template*/
}



/*Contenedor de todo*/
.mb3 {
    margin-bottom: 3em;
}

.miniatura_univ img{
    height: 200px!important;
    width: auto;
    display: inline-block;
}
.container {
    display: flex;
    justify-content: space-between; /* Espaciado entre las divisiones */
    margin: 0 auto; /* Centra el contenedor horizontalmente */

}


.left-content {
    width: 67%; /* El 70% de la pantalla */
    padding: 20px; /* Espacio interno para la división izquierda */
    box-sizing: border-box;
}

.right-content {
    width: 33%; /* El 30% de la pantalla */
    padding: 20px; /* Espacio interno para la división derecha */
    box-sizing: border-box;
}



/* Estilos CSS para el encabezado */
.encabezado {
    margin: 0 auto; /* Centra el encabezado horizontalmente */
    display: flex;
    justify-content: space-between; /* Espaciado entre los elementos internos */
    align-items: center; /* Centra los elementos verticalmente */
    padding: 1.5% 0; /* Espaciado superior e inferior */
}

.logo-encabezado {
    width: 30%;
    text-align: center;
}

.logo-encabezado img {
    object-fit: cover;
    width: 150px;
    height: 150px;
    margin-top: 3%;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.divencabezado {
    width: 69%;
    text-align: center;
}

.divencabezado h1 {
    color: #000;
    font-size: 2.2em!important;
}

.divencabezado h4 {
    font-size: 0.9em;
    margin-top: -10px;
}

/*Fin encabezado*/




/* Estilos CSS para el Contenedor General en la barra */
.contenedor-general-barra {
    max-width: 100%; /* Ancho máximo del 80% de la pantalla */
    margin: 0 auto; /* Centra el contenedor horizontalmente */
    display: flex;
    flex-direction: row; /* Alineación en filas */
    align-items: center; /* Alinea al centro verticalmente */
    justify-content: space-between; /* Espacio entre los botones */
}

/* Estilos CSS para los Botones en la barra */
.boton-barra {
    flex: 1; /* Cada botón ocupa un tercio del contenedor */
    text-align: center;
    padding: 15px;
    text-decoration: none;
    border-radius: 20px; /* Border radius de 20px */
    transition: background-color 0.3s ease; /* Efecto de transición de color */
    margin-right: 10px; /* Separación horizontal entre los botones */
    color: #fff!important;
}

/* Estilos CSS para los colores de fondo de los botones */
.boton-barra.boton1 {
    background-color: #00BB2D; /* Color de fondo para el Botón 1 */
}

.boton-barra.boton2 {
    background-color: #ff6600; /* Color de fondo para el Botón 2 */
}

.boton-barra.boton3 {
    background-color: #003A91!important; /* Color de fondo para el Botón 3 */
}

.boton-barra:hover {
    background-color: #0056b3; /* Cambia el color de fondo al pasar el cursor */
}

/*Fin de los botones en la barra*/




/*Botones*/
/* Estilos CSS para el Contenedor General */
.contenedor-general {
    margin: 0 auto; /* Centra el contenedor horizontalmente */
    display: flex;
    flex-direction: row; /* Alineación en filas */
    align-items: center; /* Alinea al centro verticalmente */
    justify-content: space-between; /* Espacio entre los botones */
}

/* Estilos CSS para los Botones */
.boton {
    flex: 1; /* Cada botón ocupa un tercio del contenedor */
    text-align: center;
    padding: 15px;
    text-decoration: none;
    border-radius: 20px; /* Border radius de 20px */
    transition: background-color 0.3s ease; /* Efecto de transición de color */
    margin: 0em 0; /* Separación de 2em arriba y abajo */
    margin-right: 0px; /* Separación horizontal entre los botones */
    margin-left: 10px;
    color: #fff!important;
}

/* Estilos CSS para los colores de fondo de los botones */
.boton.boton1 {
    background-color: #00BB2D; /* Color de fondo para el Botón 1 */
}

.boton.boton2 {
    background-color: #1d8fca; /* Color de fondo para el Botón 2 */
}

.boton.boton3 {
    background-color: #003A91!important; /* Color de fondo para el Botón 3 */
}

.boton.boton4 {
    background-color: #003A91!important; /* Color de fondo para el Botón 4 */
}

/* Efecto de hover para los botones */
.boton:hover {
    background-color: #0056b3; /* Cambia el color de fondo al pasar el cursor */
}
/*Fin de los botones*/


/*TABS*/


.page-content {
    width: 100%;
}

[data-tab-content] {
    display: none;
}

.active[data-tab-content] {
    display: block;
}

.tabs {
    display: flex;
    justify-content: space-around;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tab {
    flex: 1;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px;
    color: #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.tab.active {
    color: #1babf9;
    border-bottom: 2px solid #ddd;
}

.tab-li {
    flex: 1;
    margin-bottom: 0;
    border-right: 0px solid #ddd;
}

.tab-li a {
    text-align: center;
    text-transform: capitalize;
    font-weight: normal;
    cursor: pointer;
    padding: 10px 0;
    color: #000;
    border-bottom: 2px solid #cdcdcd;
    margin-bottom: 0.4rem;
    width: 100%;
    display: block;
    background-color: #F3F0F0;
}

.tab-li a.active {
    color: #fff;
    border-bottom: 2px solid #ddd;
    background-color: #92BF1F;
}

.tab-li a {
    text-decoration: none;
    white-space: nowrap;
    padding: 10px;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: block;
}

/*FIN TABS*/


.contienevideo {
    position: relative!important; padding-bottom: 56%!important; width: 100%!important; text-align: left!important;
}

/*Videos en descripciones*/

iframe {
    width: 100%!important;position: absolute!important;height: 100%!important;overflow: hidden!important;
}

.h3verde {
    color: #92BF1F; font-size: 1.3em!important; margin-bottom: 1em; margin-top: 2em;font-weight: bold!important;
}



/*GALERIA DE IMAGENES*/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}


.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    width: 100%; /* Ancho del 100% para que se ajuste al contenedor */
    padding-top: 66.25%; /* Proporción 16:9 (9/16) */
    position: relative; /* Añade posición relativa para contenido adicional */
}

.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    object-fit: cover; /* Utiliza object-fit: cover para ajustar la imagen */
    width: 100%;
    height: 100%; /* Asegura que ocupe todo el espacio del contenedor */
    position: absolute; /* Añade posición absoluta para la imagen */
    top: 0;
    left: 0;
}
/*FIN DE LA GALERIA DE IMAGENES*/



/*Imagen */

.imagen-destacada-div {
    width: 100%;
    padding-top: 56.25%; /* 9/16 (16:9) */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.sin-imagen {
    width: 100%;
    padding-top: 56.25%; /* 9/16 (16:9) */
    background-color: #ccc; /* Color de fondo gris */
    border-radius: 30px;
}


/*FIN DE LA IMAGEN DESTACADA*/








/* Estilos para el icono */
.icono {
    margin-right: 10px;
    width: 50px; /* Ancho del icono */
    height: 50px; /* Alto del icono */
    vertical-align: middle;
}


/*Paginacion*/
/*Estilos leer mas*/
    .read-more-link {
    font-weight: bold!important;
    color: blueviolet!important;
    text-decoration: none;
}

.read-more-link:hover {
    text-decoration: underline;
}
/*Fin paginacion*/