/*
Theme Name: Red Comunica Csuca - UASD  V2.0
Theme URI: https://uasd.edu.do/
Author: DGTI - UASD
Author URI: https://uasd.edu.do/
Description: thema para Red Comunica Csuca creado en la Universidad Autónoma de Santo Domingo, Diseñado por la Dirección General de Comunicaciones en conjunto con la Dirección General de Tecnología de la Información 2025.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: redcomunicauasd
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: background-color 0.3s, color 0.3s;
}
.header-page{
    background-color: #1366AF;
    color: #f5f5f5;
    margin: 0; /* Elimina márgenes adicionales */
}
.bg-azul{
    background-color: #13375a;
    color: #fff;
}
.bg-azul-claro{
    background-color: #429AD0;
    color: #f5f5f5;
    padding: 5px 0;
    background-image: url('/wp-content/themes/redcomunica/assets/img/fondo-azul.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.page-hero-bar {
    padding-top: 14px;
    padding-bottom: 14px;
}

.page-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    line-height: 1.4;
}

.page-breadcrumb a,
.page-breadcrumb span {
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
}

.page-breadcrumb a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.page-breadcrumb a:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.page-breadcrumb > span:last-child {
    font-weight: 700;
}

.page-breadcrumb-separator {
    opacity: 0.75;
}

.page-hero-title {
    margin: 0;
    color: #f5f5f5;
}

.navbar-nav .menu-item:last-child {
    color: #1366AF;
    width: 70px;
    margin-top: 5px;
    text-decoration: none;
    border-radius: 0 40px 40px 0;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar-nav .menu-item:last-child> a{
    padding: 5px 12px;
    font-size: 16px;
	width: 100%;
    background-color: #fff;
    border: none;
    color: #1366AF;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 40px 40px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición para hover */
}

.boton-blog a:hover {
    background-color: #13375a;
    color: #fff;
}

.navbar-nav .menu-item {
    margin-right: 25px; /* Espaciado entre los elementos del menú */
}
.navbar-nav .menu-item a{
    text-decoration: none;
    color: white; /* Espaciado entre los elementos del menú */
}

.navbar-nav .menu-item:last-child {
    margin-right: 0; /* Elimina el margen del último elemento */
}
.navbar-nav li.menu-item-has-children {
    position: relative;
}

.navbar-nav li.menu-item-has-children > ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff; /* Ajusta el color de fondo */
    padding: 10px;
    list-style: none;
    width: 200px; /* Ajusta el ancho del menú desplegable */
}

.navbar-nav li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
}

.navbar-nav li.menu-item-has-children > ul.sub-menu li a {
    color: #1366AF; /* Ajusta el color del texto */
    text-decoration: none;
    display: block;
    padding: 5px 0;
	width: 180px;
}

/* Estilo para el menú desplegable */
.menu-dropdown {
    background-color: white;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    width: 300px;
}

.menu-dropdown .dropdown-item {
    color: #1366AF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.menu-dropdown .dropdown-item:hover {
    background-color: #1366AF;
    color: white;
}

/* Submenú */
.submenu .menu-dropdown {
    background-color: white;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    width: 300px;
}

