/* CSS STYLES
UNIVERSAL - WEBS DI
AUTHOR: M. en C. OMAR AGNI G. */

@charset "UTF-8";

:root {
	--bs-body-font-family: 'Roboto', sans-serif;
	--azul-marino-overlay: rgba(0, 31, 63, 0.9);
	--azul-header: #013B78;
	--dorado: #C8A70E;
}

.bg-navy {
    background-color: #002366 !important;
    color: white !important;
}

body {
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
	color: #264266;
	margin: 5;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.sticky-header { 
	position: sticky; 
	top: 0; 
	z-index: 1050; 
	background-color: var(--azul-header) !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
}

.logo-img { 
	height: 60px; 
	width: auto; 
	margin-right: 15px; 
}

/* Navbar */

.navbar-light .navbar-nav .nav-link { 
	color: white !important; 
}

/* Barra de redes sociales */
.social-bar { 
	background: #f2f2f0; 
}

/* Ajuste del Slider para no deformar imágenes */

.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color: rgba(0, 0, 0, 0.3); /* Un pequeño fondo oscuro circular */
	border-radius: 50%;
	padding: 20px;
	background-size: 50%;
}
	
.carousel-item img { 
	width: 100%; 
	height: 60h; /* 500px;  Ajuste de altura */
	object-fit: contain;
	background: #000;  
}

/* Móviles */
@media (max-width: 768px) {
	.carousel-item img {
		height: 300px; 
	}
}

/* Personalización Lightbox Azul Marino */

.glightbox-container .goverlay { 
	background: var(--azul-marino-overlay) !important;
}

.img-galeria {
    padding: 10px !important;
    background-color: transparent; 
}

/* FOOTER */

footer { 
	background: #565659;  /* Tono Secundario: GRIS OSCURO */
	color: #fff; 
	padding: 40px 0; 
}

.footer-logo { 
	height: 120px; 
}

footer a {
	color: #ffffff !important;
	text-decoration: none;
	transition: color 0.3s ease;
}

footer a:visited, footer a:hover {
	color: var(--dorado) !important;
}

/* NavBar */

@media (min-width: 992px) { 
.navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
	display: block;
	margin-top: 0; 
}

/* Submenús laterales */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
	display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
    
.dropdown-menu {
	animation: fadeIn 0.3s;
}
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); 
}

to { 
	opacity: 1; 
	transform: translateY(0); 
}
}

.transition-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.transition-hover:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.transition { 
	transition: all 0.3s ease;
}

.hover-shadow-lg:hover {
	transform: translateY(-10px);
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; 
}

.bg-success-soft { 
	background-color: rgba(25, 135, 84, 0.1);
}

.bg-warning-soft { 
	background-color: rgba(255, 193, 7, 0.1);
}

/*RADIOFÁRMACOS */
     .rf-box {
        position: relative;
        overflow: hidden;
        background: #f8f9fa;
        transition: transform 0.3s ease;
    }
    .rf-item:hover .rf-box { transform: translateY(-5px); }
    .rf-overlay {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0, 31, 63, 0.85); /* Fondo Azul Marino */
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .rf-item:hover .rf-overlay { opacity: 1; }

/* ESTUDIOS */
#estudios .card {
        transition: transform 0.3s ease;
    }
    #estudios .card:hover {
        transform: translateY(-5px);
    }
    .custom-list li {
        margin-bottom: 8px;
        line-height: 1.4;
    }
    .bg-navy {
        background-color: #001f3f !important;
    }
    /* Estilo para los iconos de check */
    #estudios .fa-check {
        font-size: 0.85rem;
        opacity: 0.7;
    }

/* PROFESIONALES */
.bg-navy {
        background-color: #001f3f !important;
    }
    .btn-navy {
        background-color: #001f3f;
        color: white;
        transition: all 0.3s ease;
    }
    .btn-navy:hover {
        background-color: #002d5c;
        color: white;
        transform: translateY(-2px);
    }
    #profesionales .list-group-item {
        background: transparent;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

/*INVESTIGACION*/

.text-navy { color: #001f3f !important; }
    .border-navy { border-color: #001f3f !important; }
    .btn-outline-navy {
        color: #001f3f;
        border-color: #001f3f;
        transition: all 0.3s ease;
    }
    .btn-outline-navy:hover {
        background-color: #001f3f;
        color: #fff;
    }
    .list-group-item {
        transition: background-color 0.2s ease;
    }
    .list-group-item:hover {
        background-color: #f8f9fa;
    }