/* Modal compartido: colores y escalas proceden del kit GJVcorp. */
[hidden] { display: none !important; }
.registro-aviso-exclusion { box-sizing:border-box; width:min(92vw,520px); max-height:85vh; overflow:auto; padding:var(--gjv-e-5); border:1px solid var(--gjv-borde); border-radius:var(--gjv-r-lg); background:var(--gjv-superficie); color:var(--gjv-navy); font-family:var(--gjv-fuente); box-shadow:var(--gjv-sombra-md); }
.registro-aviso-exclusion::backdrop { background:var(--gjv-velo); }
.registro-aviso-cabecera { display:flex; align-items:center; gap:var(--gjv-e-3); padding-bottom:var(--gjv-e-4); border-bottom:1px solid var(--gjv-borde); }
.registro-aviso-exclusion h2 { margin:0; color:var(--gjv-navy); font-size:var(--gjv-t-20); }
.registro-aviso-icono { display:grid; place-items:center; flex-shrink:0; width:48px; height:48px; border:1px solid var(--gjv-alerta); border-radius:var(--gjv-r-md); background:color-mix(in srgb,var(--gjv-alerta) 10%,var(--gjv-superficie)); color:var(--gjv-alerta); font-size:var(--gjv-t-28); }
.registro-aviso-exclusion .registro-aviso-subtitulo { margin:var(--gjv-e-1) 0 0; font-size:var(--gjv-t-12); color:var(--gjv-texto-2); line-height:1.5; }
.registro-aviso-exclusion #registroAvisoTexto { margin:var(--gjv-e-5) 0 var(--gjv-e-4); padding:var(--gjv-e-4); border:1px solid color-mix(in srgb,var(--gjv-alerta) 40%,var(--gjv-borde)); border-radius:var(--gjv-r-md); background:color-mix(in srgb,var(--gjv-alerta) 8%,var(--gjv-superficie)); font-size:var(--gjv-t-14); line-height:1.7; }
.registro-aviso-exclusion a { display:block; margin:var(--gjv-e-4) 0 var(--gjv-e-5); color:var(--gjv-info); font-size:var(--gjv-t-14); line-height:1.6; }
.registro-aviso-exclusion .btn-primary-modal { display:block; margin-left:auto; }
.registro-aviso-cerrar { align-self:flex-start; margin-left:auto; min-width:32px; min-height:32px; padding:0; border:0; border-radius:var(--gjv-r-sm); background:transparent; color:var(--gjv-texto-2); font-size:var(--gjv-t-28); cursor:pointer; }
.registro-aviso-cerrar:hover { background:var(--gjv-banda); }
.modal-suscripcion, .modal-confirmacion { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:var(--gjv-e-4); background:var(--gjv-velo); font-family:var(--gjv-fuente); color:var(--gjv-navy); font-size:var(--gjv-t-14); }
.modal-content-suscripcion, .modal-content-confirmacion { position:relative; width:min(100%,640px); max-height:90vh; display:flex; flex-direction:column; margin:0; border:1px solid var(--gjv-borde); border-radius:var(--gjv-r-lg); background:var(--gjv-superficie); box-shadow:var(--gjv-sombra-md); overflow:hidden; }
.modal-header-suscripcion, .confirmacion-header { padding:var(--gjv-e-5); padding-right:var(--gjv-e-7); background:var(--gjv-banda); border-bottom:1px solid var(--gjv-borde); }
.modal-header-suscripcion h2, .confirmacion-header h2 { margin:0; font-size:var(--gjv-t-20); }
.modal-subtitulo { margin:var(--gjv-e-2) 0 0; color:var(--gjv-texto-2); }
.close-modal { position:absolute; top:var(--gjv-e-2); right:var(--gjv-e-2); min-width:var(--gjv-alto-control); min-height:var(--gjv-alto-control); border:0; border-radius:var(--gjv-r-sm); background:transparent; color:var(--gjv-navy); font-size:var(--gjv-t-28); cursor:pointer; }
.modal-body-suscripcion, .confirmacion-body { overflow:auto; padding:var(--gjv-e-5); }
.form-group { margin-bottom:var(--gjv-e-4); }
.form-group label { display:block; margin-bottom:var(--gjv-e-2); font-weight:600; }
.form-group input, .form-group textarea, .form-group select { box-sizing:border-box; width:100%; min-height:var(--gjv-alto-control); padding:var(--gjv-e-2) var(--gjv-e-3); border:1px solid var(--gjv-borde-fuerte); border-radius:var(--gjv-r-sm); background:var(--gjv-superficie); color:var(--gjv-navy); font:inherit; }
.form-group textarea { resize:vertical; }
.form-group small, .saldo-descripcion { display:block; margin:var(--gjv-e-2) 0 0; font-size:var(--gjv-t-14); color:var(--gjv-texto-2); }
.required, #registroError { color:var(--gjv-peligro); }
.info-saldo-box, .beneficios-registro, .dato-item, .separador { padding:var(--gjv-e-4); margin-top:var(--gjv-e-4); border:1px solid var(--gjv-borde); border-radius:var(--gjv-r-md); background:var(--gjv-fondo); }
.monto-destacado { font-size:var(--gjv-t-28); font-weight:700; margin:var(--gjv-e-2) 0; }
.plan-sugerido { margin-top:var(--gjv-e-3); }
.beneficios-registro h4 { margin:0 0 var(--gjv-e-2); font-size:var(--gjv-t-16); }
.beneficios-registro p { margin:var(--gjv-e-2) 0; }
#registroError { padding:var(--gjv-e-3); border-left:4px solid var(--gjv-peligro); margin-top:var(--gjv-e-3); }
.modal-footer-suscripcion, .confirmacion-footer { display:flex; flex-wrap:wrap; gap:var(--gjv-e-2); padding:var(--gjv-e-4) var(--gjv-e-5); border-top:1px solid var(--gjv-borde); flex-shrink:0; }
.btn-primary-modal, .btn-primary-confirmacion, .btn-secondary-modal { min-height:var(--gjv-alto-control); padding:var(--gjv-e-2) var(--gjv-e-4); border:1px solid var(--gjv-acento); border-radius:var(--gjv-r-sm); font:inherit; font-weight:600; cursor:pointer; }
.btn-primary-modal, .btn-primary-confirmacion { color:var(--gjv-texto-sobre-acento); background:var(--gjv-acento); }
.btn-secondary-modal { color:var(--gjv-acento-oscuro); background:var(--gjv-superficie); }
.btn-primary-modal:hover, .btn-primary-confirmacion:hover { background:var(--gjv-acento-oscuro); }
.btn-secondary-modal:hover, .close-modal:hover { background:var(--gjv-banda); }
.modal-suscripcion :focus-visible, .modal-confirmacion :focus-visible { outline:2px solid var(--gjv-acento); outline-offset:2px; box-shadow:var(--gjv-foco); }
.modal-suscripcion :disabled, .modal-confirmacion :disabled { cursor:not-allowed; background:var(--gjv-banda); color:var(--gjv-texto-2); border-color:var(--gjv-borde-fuerte); }
[aria-busy="true"] { cursor:progress; }
.form-group input:user-invalid, .form-group textarea:user-invalid { border-color:var(--gjv-peligro); }
#contenidoConfirmacion { display:flex; flex-direction:column; gap:var(--gjv-e-3); }
.dato-item { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--gjv-e-3); margin:0; overflow-wrap:anywhere; }
.separador { color:var(--gjv-navy); border-left:4px solid var(--gjv-alerta); }
.registro-marca { display:block; width:180px; max-width:100%; margin-bottom:var(--gjv-e-3); }
@media (max-width:600px) { .modal-suscripcion, .modal-confirmacion { padding:var(--gjv-e-2); } .modal-body-suscripcion, .confirmacion-body, .modal-header-suscripcion, .confirmacion-header { padding:var(--gjv-e-4); } .modal-header-suscripcion { padding-right:var(--gjv-e-7); } }