.menu-dropdown .dropdown-item {
    color: #1366AF;
	width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.menu-dropdown .dropdown-item:hover {
    background-color: #1366AF;
    color: white;
}

/* Submenú */

    .dropdown-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #1366AF; /* Fondo azul */
        color: white; /* Texto blanco */
        padding: 10px 15px; /* Espaciado interno */
        border-radius: 10px 10px 0 0; /* Bordes redondeados en la parte superior */
    }


    .dropdown-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #1366AF; /* Fondo azul */
        color: white; /* Texto blanco */
        padding: 10px 15px; /* Espaciado interno */
        border-radius: 0px 0px 0 0; /* Bordes redondeados en la parte superior */
        margin: 0; /* Elimina márgenes adicionales */
    }
    
    .menu-dropdown {
        margin: 0; /* Elimina márgenes adicionales */
        padding: 0; /* Elimina padding adicional */
        background-color: white;
        border-radius: 0 0 0px 40px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        width: 300px;
    }
    
    .menu-dropdown .dropdown-item {
        padding: 10px 15px; /* Espaciado interno para los elementos del menú */
        margin: 0; /* Elimina márgenes adicionales */
    }
    
    .submenu {
        padding: 0; /* Elimina padding adicional */
        margin: 0; /* Elimina márgenes adicionales */
    }


    .dropdown-submenu {
        position: relative; /* Asegura que el submenú se posicione relativo al padre */
    }
    
    .submenu {
        display: none; /* Oculta el submenú por defecto */
        position: absolute;
        top: 100%; /* Posiciona el submenú debajo del elemento padre */
        left: 0; /* Alinea el submenú con el borde izquierdo del elemento padre */
        margin: 0; /* Elimina márgenes adicionales */
        background-color: white;
        border: 1px solid #ddd;
        border-radius: 5px;
        z-index: 1000;
        width: 200px; /* Ajusta el ancho del submenú si es necesario */
    }
    
    .dropdown-submenu:hover .submenu {
        display: block;
    }
    
    .submenu .dropdown-item {
        padding: 10px 15px;
        color: #1366AF;
        text-decoration: none;
    }
    
    .submenu .dropdown-item:hover {
        background-color: #1366AF;
        color: white;
    }



    .dropdown-header img {
        width: 55px; /* Ajusta el tamaño del icono */
        height: 30px;
        margin-right: -10px; /* Espacio entre el icono y el texto */
    }
    
    .dropdown-title {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .dropdown-icon {
        width: 24px; /* Ajusta el tamaño del icono */
        height: 24px;
    }
    

    .menu-figures {
        position: absolute;
        bottom: 10px; /* Ajusta según sea necesario */
        right: 20px; /* Ajusta según sea necesario */
        display: flex;
        gap: 4px; /* Espaciado entre las figuras */
    }
    
    .figure2 {
        width: 12px;
        height: 12px;
    }
    
    .circle2 {
        background-color: #1E71B6;
        border-radius: 50%; /* Hace que sea un círculo */
    }
    
    .square2 {
        background-color: #2F85C3;
        border-radius: 0% 100% 0% 0%;
    }
    
    .triangle2 {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 12px solid #1366AF; /* Color del triángulo */
    }
    
    .semicircle2 {
        background-color: #429AD0;
        border-radius: 0% 50% 50% 0%;
    }


/* Menu cuando se hace Scroll */

.header.scrolled {
    background-color: hsla(0, 0%, 100%, 0.9);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.header.scrolled .navbar-brand span,
.header.scrolled .nav-link {
    color: #1366AF !important;
}

.header.scrolled .btn-primary {
    background-color: #1366AF;
    border-color: #1366AF;
}
/*
.header.scrolled #header-logo {
    content: url("/wp-content/themes/redcomunica/assets/img/LOGOCSUCA.png"); 
}
*/

.header .container {
    padding-left: 20px;
    padding-right: 20px;
}

.scrolled .navbar {
    transition: background-color 0.3s ease-in-out;
}

.scrolled .nav-link {
    color: #1366AF ;
}

.scrolled .navbar-brand span,
.scrolled .nav-link {
    color: black ;
}

.navbar-brand span {
    font-size: 24px;
    font-weight: bold;
}


/* Carousel Banner */

.carousel-inner img {
    height: 100vh;
    object-fit: cover;
}

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.carousel-indicators [data-bs-target]:hover {
    opacity: 0.8; /* Aumenta la opacidad al pasar el mouse */
}

.carousel-indicators .active {
    margin-top: 10px;
    width: 50px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    transition: all 0.3s ease;
    border: none;
    border-radius: 40px 40px 40px 40px;
}

.carousel-control-next-icon {
color: #fff;
}

.custom-caption {
    position: absolute;
    bottom: 50px; /* Espacio inferior */
    left: 100px; /* Espacio izquierdo */
    text-align: left;
}


.custom-caption a {
    padding: 12px 20px;
    font-size: 18px;
    background-color: #fff;
    border: none;
    color: #1366AF;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 40px 40px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición para hover */
}

.custom-caption a:hover {
    background-color: #13375a;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%; /* Centra verticalmente el botón */
    transform: translateY(-50%); /* Ajusta el centro vertical */
    width: 40px; /* Ajusta el ancho del botón */
    height: 40px; /* Ajusta el alto del botón */
    border-radius: 50%; /* Hace que el botón sea circular */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; /* Transición suave */
    z-index: 10; /* Asegura que los botones estén por encima del contenido */
}



.carousel-control-prev {
    left: 10px; /* Más cerca del borde izquierdo */
}

.carousel-control-next {
    right: 10px; /* Más cerca del borde derecho */
}

.carousel-control-prev-icon span {
    color: #fff;
}


.carousel-control-next-icon {
    background-color: white; /* Fondo blanco para los íconos */
    mask-size: contain;
    mask-image: url('/wp-content/themes/redcomunica/assets/img/carousel-derecha.svg'); /* Mantén el ícono SVG */
    mask-repeat: no-repeat;
}

.carousel-control-prev-icon {
    background-color: white; /* Fondo blanco para los íconos */
    mask-size: contain;
    mask-image: url('/wp-content/themes/redcomunica/assets/img/carousel-izquierda.svg'); /* Mantén el ícono SVG */
    mask-repeat: no-repeat; 
}


/* Footer */

.footer {
    position: relative; /* Asegura que los elementos absolutos se posicionen dentro del footer */
    background-image: url('/wp-content/themes/redcomunica/assets/img/footer-img.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    background-blend-mode: overlay;
    color: #1366AF;
    padding-top: 40px;
    margin: 0; /* Elimina márgenes adicionales */
    overflow: hidden; /* Asegura que no haya contenido desbordado */
}

.footer-left {
    padding-left: 100px;
}

.footer .img {
    max-width: 100%;
    height: auto;
}

.footer-img {
    width: 100%;
    height: auto;
}

.footer-logo {
    width: 100px;
    margin-bottom: 20px;
}

.footer-description {
    font-size: 14px;
    line-height: 1.6;
}

.footer-contact {
    font-size: 14px;
    margin-top: 40px;
}

.footer-contact-number{
    font-size: 22px;
    font-weight: bold;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-left li {
    margin-bottom: 30px;
}

.footer-li-top {
    margin-top: 10px;
}

.footer-content {
    position: relative;
    margin-bottom: 0;
}

.footer-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #1366AF;
    transform: translateX(-50%);
    z-index: 1;
}

.footer-links a {
    color: #1366AF;
    text-decoration: none;
    font-size: larger;
    font-weight: bold;
}

.footer-links a:hover {
    text-decoration: underline;
}

.footer-social {
    margin-top: 20px;
}

.footer-social a {
    display: inline-block;
    margin-right: 10px;
}

.footer-social img {
    width: 40px;
    height: 40px;
}

.footer-figures {
    position: absolute;
    bottom: 100px;
    right: 20px;
    display: flex;
    gap: 6px;
}

.figure {
    width: 20px;
    height: 20px;
}

.circle {
    background-color: #1E71B6;
    border-radius: 50%; 
}

.square {
    background-color: #2F85C3;
    border-radius: 0% 100% 0% 0%;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 20px solid #1366AF;
}

.semicircle {
    background-color: #429AD0;
    border-radius: 0% 50% 50% 0%;
}

.footer-subfooter {
    background-color: white;
    color: #1366AF;
    padding: 20px 0;
    margin: 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
    border-top: 1px solid #ddd;
}

.subfooter-text {
    background-color: #fff;
    margin: 0;
    font-size: 12px;
}


/* VERSION MOBIL ////////////////////////////////////////// */


/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {

    .header {
        background-color: #1366AF;
        box-shadow: 0 0 5px #1366AF; /* Agrega un efecto de sombra azul */
        
    }

    /* Estilo para el navbar-toggler */
    .navbar-toggler {
        border: 2px solid white;
        border-radius: 10px;
        background-color: transparent;
        padding: 5px 10px;
    }

        /* Estilo para el navbar-toggler cuando el header tiene fondo blanco */
    .header.scrolled .navbar-toggler {
        border-color: #1366AF; /* Cambia el borde al azul del proyecto */
        background-color: transparent; /* Fondo transparente */
    }

    .header.scrolled .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%231366AF' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* Líneas azules */
    }
 
    .navbar-toggler:focus {
        outline: none; /* Elimina el contorno predeterminado */
        box-shadow: 0 0 5px #1366AF; /* Agrega un efecto de sombra azul */
        border-color: #fff; /* Cambia el borde al azul del proyecto */
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* Líneas blancas */
    }

    /* Dropdown en versión móvil */
    .navbar-collapse {
        text-align: right; /* Alinea el contenido del dropdown a la derecha */
        border-radius: 0% 0% 0% 20%;
        background-color: #fff;}
    

    /* Estilo para los enlaces del menú toggle cuando no se hace scroll */
    .navbar-nav .nav-link {
        color: #1366AF; /* Azul del proyecto */
        font-weight: bold; /* Opcional: para resaltar los enlaces */
        transition: color 0.3s ease; /* Transición suave */
    }

    /* Estilo para los enlaces cuando el header tiene la clase "scrolled" */
    .header.scrolled .navbar-nav .nav-link {
        color: #1366AF !important; /* Azul del proyecto */
    }

    .navbar-nav .nav-link {
        color: #1366AF !important;
    }
    .dropdown-menu {
        background-color: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        padding: 10px 0;
        width: 100%;
    }

    .dropdown-header {
        background-color: #1366AF; /* Fondo azul */
        color: white; /* Texto blanco */
        padding: 10px 15px; /* Espaciado interno */
        text-align: left; /* Alinea el texto a la izquierda */
    }

    .dropdown-item {
        color: #1366AF; /* Color del texto */
        padding: 10px 15px; /* Espaciado interno */
        text-decoration: none; /* Sin subrayado */
    }

    .dropdown-item:hover {
        background-color: #1366AF; /* Fondo azul al pasar el mouse */
        color: white; /* Texto blanco al pasar el mouse */
    }

    .dropdown-menu {
        position: static; /* Asegura que el menú se despliegue correctamente */
        width: auto; /* Ajusta el ancho automáticamente */
        background-color: #fff;
    }  

    .navbar-nav .menu-item a{
        color: #1366AF;
    }
	

    .navbar-nav .menu-item:last-child {
		display: block;
		padding: 0px 10px;
		background-color: white;
		border-radius: 0px 20px 20px 0px;
    }


/* Carrousel mobil */

    .carousel {
        height: auto; /* Permite que el carrusel se ajuste automáticamente al contenido */
        display: flex;
        align-items: center; /* Centra las imágenes verticalmente */
        justify-content: center; /* Centra las imágenes horizontalmente */
        overflow: hidden; /* Oculta cualquier contenido que sobresalga */
    }

    .carousel-inner img {
        width: 100%; /* Asegura que la imagen ocupe todo el ancho del carrusel */
        height: auto; /* Mantiene la proporción de la imagen */
        object-fit: contain; /* Ajusta la imagen dentro del contenedor sin recortarla */
        max-height: 100vh; /* Limita la altura máxima al 100% de la altura de la ventana */
    }

    .carousel-caption {
        font-size: 14px; /* Ajusta el tamaño del texto en la versión móvil */
        padding: 10px; /* Agrega espaciado interno */
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 30px; /* Reduce el tamaño de los botones en móvil */
        height: 30px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 20px; /* Ajusta el tamaño de los íconos */
        height: 20px;
    }


    .carousel {
        margin-top: 48px; /* Ajusta este valor al tamaño del header */
        background-color: #1366AF; /* Azul del proyecto */
    }
    
    /* Botón "Quienes Somos" más pequeño */
    .custom-caption a {
        margin-bottom: -70px;
        padding: 8px 15px; /* Reduce el tamaño del botón */
        font-size: 14px; /* Reduce el tamaño del texto */
        background-color: #fff; /* Fondo blanco */
        color: #1366AF; /* Azul del proyecto */
        font-weight: 600;
        text-decoration: none;
        border-radius: 0px 20px 20px 0px; /* Bordes redondeados */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    
    .custom-caption a:hover {
        background-color: #13375a; /* Azul más oscuro al pasar el mouse */
        color: #fff; /* Texto blanco al pasar el mouse */
    }

    .carousel-indicators {
        display:none;
    }

    


/*  FOOTER   ///////////////////////////////////////////////   */

.footer-divider {
    display: none;
}

.footer-li-top {
    margin-top: 25px;
}

.footer-left {
    padding-left: 15px;
}

.footer-figures {
    position: absolute;
    bottom: 100px;
    right: 20px;
    display: flex;
    gap: 6px;
}

.subfooter-text {
    background-color: #fff;
    margin: 0;
    font-size: 10px;
}


}

/*  CAMBIOS en Front-page   ///////////////////////////////////////////////   */

.titulo-seccion {
    color: #1366AF;
    font-weight: bold;
    text-align: left;
}

.linea-titulo {
    width: 100px;
    height: 4px;
    background-color: #1366AF;
    margin-left: 0;
}



.titulo-seccion {
    color: #1366AF;
    font-weight: bold;
    text-align: left;
    margin-top: 90px;
}

.linea-titulo {
    width: 100px;
    height: 4px;
    background-color: #1366AF;
    margin-left: 0;
    margin-bottom: 30px;
}

.universidad-img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    object-fit: cover;
}


.universidad-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.universidad-item a{
text-decoration: none;
}


.universidad-nombre {
    font-size: 16px;
    font-weight: 500;
    color: #1366AF;
    margin: 0;
    line-height: 1.5;
}

.noticia-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.noticia-img {
    width: 100%;
    height: 200px;
    /* border-radius: 20px; */
    object-fit: cover;

}
.noticia-titulo{
    color: #1366AF;
    font-weight: bold;
    text-align: left;
    /* margin-top: 90px; */
}
.noticia-fecha{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #1366AF;

}
.noticia-nombre {
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #1366AF;
    margin-top: 5px;
}
.noticia-figure-0{
    width: 133;height: 53;top: 1633px;left: 204px;border-top-left-radius: 50px;border-bottom-left-radius: 50px;background: #1366AF;padding: 10px 0px 10px 0px;display: flex;align-items: center;justify-content: center; font-weight: 400;font-size: 18px;line-height: 100%;letter-spacing: 0%;color: #FFFFFF;
    margin-bottom: 10px;
}

.noticia-figure-1{
    width: 133;height: 53;top: 1580px;left: 364px;border-bottom-left-radius: 50px;padding: 10px 0px 10px 0px;background: #1366AF;display: flex;align-items: center;justify-content: center; font-weight: 400;font-size: 18px;line-height: 100%;letter-spacing: 0%;color: #FFFFFF;
    margin-bottom: 10px;
}

.noticia-figure-2{
    width: 133;height: 53;top: 1580px;left: 390px;border-radius: 50px;background: #1366AF;display: flex;padding: 10px 0px 10px 0px;align-items: center;justify-content: center; font-weight: 400;font-size: 18px;line-height: 100%;letter-spacing: 0%;color: #FFFFFF;
    margin-bottom: 10px;
}

.noticia-figure-3{
    width: 133;height: 53;top: 1580px;left: 546px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;background: #1366AF;display: flex;padding: 10px 0px 10px 0px;align-items: center;justify-content: center; font-weight: 400;font-size: 18px;line-height: 100%;letter-spacing: 0%;color: #FFFFFF;
    margin-bottom: 10px;
}
.noticia-linea{
    width: 100%;top: 1536px;left: 71px;border-width: 1px;border: 1px solid #1366AF
}
.btn-primario {
    bottom: 50px;
    left: 100px;
    text-align: left;
}


.btn-primario a {
    padding: 12px 20px;
    font-size: 18px;
    background-color: #1366AF;
    border: none;
    color: white;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 40px 40px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición para hover */
}

.btn-primario a:hover {
    background-color: #13375a;
    color: #fff;
}

.btn-primario a:active {
    background-color: #0d6efd !important;
    color: #fff !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2); /* Efecto de presionado */
}


/* SWIPER POST ///////////////////////*/

.swipe {
    overflow: visible;
    position: relative;
  }
  .swipe-wrap {
    overflow: visible;
    position: relative;
  }
  .swipe-wrap > div {
    float:left;
    position: relative;
  }
  
  #myWrapper{
    overflow: hidden;
    width: 620px;
  }

/* MIEMBROS ///////////////////////*/
  
.member-card {
    text-align: center;
    transition: transform 0.3s ease;
}

.member-card:hover {
    transform: scale(1.05);
}

.member-photo img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 0% 0% 0% 20%;
}

.member-name {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px;
    color: #1366AF;
}

.member-position {
    font-size: 1rem;
    color: #666;
}
/*
.row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
}
*/

/* AJUSTES MOBILE ADICIONALES  ////////////////////////////////////////// */

@media (max-width: 991.98px) {
    html,
    body {
        overflow-x: hidden;
    }

    .header .container,
    .header-page .container,
    .container,
    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header .navbar,
    .header-page .navbar {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navbar-brand img {
        width: 52px;
        height: 52px;
    }

    .navbar-brand span {
        font-size: 18px;
        line-height: 1.2;
    }

    .navbar-collapse {
        margin-top: 14px;
        padding: 16px;
        border-radius: 0 0 0 24px;
        max-height: calc(100vh - 96px);
        overflow-y: auto;
    }

    .navbar-nav .menu-item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .navbar-nav .menu-item:last-child,
    .navbar-nav .menu-item:last-child > a {
        width: auto;
        display: inline-block;
    }

    .navbar-nav li.menu-item-has-children > ul.sub-menu,
    .submenu {
        display: block;
        position: static;
        width: 100%;
        padding: 8px 0 0 16px;
        margin-top: 8px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    .navbar-nav li.menu-item-has-children > ul.sub-menu li a,
    .submenu .dropdown-item {
        width: auto;
        padding: 8px 0;
        color: #1366AF;
    }

    .carousel {
        margin-top: 82px;
    }

    .carousel-inner img {
        min-height: 320px;
        max-height: none;
        object-fit: cover;
    }

    .custom-caption {
        left: 16px;
        right: 16px;
        bottom: 24px;
    }

    .custom-caption a {
        margin-bottom: 0;
        display: inline-block;
        max-width: 100%;
        white-space: normal;
    }

    .titulo-seccion {
        margin-top: 40px;
        font-size: 1.4rem;
        line-height: 1.2;
    }

    .linea-titulo {
        margin-bottom: 24px;
    }

    .universidad-item,
    .noticia-item,
    .member-card {
        height: 100%;
    }

    .universidad-item img,
    .swiper-universidades img {
        max-width: 100%;
        max-height: 140px;
        object-fit: contain;
    }

    .noticia-img,
    .video-wrapper img,
    .member-photo img {
        width: 100%;
        height: auto;
    }

    .noticia-img,
    .video-wrapper img {
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }

    .member-photo img {
        max-width: 240px;
        margin: 0 auto;
        aspect-ratio: 1 / 1;
    }

    .noticia-nombre {
        font-size: 18px;
        line-height: 1.35;
        margin-bottom: 0;
    }

    .noticia-fecha {
        font-size: 14px;
    }

    .noticia-titulo {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .noticia-figure-0,
    .noticia-figure-1,
    .noticia-figure-2,
    .noticia-figure-3 {
        width: 100%;
        height: auto;
        min-height: 44px;
        font-size: 14px;
        line-height: 1.2;
        padding: 12px 10px;
    }

    .swiper,
    .swiper-post,
    .swiper-universidades {
        padding-bottom: 36px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        transform: scale(0.8);
    }

    .swiper-pagination {
        bottom: 0 !important;
    }

    .video-grid > [class*="col-"],
    .row > [class*="col-"] {
        margin-bottom: 20px;
    }

    .footer {
        padding-top: 32px;
    }

    .footer-left {
        padding-left: 0;
    }

    .footer-content .row {
        row-gap: 24px;
    }

    .footer-links a {
        font-size: 1rem;
    }

    .footer-contact-number {
        font-size: 20px;
        word-break: break-word;
    }

    .footer-social img {
        width: 36px;
        height: 36px;
    }

    .footer-figures {
        bottom: 84px;
    }

    .single-post .container-fluid[style*="background-image"] {
        height: 280px !important;
        background-position: center;
    }

    .single-post .container,
    .single-universidades .container,
    .single-miembros .container,
    .page-template-page-about .container,
    .page .container {
        overflow-wrap: anywhere;
    }

    .single-post .container img,
    .single-universidades .container img,
    .single-miembros .container img,
    .page .container img,
    .archive .container img {
        max-width: 100%;
        height: auto;
    }

    .single-post .container iframe,
    .single-universidades .container iframe,
    .single-miembros .container iframe,
    .page .container iframe,
    .radio-comunica-page iframe,
    .wp-block-embed iframe {
        width: 100%;
        max-width: 100%;
    }

    .single-post .container table,
    .single-universidades .container table,
    .single-miembros .container table,
    .page .container table,
    .wp-block-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .wp-block-image img,
    .wp-block-gallery img,
    .wp-block-cover,
    .wp-block-media-text,
    .wp-block-embed,
    .wp-block-columns {
        max-width: 100%;
    }

    .wp-block-columns {
        gap: 24px;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand span {
        font-size: 16px;
    }

    .carousel-inner img {
        min-height: 260px;
    }

    .custom-caption a,
    .btn-primario a {
        font-size: 13px;
        padding: 8px 14px;
    }

    .titulo-seccion {
        font-size: 1.2rem;
    }

    .noticia-titulo {
        font-size: 1.25rem;
    }

    .universidad-nombre,
    .member-name {
        font-size: 1rem;
    }

    .footer-description,
    .subfooter-text {
        font-size: 12px;
    }

    .page-breadcrumb {
        font-size: 12px;
        gap: 6px;
    }
}

/* AJUSTES VISUALES MENU Y TARJETAS EXISTENTES ////////////////////////// */

.navbar-nav li.menu-item-has-children {
    padding-bottom: 14px;
    margin-bottom: -14px;
}

.header .navbar-nav > .menu-item > a {
    color: #fff;
    font-weight: 500;
    transition: color 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
}

.header .navbar-nav > .menu-item > a:hover {
    color: #fff;
    opacity: 0.86;
}

.navbar-nav > .menu-item:last-child > a:hover,
.navbar-nav > .menu-item:last-child > a:focus {
    background-color: #fff;
    color: #1366AF !important;
    opacity: 1;
}

.navbar-nav > .menu-item:last-child {
    color: #1366AF;
    width: 70px;
    margin-top: 5px;
    margin-right: 0;
    text-decoration: none;
    border-radius: 0 40px 40px 0;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar-nav > .menu-item:last-child > a {
    padding: 5px 12px;
    font-size: 16px;
    width: 100%;
    display: block;
    background-color: #fff;
    border: none;
    color: #1366AF;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 40px 40px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.navbar-nav li.menu-item-has-children > ul.sub-menu {
    background-color: #fff;
    padding: 12px 0;
    min-width: 280px;
    width: max-content;
    max-width: 360px;
    margin: 0;
    top: calc(100% - 6px);
    border-radius: 0 0 0 24px;
    box-shadow: 0 18px 45px rgba(19, 55, 90, 0.16);
    border-top: 3px solid #1366AF;
    overflow: hidden;
}

.navbar-nav li.menu-item-has-children > ul.sub-menu li {
    margin: 0;
}

.navbar-nav li.menu-item-has-children > ul.sub-menu li a {
    width: 100%;
    min-width: 100%;
    padding: 12px 18px;
    color: #1366AF;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    transition: background-color 0.25s ease, color 0.25s ease, padding-left 0.25s ease;
}

.navbar-nav li.menu-item-has-children > ul.sub-menu li a:hover,
.navbar-nav li.menu-item-has-children > ul.sub-menu li.current-menu-item > a,
.navbar-nav li.menu-item-has-children > ul.sub-menu li.current_page_item > a {
    background-color: rgba(19, 102, 175, 0.08);
    color: #1366AF;
    padding-left: 22px;
}

.header.scrolled {
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 24px rgba(19, 55, 90, 0.12);
}

.header.scrolled .navbar-brand span,
.header.scrolled .navbar-nav > .menu-item > a,
.header.scrolled .nav-link {
    color: #1366AF !important;
}

.header.scrolled .navbar-nav > .menu-item > a:hover {
    color: #1366AF !important;
    opacity: 0.8;
}

.header.scrolled .navbar-nav li.menu-item-has-children > ul.sub-menu li a:hover {
    color: #1366AF !important;
    opacity: 1;
}

.universidad-item {
    padding: 28px 22px;
    border: 1px solid rgba(19, 102, 175, 0.14);
    border-radius: 0 32px 0 32px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,249,253,1) 100%);
    box-shadow: 0 16px 36px rgba(19, 55, 90, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.universidad-item a {
    width: 100%;
}

.universidad-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(19, 55, 90, 0.14);
    border-color: rgba(19, 102, 175, 0.28);
}

.universidad-item img,
.swiper-universidades img {
    display: block;
    width: 100%;
    max-width: 220px;
    max-height: 140px;
    margin: 0 auto 18px;
    object-fit: contain;
    background: #fff;
    padding: 14px;
    border-radius: 24px;
    border: 1px solid rgba(19, 102, 175, 0.12);
}

.noticia-item {
    height: 100%;
    padding: 0 0 20px;
    border-radius: 0 28px 0 28px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid rgba(19, 102, 175, 0.14);
    box-shadow: 0 18px 42px rgba(19, 55, 90, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.noticia-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px rgba(19, 55, 90, 0.14);
    border-color: rgba(19, 102, 175, 0.28);
}

.noticia-nombre {
    line-height: 1.2;
    margin: 16px 18px 0;
}

.swiper-post,
.swiper-universidades {
    padding: 10px 10px 46px;
}

.swiper-post .swiper-button-next,
.swiper-post .swiper-button-prev,
.swiper-universidades .swiper-button-next,
.swiper-universidades .swiper-button-prev {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    border-radius: 50%;
    background-color: rgba(19, 102, 175, 0.08);
    border: 1px solid rgba(19, 102, 175, 0.16);
}

.swiper-post .swiper-button-next::after,
.swiper-post .swiper-button-prev::after,
.swiper-universidades .swiper-button-next::after,
.swiper-universidades .swiper-button-prev::after {
    font-size: 16px;
    font-weight: 700;
    color: #1366AF;
}

.swiper-post .swiper-pagination-bullet,
.swiper-universidades .swiper-pagination-bullet {
    background: #1366AF;
    opacity: 0.25;
}

.swiper-post .swiper-pagination-bullet-active,
.swiper-universidades .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-universidades .swiper-slide {
    height: auto;
}

.swiper-universidades .swiper-slide > div {
    padding: 26px 20px;
    border: 1px solid rgba(19, 102, 175, 0.14);
    border-radius: 0 32px 0 32px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,249,253,1) 100%);
    box-shadow: 0 16px 36px rgba(19, 55, 90, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.swiper-universidades .swiper-slide > div:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(19, 55, 90, 0.14);
    border-color: rgba(19, 102, 175, 0.28);
}

.blog-layout {
    padding-top: 12px;
}

.blog-toolbar,
.blog-sidebar-card {
    border: 1px solid rgba(19, 102, 175, 0.14);
    border-radius: 0 28px 0 28px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,249,253,1) 100%);
    box-shadow: 0 18px 42px rgba(19, 55, 90, 0.08);
}

.blog-toolbar {
    padding: 28px;
    margin-bottom: 28px;
}

.blog-intro {
    margin-bottom: 20px;
    color: #31506e;
    line-height: 1.7;
}

.blog-filter-label {
    display: block;
    margin-bottom: 8px;
    color: #1366AF;
    font-weight: 600;
}

.blog-filter-form .form-control,
.blog-filter-form .form-select {
    min-height: 48px;
    border-color: rgba(19, 102, 175, 0.22);
}

.blog-search-input {
    width: 100%;
    font-size: 1rem;
}

.blog-filter-actions {
    display: flex;
    gap: 12px;
    margin-top: 18px;
    flex-wrap: wrap;
}

.blog-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(19, 102, 175, 0.14);
    border-radius: 0 28px 0 28px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(19, 55, 90, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 48px rgba(19, 55, 90, 0.14);
    border-color: rgba(19, 102, 175, 0.28);
}

.blog-card-image,
.blog-card-image img {
    display: block;
    width: 100%;
}

.blog-card-content {
    padding: 22px;
}

.blog-card-meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    color: #4f6d88;
    font-size: 14px;
}

.blog-card-title {
    margin: 0 0 12px;
    font-size: 1.3rem;
    line-height: 1.3;
}

.blog-card-title a,
.blog-popular-content a {
    color: #1366AF;
    text-decoration: none;
}

.blog-card-excerpt {
    margin-bottom: 0;
    color: #31506e;
    line-height: 1.7;
}

.blog-card-placeholder,
.blog-popular-placeholder {
    background: linear-gradient(135deg, rgba(19, 102, 175, 0.08), rgba(19, 55, 90, 0.12));
}

.blog-card-placeholder {
    min-height: 240px;
}

.blog-sidebar {
    display: grid;
    gap: 24px;
}

.blog-filter-links {
    display: grid;
    gap: 10px;
}

.blog-university-form {
    margin: 0;
}

.blog-university-select {
    min-height: 48px;
    border-color: rgba(19, 102, 175, 0.22);
}

.blog-filter-link {
    display: block;
    padding: 12px 14px;
    border-radius: 18px;
    text-decoration: none;
    color: #1366AF;
    background: rgba(19, 102, 175, 0.05);
    border: 1px solid rgba(19, 102, 175, 0.1);
    font-weight: 600;
    transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.blog-filter-link:hover,
.blog-filter-link.is-active {
    background: rgba(19, 102, 175, 0.12);
    border-color: rgba(19, 102, 175, 0.24);
    color: #1366AF;
    transform: translateX(2px);
}

.blog-news-slider {
    margin-bottom: 28px;
}

.blog-news-slider-top {
    margin-bottom: 36px;
}

.blog-hero-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(19, 102, 175, 0.14);
    border-radius: 0 28px 0 28px;
    background: #13375a;
    box-shadow: 0 18px 42px rgba(19, 55, 90, 0.08);
}

.blog-hero-image,
.blog-hero-image img {
    display: block;
    width: 100%;
}

.blog-hero-image img,
.blog-hero-card .blog-card-placeholder {
    min-height: 420px;
    object-fit: cover;
}

.blog-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(19, 55, 90, 0.12) 0%, rgba(19, 55, 90, 0.74) 100%);
}

