.hero-background-b2c {
    position: relative; 
    z-index: 1; 
}

.hero-background-b2c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background-image: url('/assets/img/hero_pena_para_mostrar_pies.jpg'); /* <-- ¡REEMPLAZA ESTA RUTA! */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.8;
    z-index: -1;
}


.checkbox-custom-label {
            display: flex;
            align-items: center;
            cursor: pointer;
        }
        .checkbox-visual {
            width: 1.5em;
            height: 1.5em;
            border: 2px solid #d1d5db; /* gray-300 */
            border-radius: 0.25rem;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .checkbox-visual .fa-check {
            display: none; /* Oculto por defecto */
            color: white;
            font-size: 0.8em;
        }
        input[type="checkbox"]:checked ~ .checkbox-visual {
            background-color: #2563eb; /* blue-600 */
            border-color: #2563eb;
        }
        input[type="checkbox"]:checked ~ .checkbox-visual .fa-check {
            display: block; /* Visible cuando está marcado */
        }
        /* Oculta el checkbox nativo pero mantiene su funcionalidad */
        input[type="checkbox"].native-checkbox {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
        #toast-notification.show {
            opacity: 1;
            transform: translateY(0);
        }