/* Estilos compartidos del sitio 2H Holding Hands */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.icon-filled {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Animaciones de entrada al hacer scroll */
.scroll-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.scroll-animate.active {
    opacity: 1;
    transform: translateY(0);
}

/* Tarjetas con borde degradado al pasar el cursor */
.premium-hover-card {
    position: relative;
    z-index: 1;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.premium-hover-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(135deg, #7459f7, #66FFC4);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}
.premium-hover-card:hover::before {
    opacity: 1;
}
.premium-hover-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -15px rgba(91, 60, 221, 0.25);
}

/* Pasos del embudo de afiliación (B2C) */
.step-hidden { display: none; }

/* Slots del calendario ejecutivo (B2B) */
.slot-btn.selected,
.day-btn.selected {
    background-color: #5b3cdd;
    color: #ffffff;
    border-color: #5b3cdd;
}