/* Verano Aventura (familias). Usa las variables de Styles/familias.css; todo acotado a .vrn-page */
.vrn-page {
    background: var(--fam-fondo, #f4f6f4);
    min-height: 60vh;
}

.vrn-page .vrn-tarjeta {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.vrn-page .vrn-modulos th {
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

.vrn-page .vrn-modulos .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.vrn-page .vrn-costos td {
    padding: .35rem .25rem;
}

/* Selectores más marcados: el borde claro de Bootstrap casi no se veía */
.vrn-page .vrn-modulos .form-check-input {
    border: 2px solid #5c6b60;
    background-color: #fff;
}

.vrn-page .vrn-modulos .form-check-input:checked {
    border-color: var(--bs-primary, #395942);
    background-color: var(--bs-primary, #395942);
}