.blog-hero-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 28px;
}

.blog-hero-title {
    margin: 8px 0 12px;
    font-size: 1.9rem;
    line-height: 1.2;
}

.blog-hero-title a {
    color: #fff;
    text-decoration: none;
}

.blog-hero-excerpt {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.7;
    max-width: 780px;
}

.blog-hero-card .blog-popular-date {
    color: rgba(255, 255, 255, 0.88);
}

.swiper-blog-latest {
    padding: 0 0 52px;
}

.swiper-blog-latest .swiper-button-next,
.swiper-blog-latest .swiper-button-prev {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: rgba(19, 102, 175, 0.08);
    border: 1px solid rgba(19, 102, 175, 0.16);
}

.swiper-blog-latest .swiper-button-next::after,
.swiper-blog-latest .swiper-button-prev::after {
    font-size: 16px;
    font-weight: 700;
    color: #1366AF;
}

.swiper-blog-latest .swiper-pagination-bullet {
    background: #1366AF;
    opacity: 0.25;
}

.swiper-blog-latest .swiper-pagination-bullet-active {
    opacity: 1;
}

.blog-sidebar-card {
    padding: 24px;
}

.blog-sidebar-title {
    color: #1366AF;
    font-size: 1.2rem;
    margin-bottom: 18px;
}

