@charset "utf-8";
/* CSS Document */

/* ==========================================
   ESTILOS GENERALES DEL FOOTER
   ========================================== */
.footer-medico {
	background-color: #000000 !important; /* Fondo oscuro premium */
	font-family: sans-serif;
}

/* Títulos de las columnas */
.footer-medico .footer-titulo {
    color: #ffffff !important;
    letter-spacing: 1px;
}

.footer-medico .footer-subtitulo {
    font-size: 0.8rem !important;
    color: #b5945b !important; /* Color dorado/médico corporativo, cámbialo a tu gusto */
    letter-spacing: 1.5px;
}

/* Enlaces Rápidos Interactivos */
.footer-medico .footer-enlaces a {
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.footer-medico .footer-enlaces a:hover {
    color: #ffffff !important; /* Brillo blanco al pasar el mouse */
    padding-left: 6px; /* Desplazamiento sutil */
}

/* Efectos en Iconos de Contacto */
.footer-medico .footer-info a {
    transition: color 0.2s ease;
}

.footer-medico .footer-info a:hover {
    color: #ffffff !important;
}

.footer-medico .text-muted {
    color: #a0a5b0 !important; /* Gris de lectura óptima sobre fondo oscuro */
}

/* Botones de Redes Sociales */
.footer-medico .footer-redes a {
    transition: background-color 0.3s, color 0.3s, transform 0.2s;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.footer-medico .footer-redes a:hover {
    background-color: #ffffff !important;
    color: #0f1115 !important;
    transform: translateY(-3px);
}