/* Estilos para validación del formulario */
.form-check-input.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Color verde de Timeply para checkbox marcado */
.form-check-input:checked {
    background-color: #3CFF3C;
    border-color: #3CFF3C;
}

.form-check-input:checked:focus {
    background-color: #3CFF3C;
    border-color: #3CFF3C;
    box-shadow: 0 0 0 0.2rem rgba(60, 255, 60, 0.25);
}

/* Botón scroll-to-top con color verde de Timeply */
.scroll-to-top {
    background-color: #3CFF3C !important;
    border: none !important;
    transition: all 0.3s ease;
}

.scroll-to-top:hover {
    background-color: #2dd82d !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(60, 255, 60, 0.3);
}

.scroll-to-top:focus {
    background-color: #3CFF3C !important;
    box-shadow: 0 0 0 0.2rem rgba(60, 255, 60, 0.25);
}

/* Mejorar la apariencia del checkbox */
.form-check-input {
    cursor: pointer;
}

.form-check-label {
    cursor: pointer;
}

/* Estilo para el enlace de términos y condiciones */
.form-check-label a {
    text-decoration: underline;
    color: #0d6efd;
}

.form-check-label a:hover {
    color: #0a58ca;
}