.blog-popular-list {
    display: grid;
    gap: 18px;
}

.blog-popular-item {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 14px;
    align-items: start;
}

.blog-popular-thumb img,
.blog-popular-placeholder {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 18px;
}

.blog-popular-date {
    display: inline-block;
    margin-bottom: 6px;
    color: #4f6d88;
    font-size: 13px;
}

.blog-popular-content h4 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
}

.blog-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-tag-pill {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(19, 102, 175, 0.08);
    color: #1366AF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.blog-empty-state {
    padding: 28px;
    border-radius: 0 24px 0 24px;
    border: 1px solid rgba(19, 102, 175, 0.14);
    background: #fff;
    color: #31506e;
}

.blog-pagination .nav-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.blog-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(19, 102, 175, 0.22);
    color: #1366AF;
    text-decoration: none;
    background: #fff;
}

.blog-pagination .page-numbers.current {
    background: #1366AF;
    color: #fff;
    border-color: #1366AF;
}

@media (max-width: 768px) {
    .navbar-nav > .menu-item:last-child {
		display: block;
		padding: 0px 10px;
		background-color: white;
		border-radius: 0px 20px 20px 0px;
    }

    .navbar-nav > .menu-item:last-child > a {
        display: inline-block;
        box-shadow: none;
    }

    .navbar-nav li.menu-item-has-children {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .navbar-nav > .menu-item:last-child,
    .navbar-nav > .menu-item:last-child > a {
        width: auto;
        display: inline-block;
    }

    .navbar-nav li.menu-item-has-children > ul.sub-menu li a {
        font-size: 14px;
        padding: 8px 0;
        white-space: normal;
    }

    .header .navbar-nav > .menu-item > a:hover,
    .header.scrolled .navbar-nav > .menu-item > a:hover {
        opacity: 1;
    }

    .universidad-item,
    .noticia-item,
    .swiper-universidades .swiper-slide > div {
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 0 24px 0 24px;
    }

    .blog-toolbar,
    .blog-sidebar-card,
    .blog-card {
        border-radius: 0 24px 0 24px;
    }

    .blog-layout {
        margin-top: 32px !important;
    }

    .blog-news-slider {
        margin-bottom: 22px;
    }

    .blog-news-slider-top {
        margin-bottom: 28px;
    }

    .blog-popular-item {
        grid-template-columns: 84px 1fr;
    }

    .blog-popular-thumb img,
    .blog-popular-placeholder {
        width: 84px;
        height: 84px;
    }
}

@media (max-width: 575.98px) {
    .home .container.my-5,
    .page .container.my-4,
    .single .container.my-4,
    .archive .container.my-4,
    .search .container.my-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .header .navbar-collapse {
        padding: 14px;
        border-radius: 0 0 0 20px;
    }

    .navbar-nav li.menu-item-has-children > ul.sub-menu {
        width: 100%;
        border-radius: 0;
        border-top-width: 2px;
        box-shadow: none;
    }

    .universidad-item,
    .noticia-item,
    .swiper-universidades .swiper-slide > div,
    .blog-toolbar,
    .blog-sidebar-card,
    .blog-card {
        border-radius: 0 20px 0 20px;
    }

    .universidad-item img,
    .swiper-universidades img {
        max-width: 180px;
        max-height: 110px;
        padding: 12px;
        margin-bottom: 14px;
    }

    .footer {
        padding-top: 28px;
    }

    .footer-content {
        padding-bottom: 8px;
    }

    .footer-links li,
    .footer-left li {
        margin-bottom: 16px;
    }

    .footer-social {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 14px;
    }

    .footer-social a {
        margin-right: 0;
    }

    .blog-toolbar {
        padding: 18px;
        margin-bottom: 20px;
    }

    .blog-hero-card,
    .blog-hero-card .blog-card-placeholder {
        border-radius: 0 20px 0 20px;
    }

    .blog-hero-image img,
    .blog-hero-card .blog-card-placeholder {
        min-height: 300px;
    }

    .blog-hero-content {
        padding: 18px;
    }

    .blog-hero-title {
        font-size: 1.35rem;
    }

    .blog-sidebar-card {
        padding: 18px;
    }

    .blog-card-content {
        padding: 18px;
    }

    .blog-card-title {
        font-size: 1.1rem;
    }

    .blog-filter-actions {
        flex-direction: column;
    }

    .blog-filter-actions .btn {
        width: 100%;
    }

    .blog-popular-item {
        grid-template-columns: 1fr;
    }

    .blog-popular-thumb img,
    .blog-popular-placeholder {
        width: 100%;
        height: 180px;
    }
}

/* OVERRIDES HERO Y FILTROS DE BLOG ///////////////////////////////////// */

.blog-layout {
    margin-top: 0 !important;
}

.blog-search-wrap {
    margin: 0 0 30px;
}

.blog-search-shell {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(19, 102, 175, 0.2);
}

.blog-search-shell-icon {
    color: #1366AF;
    font-size: 16px;
}

.blog-search-input {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}

.blog-search-input:focus {
    background: transparent;
}

.blog-search-button {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #1366AF;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 30px rgba(19, 55, 90, 0.16);
}

.blog-university-select {
    min-height: 48px;
    border-color: rgba(19, 102, 175, 0.22);
    border-radius: 18px;
    background-color: rgba(19, 102, 175, 0.05);
    color: #1366AF;
    font-weight: 600;
    box-shadow: none;
}

.blog-sidebar-title {
    font-size: 1.02rem;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.blog-filter-link {
    padding: 10px 12px;
    border-radius: 14px;
}

.blog-news-slider-top {
    margin-bottom: 28px;
}

.blog-hero-carousel,
.blog-hero-carousel .carousel-inner,
.blog-hero-carousel .carousel-item,
.blog-hero-card,
.blog-hero-image,
.blog-hero-image img,
.blog-hero-card .blog-card-placeholder {
    height: 450px;
}

.blog-hero-card {
    position: relative;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.blog-hero-image img,
.blog-hero-card .blog-card-placeholder {
    object-fit: cover;
    width: 100%;
    object-position: center center;
}

.blog-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(19, 55, 90, 0.82) 0%, rgba(19, 55, 90, 0.68) 32%, rgba(19, 55, 90, 0.2) 68%, rgba(19, 55, 90, 0.08) 100%),
        linear-gradient(180deg, rgba(19, 55, 90, 0.05) 0%, rgba(19, 55, 90, 0.42) 100%);
}

.blog-hero-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: min(520px, 100%);
    padding: 118px 48px 54px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}


