.mat-alta{padding:2.5rem 1.5rem;max-width:480px;margin:0 auto}
.mat-alta h1{color:var(--t-text);margin-bottom:.25rem}
.mat-alta__resumen{color:var(--t-muted);font-size:.85rem;margin-bottom:1.5rem}
.mat-alta__error{color:#c0392b;background:var(--t-accent-faint,transparent);padding:.6rem .9rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}
.mat-alta__form{display:flex;flex-direction:column;gap:.35rem}
.mat-alta__form label{color:var(--t-text-dim,var(--t-muted));font-size:.82rem;margin-top:.6rem}
.mat-alta__form input{padding:.6rem .75rem;border:1px solid var(--t-line);border-radius:.5rem;background:var(--t-panel);color:var(--t-text);font-size:.95rem}
.mat-alta__submit{margin-top:1.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;background:var(--t-accent);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s}
.mat-alta__submit:hover{background:var(--t-accent-hover,var(--t-accent))}

/* 2026-07-12: revision movil - inputs con font-size >=16px (si no, iOS
   hace zoom automatico al enfocar, una interrupcion real de UX movil) y
   el boton de envio a un tamaño tactil comodo (>=44px de alto). */
.mat-alta__form input { font-size: 16px; }
.mat-alta__submit { min-height: 44px; width: 100%; }
@media (max-width: 480px) {
  .mat-alta { padding: 1.5rem 1rem; }
}
.mat-alta__gratis { background: rgba(43,122,120,.08); color: var(--t-accent); padding: .6rem .9rem; border-radius: .5rem; font-size: .85rem; margin-bottom: 1rem; }
.mat-alta__cuenta { color: var(--t-muted); font-size: .85rem; margin-bottom: 1.5rem; }
.mat-alta__ayuda { color: var(--t-muted); font-size: .78rem; margin: .3rem 0 0; }