@charset "UTF-8";
/* Lectura cómoda del acceso a Yaro (27 sep 2026).
   Se carga después de access.css y solo ajusta tamaños, contraste y orden visual.
   Nada aquí cambia la lógica de acceso ni los datos que se envían. */
:root{--muted:#4b5569}

/* Textos pequeños → legibles (mínimo 13px en etiquetas en mayúsculas, 14–15px en texto). */
.brand .brand-by{font-size:13px;color:#e3ebff}
.access-top{font-size:15px}
.access-top a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;padding:10px 0}
label:not(.legal-consent){font-size:15px}
.field-hint{font-size:14px}
.step-label{font-size:13px}
.status{font-size:14px}
.text-button,.back-button,.secondary{font-size:15px}
.primary-button,.auth-method-button{font-size:16px}
.phone-code-fieldset legend{font-size:15px}

/* Casilla de aceptación: antes del botón, grande y con estado visible. */
#step-google #access-consent{margin-top:28px}
.legal-consent{font-size:15px;line-height:1.6;color:var(--ink);gap:12px;margin:0;padding:14px 16px;border:1px solid #cdd5e4;border-radius:14px;background:#fff;transition:border-color .2s,background .2s}
.legal-consent:hover{border-color:#9fadd0}
.legal-consent:has(input:checked){border-color:var(--blue);background:#f3f6ff}
.legal-consent input{width:24px;height:24px;margin:0}
.legal-consent a{color:var(--ink);text-decoration-color:#7d879b}
.access-entry-button{margin-top:16px}

/* Mientras falte la casilla, el botón explica por qué no avanza. */
.consent-hint{display:none;margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
#step-google:has(#legal-consent:not(:checked)) .consent-hint{display:block}

/* Primer mensaje antes de crear la cuenta: opcional y plegado. */
.first-message{margin-top:28px;border:1px solid var(--line);border-radius:16px;background:#fff}
.first-message-toggle{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 16px;border:0;border-radius:16px;background:transparent;color:var(--ink);text-align:left}
.first-message-toggle:hover{background:#f6f8fd}
.first-message-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#23421a}
.first-message-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.first-message-copy{display:grid;gap:2px;min-width:0}
.first-message-copy strong{font-size:15px;font-weight:650}
.first-message-copy small{font-size:14px;line-height:1.45;color:var(--muted)}
.first-message-panel{padding:0 16px 16px}
.first-message-panel label{margin:6px 0 8px}
.first-message-panel textarea{display:block;width:100%;min-height:112px;resize:vertical;border:1px solid #cdd5e4;border-radius:12px;background:#fff;padding:12px 14px;color:var(--ink);font:inherit;font-size:16px;line-height:1.5}
.first-message-panel textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2454e814;outline:none}
.first-message-panel textarea::placeholder{color:#788195}
.first-message-meta{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:14px;color:var(--muted)}
.first-message-meta [role=status]{color:var(--ok);font-weight:600}
.first-message-note{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}

@media(max-width:760px){
  .brand .brand-by{font-size:13px}
  .access-top a{font-size:15px}
  .legal-consent{font-size:15px}
  .sub{font-size:15px}
  #step-google #access-consent{margin-top:22px}
}
@media(forced-colors:active){.legal-consent{border:1px solid CanvasText}}