/* blyntlabs.com — ajustes de la portada sobre assets/styles.css */
/* ---- v2 additions (same tokens, same components as the original) ---- */
.top { top: env(safe-area-inset-top, 0px); }
.score .u { font-size: 1.15rem; font-weight: 600; color: var(--muted); letter-spacing: 0; }
.steps--4 { grid-template-columns: repeat(4, 1fr); }
.pillar h3 { font-size: 1.02rem; }
.base { margin-top: 14px; border-radius: 14px; background: var(--card); border: 1px solid var(--line); padding: 22px 26px;
  display: grid; grid-template-columns: minmax(0, 15rem) 1fr; gap: 6px 32px; align-items: center; box-shadow: var(--shadow); }
.base h3 { margin: 0; font-size: 1.1rem; color: var(--mint); }
.base p { margin: 0; color: var(--ink-soft); }
.kv { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.kv li { display: grid; gap: 2px; }
.kv b { font-weight: 650; }
.kv span { color: var(--muted); font-size: .95rem; }
.small-note { margin-top: 18px; font-size: .88rem; color: var(--muted); }
.later { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); font-size: .92rem; color: var(--muted); }
.later b { color: var(--ink-soft); }
.grid.top-gap { margin-top: 24px; }
.grid > .card { min-width: 0; }
@media (max-width: 980px) { .steps--4 { grid-template-columns: repeat(2, 1fr); } .base { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .steps--4 { grid-template-columns: 1fr; } }
.hero h1 { font-size: clamp(2.05rem, 4.1vw, 3.1rem); text-wrap: balance; }
.section-head h2, .cta h2 { text-wrap: balance; }
.pillars { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1060px) { .pillars { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .pillars { grid-template-columns: 1fr; } }
.pillar { min-width: 0; }

/* ---- Portada (versión mix): vídeo, guion y colores de los pilares ---- */
.pillar { border-top: 4px solid var(--pc, var(--mint)); }
.pillars .pillar:nth-child(1) { --pc: #2fbf86; }
.pillars .pillar:nth-child(2) { --pc: #5a3fc0; }
.pillars .pillar:nth-child(3) { --pc: #a2f2cf; }
.pillars .pillar:nth-child(4) { --pc: #b6a2fa; }
.pillars .pillar:nth-child(5) { --pc: #13845a; }
.base { border-top: 4px solid #2a3552; }
.fw-link { margin-top: 20px; }
.video-band .video-frame { max-width: 960px; }
.video-band .small-note { margin-top: 16px; color: var(--muted); }
.script { margin-top: 20px; max-width: 860px; }
.script summary { cursor: pointer; font-weight: 650; color: var(--mint); }
.script ol { margin: 16px 0 0; padding-left: 24px; display: grid; gap: 8px; color: var(--ink-soft); }
.script li b { color: var(--ink); }
.next-step{margin:14px 0 0;font-size:14px;color:var(--muted);max-width:60ch}
.dark .next-step{color:inherit;opacity:.75}
.mid-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:36px}
.mid-cta p{margin:0;font-weight:650;font-size:18px}
.cta .next-step{margin-inline:auto;text-align:center}
.ent-view header strong{display:flex;align-items:center;gap:8px}
.ent-view .live{width:8px;height:8px;border-radius:50%;background:#2fbf86;box-shadow:0 0 0 0 rgba(47,191,134,.6);animation:evpulse 2s infinite}
@keyframes evpulse{0%{box-shadow:0 0 0 0 rgba(47,191,134,.6)}70%{box-shadow:0 0 0 8px rgba(47,191,134,0)}100%{box-shadow:0 0 0 0 rgba(47,191,134,0)}}
.ent-view .ev-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.ent-view .ev-kpis div{display:grid;gap:1px;align-content:start;min-width:0}
.ent-view .ev-kpis b{font-size:1.3rem;font-weight:800;color:var(--mint);font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap}
.ent-view .ev-kpis span{font-size:.74rem;color:var(--muted)}
.ent-view .ev-kpis em{font-style:normal;font-size:.68rem;font-weight:650;color:#7fe3b8}
.ent-view .ev-table{width:100%;border-collapse:collapse;font-size:.83rem}
.ent-view .ev-table th{text-align:left;font-weight:600;font-size:.7rem;color:var(--muted);padding:0 6px 8px 0;border-bottom:1px solid var(--line)}
.ent-view .ev-table td{padding:8px 6px 8px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.ent-view .ev-table tr:last-child td{border-bottom:0}
.ent-view .uc{display:block;font-weight:600;line-height:1.25}
.ent-view .mdl{display:block;font-size:.7rem;color:var(--muted)}
.ent-view .sc{min-width:74px;white-space:nowrap}
.ent-view .num{font-weight:800;font-variant-numeric:tabular-nums}
.ent-view .dl{font-size:.66rem;font-weight:700;margin-left:4px}
.ent-view .dl.up{color:#7fe3b8}
.ent-view .sbar{display:block;height:4px;border-radius:4px;background:color-mix(in srgb,var(--muted) 25%,transparent);margin-top:4px;overflow:hidden}
.ent-view .sbar .fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#2fbf86,#b6a2fa)}
.ent-view .cost{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-soft)}
.ent-view .st{display:inline-block;font-size:.7rem;font-weight:650;padding:2px 8px;border-radius:999px;white-space:nowrap}
.ent-view .st.ok{background:color-mix(in srgb,#2fbf86 22%,transparent);color:#7fe3b8}
.ent-view .st.test{background:color-mix(in srgb,#b6a2fa 24%,transparent);color:#cfc2ff}
.ent-view .st.eval{background:color-mix(in srgb,#e6b450 22%,transparent);color:#f0cf86}
.ent-view .st.stop{background:color-mix(in srgb,#98a3b6 20%,transparent);color:#c3cad7}
.ent-view .ev-alert{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#5a3fc0 22%,transparent);border:1px solid color-mix(in srgb,#b6a2fa 35%,transparent)}
.ent-view .ev-alert p{margin:0;font-size:.8rem;line-height:1.45;color:var(--ink-soft)}
.ent-view .ev-alert b{color:#cfc2ff}
.ent-view .ev-alert .dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#b6a2fa}
@media (prefers-reduced-motion:reduce){.ent-view .live{animation:none}}
@media (max-width:480px){.ent-view .ev-kpis{grid-template-columns:repeat(2,1fr);row-gap:12px}.ent-view .ev-table th:nth-child(3),.ent-view .ev-table td:nth-child(3){display:none}}
.pilot-steps{margin:18px 0 0;padding:0;list-style:none;counter-reset:ps;display:grid;gap:14px}
.pilot-steps li{counter-increment:ps;display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;color:var(--ink-soft)}
.pilot-steps li::before{content:counter(ps);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;background:var(--mint-soft);color:var(--mint)}
.pilot-steps b{color:var(--ink)}
.pilot .small-note{margin-top:16px}
.adv{margin-top:28px;display:grid;gap:14px}
.adv h3{margin:0}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.adv-item{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card);border-top:3px solid var(--mint)}
.adv-item span{color:var(--muted);font-size:.92rem;line-height:1.5}
.adv .later{margin:0}
.brand-term{color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap;border-bottom:2px solid color-mix(in srgb,var(--mint) 45%,transparent);transition:border-color .2s,color .2s}
.brand-term:hover{color:var(--mint);border-bottom-color:var(--mint)}
.brand-term sup{font-size:.55em;font-weight:600;margin-left:1px;vertical-align:super;line-height:0}
.bl{text-transform:none}
.lead-short{display:none}
@media (max-width:600px){.hero .lead-full{display:none}.hero .lead-short{display:block}}

/* Titular de portada (09-10-2026): cada frase en su línea, sin cortarse ni salirse */
.hero h1 { font-size: clamp(1.45rem, 2.9vw, 2.4rem); }
.hero h1 .l1, .hero h1 .l2 { display: block; }
@media (max-width: 600px) { .hero h1 { font-size: clamp(1.5rem, 6.4vw, 2rem); } }