/* Ago Retail · identidad corporativa tomada de la presentación institucional */
:root{
  --marino:#0D2B57; --marino-900:#081C39; --azul:#1B63C4; --azul-700:#255089;
  --verde:#1F8A5B; --ambar:#E0912B; --rojo:#B3261E;
  --gris:#4A5568; --gris-2:#7A8699; --linea:#DDE3ED;
  --fondo:#F2F5FA; --azul-10:#EAF1FB; --verde-10:#E9F5EE; --blanco:#fff;
  --sombra:0 1px 2px rgba(13,43,87,.06), 0 8px 24px rgba(13,43,87,.06);
  --r:10px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,"Segoe UI",sans-serif;color:var(--marino);background:var(--fondo);
     font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}
h1{font-size:28px} h2{font-size:19px} h3{font-size:15px}
a{color:var(--azul);text-decoration:none}
.logo{display:flex;align-items:center;gap:10px}
.logo svg{display:block}
.logo .marca{font-size:20px;font-weight:700;color:var(--marino);letter-spacing:-.02em;line-height:1}
.logo .marca small{display:block;font-size:9px;font-weight:400;color:var(--gris-2);letter-spacing:.18em;text-transform:uppercase;margin-top:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:var(--r);
     padding:11px 20px;font:inherit;font-weight:700;cursor:pointer;transition:.15s}
.btn-primario{background:var(--azul);color:#fff}
.btn-primario:hover{background:var(--azul-700)}
.btn-primario:disabled{background:var(--gris-2);cursor:default}
.btn-linea{background:#fff;color:var(--marino);border:1px solid var(--linea)}
.btn-linea:hover{border-color:var(--azul);color:var(--azul)}
.campo{display:block;width:100%;padding:11px 13px;border:1px solid var(--linea);border-radius:var(--r);
       font:inherit;color:var(--marino);background:#fff;transition:.15s}
.campo:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(27,99,196,.12)}
label.et{display:block;font-size:12px;font-weight:700;color:var(--gris);margin:0 0 6px}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra)}
.aviso{background:#FDECEA;color:var(--rojo);border-radius:var(--r);padding:10px 13px;font-size:13px}