/* ==========================================================================
   WomenLab - Custom Styles & Responsive Adjustments
   ========================================================================== */

/* Evita desbordes horizontales en móviles */
html,
body {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Efectos garantizados por CSS puro para un acabado premium */
.womenlab-glow {
    text-shadow: 0 0 35px rgba(251, 113, 133, 0.4);
}

.card-hover-up {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
}

.card-hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -10px rgba(10, 45, 77, 0.12);
}

.accent-gradient-text {
    background: linear-gradient(135deg, #0A2D4D 0%, #f43f5e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Bordes editoriales para la sección Discoveries */
.editorial-border {
    border-color: #0A2D4D;
}

/* Ocultar barra de scroll en menús deslizantes táctiles */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Solución profesional con topes de seguridad (Clamp) para títulos en móviles */
@media (max-width: 640px) {
    .hero-title-responsive {
        /* clamp(MÍNIMO, TAMAÑO IDEAL FLUIDO, MÁXIMO) */
        font-size: clamp(3rem, 11vw, 5rem) !important;
        letter-spacing: -0.04em;
        white-space: nowrap;
        display: block;
        margin: 0 auto;
    }
}