/* Estilos personalizados para la landing page de Dra. Alejandra Aguayo */

.hero-gradient {
    background: linear-gradient(#0284c7 0%, #0ea5e9 50%, #f9fafb 100%);
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.floating {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

#map {
    height: 500px;
    border-radius: 0.5rem;
    border: 2px solid #d1d5db;
    position: relative;
    z-index: 10;
}

/* Logo azul médico */
img[src*="logo.svg"] {
    filter: invert(27%) sepia(96%) saturate(3044%) hue-rotate(201deg) brightness(91%) contrast(101%);
}

img[src*="logo.svg"].stroke-white {
    filter: brightness(0) invert(1);
}


/* Asegurar que el header sticky esté siempre encima */
header {
    z-index: 1000 !important;
}

/* Clase específica para iconos redondos */
.icon-round {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}