/* Sistema visual heredado de la landing (SnapMediaAI.dc.html): negro, Inter + JetBrains
   Mono, acento #64CEFB, mismos ritmos de espaciado y mismos bordes a 8% de blanco. */

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;background:#000;}
body{
  background:#000;color:#fff;
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
:focus-visible{outline:2px solid #64CEFB;outline-offset:3px;border-radius:2px;}
a{color:#64CEFB;text-decoration:none;}
a:hover{color:#8ddcfd;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}

/* ---------- barra superior ---------- */
.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-row{
  max-width:1240px;margin:0 auto;
  padding:14px clamp(16px,4vw,32px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{display:flex;align-items:center;gap:10px;color:#fff;flex-shrink:0;}
.brand:hover{color:#fff;}
.brand img{width:34px;height:34px;border-radius:999px;object-fit:cover;flex-shrink:0;}
.brand span{font-size:16px;font-weight:700;letter-spacing:-0.02em;}
.volver{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;color:rgba(255,255,255,.82);white-space:nowrap;
}
.volver:hover{color:#fff;}

/* ---------- contenido ---------- */
.wrap{max-width:1240px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(16px,4vw,32px) clamp(72px,10vw,120px);}
.col{max-width:78ch;}
.kicker{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;font-weight:600;letter-spacing:.14em;color:#64CEFB;
}
h1{
  margin:24px 0 0;font-weight:800;line-height:1.05;letter-spacing:-0.03em;
  font-size:clamp(32px,5vw,58px);text-wrap:balance;
}
.entradilla{margin:26px 0 0;font-size:clamp(16px,1.7vw,19px);line-height:1.55;color:rgba(255,255,255,.78);}
.meta{
  margin:28px 0 0;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;color:rgba(255,255,255,.45);
}
h2{
  margin:56px 0 0;font-size:clamp(21px,2.6vw,27px);font-weight:700;
  letter-spacing:-0.02em;line-height:1.25;
  padding-top:28px;border-top:1px solid rgba(255,255,255,.1);
}
h3{margin:32px 0 0;font-size:17px;font-weight:700;letter-spacing:-0.01em;color:#fff;}
p{margin:16px 0 0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.82);}
ul{margin:16px 0 0;padding:0;list-style:none;}
li{
  margin:0 0 11px;padding-left:20px;position:relative;
  font-size:16px;line-height:1.6;color:rgba(255,255,255,.82);
}
li::before{
  content:"";position:absolute;left:0;top:10px;
  width:5px;height:5px;border-radius:999px;background:#64CEFB;
}
strong{color:#fff;font-weight:600;}

/* ---------- ficha de datos ---------- */
.ficha{
  margin:28px 0 0;border:1px solid rgba(255,255,255,.12);background:#0e1418;
}
.ficha-fila{
  display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);
  gap:4px 24px;padding:16px 22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ficha-fila:last-child{border-bottom:0;}
.ficha-k{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.5);align-self:center;
}
.ficha-v{font-size:16px;color:#fff;line-height:1.5;}
@media (max-width:640px){
  .ficha-fila{grid-template-columns:1fr;gap:6px;}
}

/* ---------- avisos ---------- */
/* PENDIENTE: la regla del proyecto es que lo que no está confirmado se ve en la
   página, no se rellena con algo que suene bien. Estos bloques son intencionados. */
.pendiente{
  margin:24px 0 0;border-left:3px solid #64CEFB;
  background:linear-gradient(90deg,rgba(100,206,251,.09),rgba(100,206,251,0));
  padding:20px 22px;
}
.pendiente-tag{
  display:inline-block;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(100,206,251,.16);color:#64CEFB;
  padding:4px 9px;border-radius:999px;
}
.pendiente p{margin:14px 0 0;color:rgba(255,255,255,.86);font-size:15px;}
.pendiente p:first-of-type{margin-top:12px;}

.alerta{
  margin:24px 0 0;border-left:3px solid #ff6b6b;
  background:linear-gradient(90deg,rgba(255,107,107,.10),rgba(255,107,107,0));
  padding:20px 22px;
}
.alerta-tag{
  display:inline-block;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(255,107,107,.18);color:#ff9d9d;
  padding:4px 9px;border-radius:999px;
}
.alerta p{margin:14px 0 0;color:rgba(255,255,255,.86);font-size:15px;}

/* ---------- pie ---------- */
.pie{border-top:1px solid rgba(255,255,255,.08);background:#000;}
.pie-in{max-width:1240px;margin:0 auto;padding:48px clamp(16px,4vw,32px) 56px;}
.pie-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 32px;}
.pie-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;}
.pie-links a{color:rgba(255,255,255,.7);}
.pie-links a:hover{color:#fff;}
.pie-links a[aria-current="page"]{color:#fff;}
.pie-legal{
  margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;color:rgba(255,255,255,.45);
}