body { background-color: #A5A09133 !important; } /* botón base */ .btn-opcion-presupuesto { --vz-btn-color: #92b2a7; /* texto y borde */ --vz-btn-border-color: #92b2a7; --vz-btn-hover-color: #fff; --vz-btn-hover-bg: #92b2a7; --vz-btn-hover-border-color: #92b2a7; --vz-btn-focus-shadow-rgb: 146, 178, 167; --vz-btn-active-color: #fff; --vz-btn-active-bg: #92b2a7; --vz-btn-active-border-color: #92b2a7; --vz-btn-disabled-color: #92b2a7; --vz-btn-disabled-bg: transparent; --vz-btn-disabled-border-color: #92b2a7; --vz-gradient: none; background-color: rgba(146, 178, 167, 0.2); /* no seleccionado */ color: #92b2a7; } /* cuando el radio/checkbox está checked */ .btn-check:checked + .btn-opcion-presupuesto, .btn-opcion-presupuesto.active { background-color: #92b2a7; color: #fff; border-color: #92b2a7; } /* Solo dentro del modal */ .swal2-popup .form-switch-custom { font-size: 1rem; /* clave: fija el tamaño base del switch */ line-height: 1.5; } .swal2-popup .form-switch-custom .form-check-input { float: none; /* por si acaso */ margin: 0; } .form-switch-presupuesto .form-check-input:checked { border-color: #92b2a7; background-color: #cbcecd; } .form-switch-custom.form-switch-presupuesto .form-check-input:checked::before { color: #92b2a7; }