@import url('fuentes.css');
:root{
  --papel:#e6ecdf; --hoja:#fcfdf8; --tinta:#1a2847; --tinta-2:#46516b; --roja:#a5321b;
  --borde:rgba(26,40,71,.15); --borde-2:rgba(26,40,71,.28); --campo:#fff;
  --aviso:#f1dea4; --nuevo:#ffe27a;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --papel:#141c19; --hoja:#1b2521; --tinta:#ebe8dc; --tinta-2:#bec3b7; --roja:#f0a08f;
    --borde:rgba(235,232,220,.14); --borde-2:rgba(235,232,220,.3); --campo:#111815;
    --aviso:#47371a; --nuevo:rgba(240,206,96,.3);
    color-scheme:dark;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;min-height:100vh;background:var(--papel);color:var(--tinta);
  font:400 1rem/1.55 'Atkinson Hyperlegible Next',system-ui,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--roja);text-underline-offset:3px}
:focus-visible{outline:2.5px solid var(--tinta);outline-offset:3px;border-radius:4px}

.cuenta{max-width:460px;margin:0 auto;padding:20px 16px 48px}
.cuenta.panel{max-width:760px}
.volver{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
.volver:hover{text-decoration:underline}

h1,h2{font-family:'Spectral',Georgia,'Palatino Linotype',serif;font-weight:600;line-height:1.2;margin:0}
h1{font-size:1.5rem}
h2{font-size:1.35rem}

.aviso{margin:12px 0 20px;padding:14px 16px;border-radius:12px;background:var(--aviso);border:1px solid var(--borde)}
.aviso h1{font-size:1.15rem;margin-bottom:6px}
.aviso p{margin:0;color:var(--tinta)}

.hoja{background:var(--hoja);border:1px solid var(--borde);border-radius:14px;padding:22px 18px 18px;
  box-shadow:0 14px 24px -18px rgba(26,40,71,.5)}
.bajada{margin:6px 0 18px;color:var(--tinta-2);font-size:.95rem}

@media (max-width:400px){.cuenta{padding-left:12px;padding-right:12px}.hoja{padding-left:8px;padding-right:8px}}

form#ingreso{display:flex;flex-direction:column;gap:6px}
form#ingreso label{font-weight:600;font-size:.95rem;margin-top:8px}
form#ingreso input{
  width:100%;min-height:46px;padding:10px 12px;font:inherit;color:var(--tinta);
  background:var(--campo);border:1.5px solid var(--borde-2);border-radius:10px;
}
form#ingreso input:focus{border-color:var(--tinta);outline:none}
.clave{display:flex;gap:8px}
.clave input{flex:1;min-width:0}
#ver-clave{
  flex-shrink:0;min-height:46px;padding:0 14px;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--tinta);
  background:none;border:1.5px solid var(--borde-2);border-radius:10px;cursor:pointer;
}
.cf-turnstile{margin:14px 0 4px;min-height:65px}
.entrar,.salir{
  min-height:48px;padding:0 20px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;
  color:var(--hoja);background:var(--tinta);border:0;border-radius:999px;
}
.entrar{margin-top:6px;width:100%}
.entrar:disabled{opacity:.6;cursor:progress}
.estado{min-height:1.5em;margin:10px 0 0;font-weight:600;color:var(--roja)}

.panel-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 4px}
.panel-cab form{margin:0}
.salir{min-height:44px;font-size:.95rem}
.resumen{margin:4px 0 18px;color:var(--tinta-2)}
.msj{background:var(--hoja);border:1px solid var(--borde);border-radius:12px;padding:12px 14px;margin:0 0 12px}
.msj.nuevo{border-left:5px solid var(--roja)}
.msj-cab{margin:0 0 6px;font-size:.88rem;color:var(--tinta-2)}
.marca-nuevo{background:var(--nuevo);color:var(--tinta);padding:0 6px;border-radius:4px;font-weight:600}
.msj-texto{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}
.msj-contacto{margin:0;font-size:.92rem;color:var(--tinta-2);overflow-wrap:anywhere}
.vacio{color:var(--tinta-2)}
.paginas{display:flex;justify-content:space-between;margin-top:8px}
.paginas a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}