/* Químicamente impuro — hoja de estilo del sitio nuevo.
   Hereda la paleta del blog original (azul marino + turquesa + lima) y la moderniza. */

:root{
  --ink:#050a1c;
  --panel:#0b1332;
  --line:rgba(53,224,224,.28);
  --line2:rgba(53,224,224,.13);
  --cyan:#35e0e0;
  --cyan-d:#00a8ad;
  --lime:#befa00;
  --paper:#e8ecf7;
  --muted:#8e9cc2;
  --serif:"Spectral",Iowan Old Style,Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(1100px 520px at 10% -12%, rgba(0,168,173,.20), transparent 62%),
    radial-gradient(900px 620px at 100% 0%, rgba(190,250,0,.05), transparent 56%),
    var(--ink);
  color:var(--paper);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
.meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
a.btn{display:inline-block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  padding:11px 18px;border-radius:999px;border:1px solid var(--line);color:var(--cyan);transition:.18s}
a.btn:hover{border-color:var(--cyan);text-decoration:none;box-shadow:0 0 22px rgba(53,224,224,.18)}

/* cabecera */
header.top{border-bottom:1px solid var(--line2);padding:34px 0 22px}
header.top .marca{display:block;font-size:clamp(34px,6vw,58px);line-height:1;font-weight:600;letter-spacing:-.015em;
  background:linear-gradient(92deg,#dff6ff 0%,var(--cyan) 52%,#7fe9c8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
header.top .bajada{margin:10px 0 0;font-style:italic;color:#bcc8e6;font-size:17px}
nav.ppal{margin-top:20px;display:flex;gap:22px;flex-wrap:wrap}
nav.ppal a{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
nav.ppal a:hover,nav.ppal a[aria-current]{color:var(--cyan);text-decoration:none}

/* portada */
.destacado{padding:44px 0 6px}
.destacado h1{font-size:clamp(28px,4.2vw,40px);line-height:1.12;margin:8px 0 18px;color:#eaf3ff;font-weight:600}
.prosa{color:#d3dbf0;font-size:19px}
.prosa p{margin:0 0 1.05em}

/* ilustración */
img.lead{display:block;width:100%;height:auto;margin:22px 0 10px;border-radius:14px;border:1px solid var(--line2)}
p.pie{margin:0 0 26px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
img.chip-img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line2);flex:0 0 64px}
.sello{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#04202a;background:var(--lime);border-radius:4px;padding:3px 8px;vertical-align:middle}

section.bloque{padding:46px 0 0}
section.bloque > h2{font-size:22px;margin:0 0 4px;font-weight:600}
section.bloque > p.sub{color:var(--muted);font-size:15px;margin:0 0 20px}

/* lista de textos */
ul.textos{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
ul.textos li{border-bottom:1px solid var(--line2);padding:16px 2px;display:flex;gap:16px;align-items:center}
ul.textos li a.titulo{color:#eaf3ff;font-size:20px;font-weight:600}
ul.textos li a.titulo:hover{color:var(--cyan);text-decoration:none}
ul.textos li .resumen{color:var(--muted);font-size:15px;display:block;margin-top:4px}
ul.textos li .izq{flex:1}

/* homenaje */
.homenaje{border:1px solid var(--line);border-radius:16px;padding:24px 26px;margin-top:10px;
  background:linear-gradient(160deg,rgba(11,19,50,.9),rgba(6,11,32,.9))}
.homenaje p{margin:0 0 12px;color:#c8d3ec}
.homenaje .cierre{color:var(--lime);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* datos, citas y listas */
.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0 8px}
.dato{border:1px solid var(--line2);background:rgba(11,19,50,.55);border-radius:12px;padding:13px 15px}
.dato b{display:block;font-family:var(--mono);font-size:19px;color:var(--cyan);letter-spacing:.02em}
.dato span{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
blockquote.cita{margin:26px 0;padding:2px 0 2px 22px;border-left:2px solid var(--lime);
  font-size:21px;font-style:italic;color:#dbe4f7;max-width:760px}
blockquote.cita footer{margin-top:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);font-style:normal}
ul.lista{margin:8px 0 22px;padding:0;list-style:none;max-width:780px}
ul.lista li{position:relative;padding:7px 0 7px 20px;color:#c8d3ec;border-bottom:1px solid var(--line2)}
ul.lista li:last-child{border-bottom:0}
ul.lista li::before{content:"—";position:absolute;left:0;color:var(--cyan)}
ul.lista li b{color:#eaf3ff}
ul.lista li span{color:var(--muted);font-family:var(--mono);font-size:12px}
figure.captura{margin:26px 0}
figure.captura img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line2);display:block}
figure.captura figcaption{margin-top:9px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
h4.subt{font-size:16px;margin:30px 0 6px;color:#eaf3ff;font-weight:600}
h4.subt + p{margin-top:0}

/* al azar del día */
article.dia{border:1px solid var(--line);border-radius:16px;padding:22px 24px;
  background:linear-gradient(160deg,rgba(11,19,50,.9),rgba(6,11,32,.9))}
article.dia h3{margin:6px 0 10px;font-size:24px;color:#eaf3ff}
article.dia p{margin:0 0 10px;color:#c8d3ec;white-space:pre-line}
p.fila{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 0}
button.mini{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
  padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--cyan)}
button.mini:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(53,224,224,.18)}

/* buscador */
input.campo{width:100%;max-width:520px;display:block;margin:14px 0 26px;padding:13px 16px;border-radius:999px;
  border:1px solid var(--line);background:rgba(11,19,50,.85);color:var(--paper);
  font-family:var(--mono);font-size:13px;outline:none}
input.campo:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(53,224,224,.12)}
article.resultado{border-bottom:1px solid var(--line2);padding:18px 2px}
article.resultado h3{margin:4px 0 8px;font-size:22px;color:#eaf3ff}
article.resultado p{margin:0 0 8px;color:#b9c5e4;font-size:16px}
mark.resalte{background:rgba(190,250,0,.22);color:#f2ffd6;padding:0 2px;border-radius:3px}
p.vacio{border:1px dashed var(--line);border-radius:14px;padding:26px;color:var(--muted);
  font-family:var(--mono);font-size:12.5px}

footer{margin-top:64px;border-top:1px solid var(--line2);padding:24px 0 56px}
footer p{margin:6px 0;color:var(--muted);font-size:14px}
footer .firma{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

/* lectura */
article.lectura{padding:40px 0 10px}
article.lectura h1{font-size:clamp(26px,4vw,38px);line-height:1.15;margin:10px 0 6px;color:#eaf3ff}
article.lectura .prosa{margin-top:26px}
.volver{font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase}
@media (max-width:560px){body{font-size:17px}.wrap{padding:0 18px}}