.blog-hero-meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.blog-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.94);
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.blog-hero-title {
    margin: 8px 0 12px;
    font-size: 2.25rem;
    line-height: 1.08;
}

.blog-hero-title a {
    color: #fff;
    text-decoration: none;
}

.blog-hero-excerpt {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.65;
    max-width: 430px;
    font-size: 0.95rem;
}

.blog-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    width: fit-content;
    padding: 12px 18px;
    border-radius: 999px;
    background: #fff;
    color: #1366AF;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 12px 32px rgba(19, 55, 90, 0.18);
}

.blog-hero-control {
    top: auto;
    bottom: 24px;
    transform: none;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.24);
    opacity: 1;
}

.blog-hero-control.carousel-control-prev {
    left: auto;
    right: 88px;
}

.blog-hero-control.carousel-control-next {
    right: 28px;
}

.blog-hero-control .carousel-control-prev-icon,
.blog-hero-control .carousel-control-next-icon {
    width: 18px;
    height: 18px;
}

.blog-hero-indicators {
    justify-content: start;
    margin: 0;
    left: 48px;
    right: auto;
    bottom: 36px;
    width: auto;
}

.blog-hero-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    margin: 0 6px 0 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0;
    opacity: 1;
}

.blog-hero-indicators .active {
    width: 34px;
    border-radius: 999px;
    background-color: #fff;
}

