
@font-face {
  font-family: "Sora";
  src: url("fuentes/sora.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fuentes/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --bx-azul: #1E45FB;          
  --bx-lima: #CDF22B;          
  --bx-navy: #0B1026;          
  --bx-fondo: #F5F7FB;         
  
  --bx-azul-700: #1734C4;
  --bx-azul-400: #5B79FC;
  --bx-azul-300: #8FA3FD;
  --bx-azul-200: #C2CDFE;
  --bx-azul-100: #E6EBFF;
  --bx-lima-900: #4D5E0A;
  --bx-lima-700: #6B8410;
  --bx-lima-100: #F0FBCB;
  --bx-texto-2: #5A6280;       
  --bx-borde: #C9CFE0;
  --bx-blanco: #FFFFFF;
  
  --bx-error: #D92D4B;
  --bx-error-fondo: #FCE9ED;
  --bx-atencion: #C2410C;
  --bx-atencion-fondo: #FDEEE6;
  --bx-bien-fondo: var(--bx-lima-100);
  --bx-bien-texto: var(--bx-lima-900);
  --bx-info-fondo: var(--bx-azul-100);
  --bx-info-texto: var(--bx-azul-700);
  --bx-error-texto: #B0213C;
  --bx-borde-campo: #8A93AE;
  
  --bx-letra-titulos: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bx-letra: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  
  --bx-radio: 12px;
  --bx-radio-chico: 8px;
}
.bx-cifra {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  text-align: right;
}
.bx-aviso {
  display: flex; gap: 10px; align-items: flex-start;
  margin: 12px 0 0; padding: 10px 12px; border-radius: var(--bx-radio-chico);
  font-size: 15px; line-height: 1.45; font-weight: 500;
}
.bx-aviso::before {
  content: ""; flex: 0 0 20px; height: 20px; margin-top: 1px; background: currentColor;
  -webkit-mask: var(--bx-icono) no-repeat center / contain; mask: var(--bx-icono) no-repeat center / contain;
}
.bx-aviso.info { background: var(--bx-info-fondo); color: var(--bx-info-texto);
  --bx-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z'/%3E%3C/svg%3E"); }
.bx-aviso.bien { background: var(--bx-bien-fondo); color: var(--bx-bien-texto);
  --bx-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4-7 7Z'/%3E%3C/svg%3E"); }
.bx-aviso.atencion { background: var(--bx-atencion-fondo); color: var(--bx-atencion);
  --bx-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2Zm1 16h-2v-2h2v2Zm0-4h-2v-4h2v4Z'/%3E%3C/svg%3E"); }
.bx-aviso.error { background: var(--bx-error-fondo); color: var(--bx-error-texto);
  --bx-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.2 12.8-1.4 1.4L12 13.4l-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8 2.8-2.8 1.4 1.4-2.8 2.8 2.8 2.8Z'/%3E%3C/svg%3E"); }
.bx-aviso[hidden] { display: none !important; }
.bx-campo-error { display: flex; gap: 6px; align-items: flex-start; color: var(--bx-error-texto);
  font-size: 14px; font-weight: 600; margin-top: 6px; line-height: 1.4; }
.bx-campo-error::before { content: ""; flex: 0 0 16px; height: 16px; margin-top: 2px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") no-repeat center / contain; }
.bx-campo-error[hidden] { display: none !important; }
.email-corregir { background: none; border: 0; padding: 0; margin-left: 2px; font: inherit; font-weight: 700;
                  color: var(--bx-azul); text-decoration: underline; cursor: pointer; }
[aria-invalid="true"] { border-color: var(--bx-error) !important; box-shadow: inset 0 0 0 1px var(--bx-error); }
.bx-cargando::before {
  content: ""; display: inline-block; vertical-align: -0.16em; margin-right: .55em;
  width: 1.05em; height: 1.05em; padding: .17em; box-sizing: border-box; border-radius: 50%;
  background: var(--bx-azul);
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m); mask: var(--_m);
  -webkit-mask-composite: source-out; mask-composite: subtract;
  animation: bx-girar 1s infinite linear;
}
@keyframes bx-girar { to { transform: rotate(1turn); } }
@media (prefers-reduced-motion: reduce) { .bx-cargando::before { animation: none; } }
