/* AEFIP — pantallas de registro con el formato del login ("tarjeta de vidrio").
   Se suma a acceso-login-glass.css: solo agrega lo que el login no necesita
   (selector Activo / Jubilado, errores por campo, tarjeta un poco más ancha). */

.g-tarjeta-ancha { max-width: 460px; }
.g-tarjeta .g-logo { margin-bottom: 16px; }
.g-tarjeta .g-titulo { margin-bottom: 16px; }

/* ---- Selector Activo / Jubilado ---- */
.g-tipo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin: 0 0 20px;
  padding: 4px;
  border: 1px solid var(--g-borde);
  border-radius: 999px;
  background: linear-gradient(180deg, #eef0f5 0%, #f7f8fb 100%);
  box-shadow: inset 0 2px 4px rgba(12, 24, 54, .06);
}
.g-tipo-op {
  display: grid;
  place-items: center;
  min-height: 44px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--g-suave);
  font: 700 .92rem var(--g-fuente-titulo);
  text-decoration: none;
  transition: color .2s, background .2s, box-shadow .2s;
}
.g-tipo-op:hover { color: var(--g-azul); }
.g-tipo-op:focus-visible { outline: 3px solid var(--g-celeste); outline-offset: 1px; }
.g-tipo-on,
.g-tipo-on:hover {
  background: linear-gradient(90deg, var(--g-celeste) 0%, var(--g-azul-medio) 48%, var(--g-azul) 100%);
  color: #fff;
  box-shadow: 0 8px 14px -8px rgba(7, 27, 157, .6), inset 0 1px 0 rgba(255, 255, 255, .38);
}

/* ---- Campos ---- */
.g-caja input { padding-right: 18px; }
.g-ayuda-campo { margin: 6px 0 0 18px; }
.g-campo-error { margin: 6px 0 0 18px; font-size: .78rem; font-weight: 600; color: #9a1b1b; }

/* ---- Textos de las pantallas de "listo" ---- */
.g-listo { margin: 0 auto 22px; max-width: 34ch; font-size: .92rem; line-height: 1.5; color: var(--g-texto); }
.g-listo strong { overflow-wrap: anywhere; }
a.g-btn { text-decoration: none; }

/* ---- Instructivo (instructivo.html) ---- */
.g-doc { max-width: 640px; text-align: left; }
.g-doc .g-logo, .g-doc .g-titulo, .g-doc > .g-copy { text-align: center; }
.g-doc > .g-copy { max-width: 44ch; font-size: .95rem; }
.g-doc-indice { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 22px; }
.g-doc-indice a {
  padding: 8px 14px; border-radius: 999px; border: 1px solid var(--g-borde);
  background: #fff; color: var(--g-azul); font: 700 .85rem var(--g-fuente-titulo); text-decoration: none;
}
.g-doc-indice a:hover { border-color: var(--g-celeste-texto); }
.g-doc-sec { margin: 0 0 22px; padding: 18px 20px; border: 1px solid var(--g-borde); border-radius: 22px; background: #fff; }
.g-doc-sec h2 { margin: 0 0 10px; font: 800 1.2rem var(--g-fuente-titulo); color: var(--g-azul); }
.g-doc-sec p, .g-doc-sec li { font-size: .98rem; line-height: 1.55; color: var(--g-texto); }
.g-doc-sec p { margin: 0 0 10px; }
.g-pasos { margin: 0 0 12px; padding-left: 1.3em; }
.g-pasos li { margin: 0 0 8px; padding-left: 4px; }
.g-pasos li::marker { color: var(--g-celeste-texto); font-weight: 800; }
.g-lista { margin: 0; padding-left: 1.2em; }
.g-lista li { margin: 0 0 6px; }
.g-nota { padding: 10px 14px; border-radius: 14px; background: #eef7fd; font-size: .9rem !important; }
.g-doc details { border-top: 1px solid var(--g-borde); padding: 10px 0; }
.g-doc details:first-of-type { border-top: 0; }
.g-doc summary { cursor: pointer; font-weight: 700; font-size: .98rem; color: var(--g-texto); }
.g-doc summary:focus-visible { outline: 3px solid var(--g-celeste); outline-offset: 2px; border-radius: 6px; }
.g-doc details p { margin: 8px 0 0; }
.g-doc .g-btn { margin-top: 4px; }
.g-doc .g-pie { text-align: center; }
html { scroll-behavior: smooth; }
@media (max-width: 440px) { .g-doc-sec { padding: 16px 14px; } }

/* ---- Portada con los sitios (index.php) ---- */
.g-saludo { font-size: 1.55rem; overflow-wrap: anywhere; }
.g-menu { display: grid; gap: 12px; margin: 0 0 4px; }
.g-menu .g-btn { margin-top: 0; text-decoration: none; }
.g-btn-ico { flex: none; width: 22px; height: 22px; fill: #fff; }
.g-ayuda-seccional { padding: 12px 16px; border-radius: 14px; background: #eefaf2; border: 1px solid rgba(26, 143, 80, .3); font-size: .95rem !important; }