/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');

/* Configuración Base */
body {
    cursor: default;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Transiciones Globales */
.transition-all {
    transition-duration: 300ms;
}

/* Efecto Glassmorphism para el Header */
header {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Clases de Diseño Personalizadas */
.rounded-card {
    border-radius: 4rem;
}

/* Contenedor de Mapa (Página de Contacto) */
#map {
    height: 300px;
    width: 100%;
    z-index: 1;
}

/* Personalización de la barra de desplazamiento */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9; /* Color suave del fondo de la barra */
}

::-webkit-scrollbar-thumb {
    background: #2563eb;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1d4ed8;
}

#mobile-menu {
    height: calc(100vh - 96px);
    overflow-y: auto;
}