/* Sustantiva — estilos de marca para las páginas del sistema (acceso, índices, errores, landing).
   Tipografías: Manrope (cuerpo), Space Grotesk (títulos). */

@font-face{
  font-family:'Manrope';
  src:url('/__assets/Manrope.ttf') format('truetype');
  font-weight:300 800; font-display:swap;
}
@font-face{
  font-family:'Space Grotesk';
  src:url('/__assets/SpaceGrotesk.ttf') format('truetype');
  font-weight:400 700; font-display:swap;
}

:root{
  --blue:#1082FF; --dark-blue:#001F91; --violet:#DA94FF; --violet-dark:#421085;
  --yellow:#FFC82C; --ink:#111519; --paper:#F7F7F7; --text-2:#46576B; --muted:#828282;
  --line:#E4E7EC; --r:8px;     /* radio editorial */
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--paper); color:var(--ink);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.5;
}
a{color:inherit}

/* Página editorial a la izquierda (acceso, error, hub, índice) — una sola firma: el logo. */
.sus-page{max-width:880px;margin:0 auto;padding:clamp(2.75rem,8vw,5rem) 1.5rem}
.sus-logo{display:block;width:clamp(150px,22vw,184px);height:auto;margin-bottom:clamp(2.25rem,6vw,3.25rem)}
.sus-eyebrow{font-family:'Space Grotesk';font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:.7rem}
.sus-h1{font-family:'Space Grotesk';font-weight:700;font-size:clamp(1.9rem,4.5vw,2.7rem);line-height:1.06;letter-spacing:-.02em;color:var(--ink)}
.sus-lead{color:var(--text-2);font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.5;margin-top:.9rem;max-width:46ch}

/* Formularios (acceso / suscripción) — sin tarjeta flotante, medida acotada. */
.sus-form{margin-top:2rem;max-width:380px}
.sus-input{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--r);
  font-family:inherit;font-size:1rem;color:var(--ink);background:#fff;outline:none;margin-bottom:.9rem;
  transition:border-color .15s,box-shadow .15s}
.sus-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(16,130,255,.14)}
.sus-btn{display:inline-block;padding:.8rem 1.6rem;background:var(--blue);color:#fff;border:none;
  border-radius:var(--r);font-family:'Space Grotesk';font-weight:700;font-size:.98rem;cursor:pointer;
  transition:background .15s}
.sus-btn:hover{background:#0a6fe0}
.sus-error{color:#C81E5B;font-size:.88rem;margin-bottom:.9rem}

/* Error / 404 */
.sus-code{font-family:'Space Grotesk';font-weight:700;font-size:clamp(3rem,9vw,4.5rem);line-height:1;color:var(--blue);margin-bottom:.4rem}

/* Índice de un espacio — filas editoriales con regla horizontal (sin cards) */
.sus-list{margin-top:2.5rem;border-top:1px solid var(--line)}
.sus-list-item{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;
  padding:1.15rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding-left .15s}
.sus-list-item:hover{padding-left:.4rem}
.sus-list-item .t{font-family:'Space Grotesk';font-weight:700;font-size:1.15rem;color:var(--ink)}
.sus-list-item .p{font-size:.82rem;color:var(--muted);white-space:nowrap}

/* Hub / landing del subdominio — tapas: portadas oscuras (eco de la tapa del informe) */
.sus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.1rem;margin-top:clamp(2.25rem,5vw,3.25rem)}
.sus-tapa{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:248px;padding:1.85rem;background:var(--ink);color:#fff;border-radius:var(--r);
  text-decoration:none;overflow:hidden;transition:transform .14s,background .14s}
.sus-tapa::after{content:"";position:absolute;right:-46px;top:-40px;width:220px;height:220px;
  background:url('/__assets/isologo-lineart.svg') no-repeat center/contain;opacity:.55;pointer-events:none}
.sus-tapa:hover{transform:translateY(-3px);background:#181d24}
.sus-tapa .t{position:relative;font-family:'Space Grotesk';font-weight:700;font-size:1.5rem;line-height:1.12;letter-spacing:-.01em;color:#fff;max-width:18ch}
.sus-tapa .d{position:relative;color:#AAB3BE;font-size:.95rem;line-height:1.45;margin-top:.65rem;max-width:32ch}
.sus-tapa .go{position:relative;margin-top:1.2rem;font-family:'Space Grotesk';font-weight:700;font-size:.84rem;color:var(--yellow)}
.sus-hub-empty{color:var(--muted);font-size:1rem;margin-top:2.5rem}