/* Ocultar el checkbox real */
.comparative_hidden-checkbox {
    display: none;
}

/* Estilo general del label */
.comparative_custom-checkbox {
    background-color: #fff; /* Fondo blanco inicial */
    border: 1px solid #ccc; /* Borde gris inicial */
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: max-content;
    gap: 10px; /* Espacio entre círculo y texto */
    transition: all 0.1s ease;
    box-shadow: 2px 2px 8px #00000034;
}

/* Estilo del círculo */
.comparative_checkbox-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #ccc; /* Borde gris inicial */
    transition: all 0.3s ease;
}
.comparative_checkbox-label {
    font-size: 14px;
}

/* Cambiar estilos cuando el checkbox está checked */
.comparative_hidden-checkbox:checked + .comparative_checkbox-circle {
    border-color: #6FBE6D; /* Borde verde */
    background: radial-gradient(circle, #6FBE6D 50%, #fff 60%, #6FBE6D 100%); /* Fondo con espacio blanco */
}

.comparative_custom-checkbox:hover {
    border: 2px solid #6FBE6D; /* Borde verde del label */
}