.blog-card-meta span,
.blog-popular-date,
.blog-hero-meta span,
.blog-sidebar-title i,
.blog-card-meta i {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 991.98px) {
    .blog-news-slider-top {
        margin-top: 68px;
    }

    .blog-hero-carousel,
    .blog-hero-carousel .carousel-inner,
    .blog-hero-carousel .carousel-item,
    .blog-hero-card,
    .blog-hero-image,
    .blog-hero-image img,
    .blog-hero-card .blog-card-placeholder {
        height: 420px;
    }

    .blog-hero-panel {
        width: min(440px, 100%);
        padding: 108px 24px 28px;
    }

    .blog-hero-title {
        font-size: 1.8rem;
    }

    .blog-hero-excerpt {
        max-width: 100%;
    }

    .blog-hero-indicators {
        left: 24px;
        bottom: 28px;
    }

    .blog-hero-control.carousel-control-prev {
        right: 80px;
    }

    .blog-hero-control.carousel-control-next {
        right: 20px;
    }
}

@media (max-width: 575.98px) {
    .blog-news-slider-top {
        margin-top: 64px;
        margin-bottom: 20px;
    }

    .blog-hero-carousel,
    .blog-hero-carousel .carousel-inner,
    .blog-hero-carousel .carousel-item,
    .blog-hero-card,
    .blog-hero-image,
    .blog-hero-image img,
    .blog-hero-card .blog-card-placeholder {
        height: 360px;
    }

    .blog-hero-panel {
        width: 100%;
        padding: 104px 18px 22px;
    }

    .blog-hero-title {
        font-size: 1.35rem;
        line-height: 1.15;
    }

    .blog-hero-meta {
        gap: 8px;
        margin-bottom: 14px;
    }

    .blog-hero-meta span {
        font-size: 11px;
        padding: 8px 12px;
    }

    .blog-hero-excerpt {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .blog-hero-link {
        margin-top: 16px;
        padding: 10px 14px;
        font-size: 14px;
    }

    .blog-hero-control {
        width: 42px;
        height: 42px;
        bottom: 18px;
    }

    .blog-hero-control.carousel-control-prev {
        right: 66px;
    }

    .blog-hero-control.carousel-control-next {
        right: 18px;
    }

    .blog-hero-indicators {
        left: 18px;
        bottom: 24px;
    }

    .blog-search-shell {
        gap: 10px;
        padding-bottom: 6px;
    }

    .blog-search-button {
        width: 42px;
        height: 42px;
    }
}