/* ★ 89 SEO/GEO — estilos del blog y de /acerca/ (web35/tools/generar_blog89.mjs). Sin fuentes externas (CSP). */
:root{--fondo:#fff;--texto:#111114;--suave:#5b5b66;--borde:#e6e6ea;--marca:#B35ED5;--marca2:#5b2a72;--caja:#f6effb;--enlace:#7a2fa0}
@media (prefers-color-scheme:dark){:root{--fondo:#000;--texto:#f3f3f5;--suave:#a9a9b3;--borde:#26262c;--caja:#1a1020;--enlace:#d9a4f0}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--enlace)}
img{max-width:100%;height:auto}
.ancho{max-width:1100px;margin:0 auto;padding:0 16px}
.estrecho{max-width:760px}
.saltar{position:absolute;left:-999px}.saltar:focus{left:16px;top:8px;background:var(--fondo);padding:8px;z-index:9}
.cab{border-bottom:1px solid var(--borde);position:sticky;top:0;background:var(--fondo);z-index:5}
.cab .ancho{display:flex;align-items:center;gap:16px;min-height:60px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--texto);text-decoration:none}
.menu{display:flex;gap:14px;flex-wrap:wrap;flex:1}
.menu a,.idiomas a{color:var(--suave);text-decoration:none;font-size:15px}
.menu a[aria-current],.idiomas a[aria-current]{color:var(--texto);font-weight:700}
.idiomas{display:flex;gap:8px}
.boton{display:inline-block;background:var(--texto);color:var(--fondo);padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px}
@media (max-width:760px){.cab .ancho{gap:10px}.cab .boton{padding:7px 12px;font-size:14px}.marca{font-size:18px}.menu{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.menu a{white-space:nowrap}.cab .boton{margin-left:auto}}
main{padding:24px 16px 48px}
h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:12px 0}
h2{font-size:24px;line-height:1.25;margin:32px 0 8px}
h3{font-size:19px;margin:24px 0 8px}
.lead{font-size:19px;color:var(--suave)}
.meta,.migas{font-size:14px;color:var(--suave)}
.migas a{color:var(--suave)}
.portada{display:block;width:100%;border-radius:16px;margin:16px 0;aspect-ratio:16/9;object-fit:cover;background:var(--caja)}
.nota{background:var(--caja);border-left:4px solid var(--marca);padding:12px 16px;border-radius:8px}
.tabla{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border-bottom:1px solid var(--borde);padding:10px 8px;text-align:left;vertical-align:top}
thead th{border-bottom:2px solid var(--texto)}
.faq details{border-bottom:1px solid var(--borde);padding:12px 0}
.faq summary{font-weight:700;cursor:pointer}
.cta{margin:32px 0}
.rel{border-top:1px solid var(--borde);margin-top:32px}
.tarjetas{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.tarjetas a{display:block;border:1px solid var(--borde);border-radius:16px;overflow:hidden;color:var(--texto);text-decoration:none;height:100%}
.tarjetas img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--caja)}
.tarjetas h2{font-size:19px;margin:12px 16px 4px}
.tarjetas p{margin:0 16px;color:var(--suave);font-size:15px}
.tarjetas .leer{display:block;margin:10px 16px 16px;color:var(--enlace);font-weight:700}
.colores{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px}
.colores li{display:flex;align-items:center;gap:8px}
.muestra{width:28px;height:28px;border-radius:8px;border:1px solid var(--borde);display:inline-block}
.pie{border-top:1px solid var(--borde);padding:32px 0;font-size:14px;color:var(--suave)}
.pie .ancho{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.pie .legal{display:block;margin-top:24px}
.pie ul{list-style:none;padding:0;margin:0}.pie li{margin:4px 0}
.pie .tit{font-weight:700;color:var(--texto)}
.marca-pie{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--texto)}
@media (max-width:760px){.pie .ancho{grid-template-columns:1fr}}