/* Blog para IA — page-specific styles */
.bl-sub{max-width:760px}

/* Hero */
.bl-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:44px;align-items:center}
.bl-hero .lead{max-width:640px}
.bl-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:26px 0 0}
.bl-facts li{padding:12px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);line-height:1.25}
.bl-facts b{display:block;font-size:17px;color:var(--cyan)}
.bl-facts span{font-size:12.5px;color:var(--muted)}
.bl-hero-img{position:relative;margin:0;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:4/4.4}
.bl-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.bl-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,22,0) 40%,rgba(2,8,22,.9))}
.bl-hero-img figcaption{position:absolute;left:18px;right:18px;bottom:18px;z-index:1}
.bl-q{display:inline-block;padding:12px 16px;border-radius:18px 18px 18px 4px;background:#fff;color:var(--sp-navy);font:700 15px/1.35 Manrope,Inter,sans-serif;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.bl-hero-img small{display:block;margin-top:10px;color:#d5e3f5;font-size:13px}

/* Why now */
.bl-why .card h3{font-size:19px}
.bl-why .card{background:linear-gradient(180deg,rgba(0,117,255,.10),var(--card))}

/* Mocks */
.bl-mocks{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;margin-top:30px;align-items:start}
.bl-mock{background:#fff;color:#1b2433;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);font-family:Manrope,Inter,sans-serif}
.bl-mock-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:12px 16px;background:#eef2f7;border-bottom:1px solid #e1e6ee;font:800 12.5px Inter,sans-serif;color:#33405a}
.bl-mock-top em{font-style:normal;font-weight:600;color:#7a869a}
.bl-dot{width:10px;height:10px;border-radius:50%;background:var(--sp-cyan);box-shadow:0 0 0 4px rgba(22,169,236,.18)}
.bl-sim{margin-left:auto;padding:3px 9px;border-radius:999px;background:#fff4e0;color:#a35b00;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.bl-chat-body,.bl-serp-body{padding:20px 20px 22px}
.bl-ask{margin:0 0 16px auto;max-width:86%;width:fit-content;padding:11px 15px;border-radius:18px 18px 4px 18px;background:#0b1a2e;color:#fff;font-weight:700;font-size:14.5px}
.bl-answer p{font-size:14.5px;line-height:1.6;color:#2c3749;margin:0 0 10px}
.bl-answer b{color:var(--sp-navy)}
.bl-answer sup{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:2px;border-radius:6px;background:#dff2fc;color:#0b7fb5;font:800 10px Inter,sans-serif;vertical-align:2px}
.bl-tip{font-size:13px!important;color:#6b778a!important}
.bl-sources{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #e6e9ee}
.bl-src-h{font:800 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7a869a}
.bl-src{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid #e6e9ee;background:#fafbfd}
.bl-src.on{border-color:rgba(22,169,236,.55);background:#eef8fd}
.bl-src i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#dff2fc;color:#0b7fb5;font:800 11px Inter,sans-serif;font-style:normal}
.bl-src b{display:block;font-size:13.5px;line-height:1.3;color:var(--sp-navy)}
.bl-src small{font-size:12px;color:#0b7fb5}
.bl-searchbar{padding:11px 16px 11px 40px;border-radius:999px;border:1px solid #dfe3ea;box-shadow:0 2px 8px rgba(30,40,60,.08);font-size:14px;color:#33405a;position:relative;margin-bottom:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bl-searchbar::before{content:"";position:absolute;left:15px;top:50%;width:11px;height:11px;margin-top:-7px;border:2px solid #9aa5b5;border-radius:50%}
.bl-searchbar::after{content:"";position:absolute;left:26px;top:50%;width:6px;height:2px;margin-top:4px;background:#9aa5b5;transform:rotate(45deg)}
.bl-aio{padding:16px;border-radius:16px;background:linear-gradient(135deg,#eef6ff,#f4f0ff);border:1px solid #e1e6f5}
.bl-aio-h{display:block;font:800 12px Inter,sans-serif;color:#4a3fb5;margin-bottom:6px}
.bl-aio-h::before{content:"✦ "}
.bl-aio p{font-size:14px;line-height:1.55;color:#2c3749;margin:0 0 10px}
.bl-chips{display:flex;flex-wrap:wrap;gap:6px}
.bl-chips span{padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #dfe3ea;font-size:12px;font-weight:700;color:#5b6779}
.bl-chips span.on{border-color:rgba(22,169,236,.6);color:#0b7fb5}
.bl-result{padding:14px 2px 2px}
.bl-result small{display:block;font-size:12px;color:#4d5b70}
.bl-result b{display:block;font-size:16.5px;line-height:1.3;color:#1a3fa6;margin:2px 0 4px}
.bl-result p{font-size:13.5px;line-height:1.5;color:#4d5b70;margin:0}
.bl-faded{opacity:.5}
.bl-skel{display:block;height:12px;width:70%;border-radius:6px;background:#dfe5ee;margin:6px 0}
.bl-skel.s2{width:92%;height:10px}
.bl-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.bl-legend p{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin:0}
.bl-legend b{color:var(--text)}
.bl-legend i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--cyan);color:var(--cyan);font:800 11px Inter,sans-serif;font-style:normal}

/* Anatomy polish */
.bl-proof{margin:8px 0 10px;border-radius:12px;overflow:hidden}
.bl-proof img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}
.anatomy .mark{transition:background .2s,box-shadow .2s;border-radius:8px}
.anatomy .mark.bl-hl{background:rgba(22,169,236,.10);box-shadow:0 0 0 6px rgba(22,169,236,.10)}
.rules .card{transition:border-color .2s,background .2s}
.rules .card.bl-on{border-color:rgba(62,231,255,.6);background:rgba(0,117,255,.16)}
@media (min-width:981px){
  .rules{position:sticky;top:80px;gap:7px}
  .rules .card{padding:11px 16px}
  .rules .card h3{font-size:15px;margin-bottom:2px}
  .rules .card p{font-size:13px;line-height:1.45}
}

/* Journey */
.bl-journey{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.25fr);gap:14px;counter-reset:j}
.bl-journey li{position:relative;padding:20px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.bl-journey li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:36px;width:10px;height:10px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);transform:rotate(45deg);z-index:1}
.bl-journey li::before{counter-increment:j;content:"0" counter(j);position:absolute;top:20px;right:18px;font-weight:800;color:var(--green);font-size:12px;letter-spacing:.12em}
.bl-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(62,231,255,.12);color:var(--cyan);font-weight:900;font-size:17px;margin-bottom:12px}
.bl-journey b{display:block;font-size:16px;margin-bottom:6px}
.bl-journey p{font-size:13.5px;color:var(--muted);margin:0}
.bl-sms-step{border-color:rgba(66,229,166,.45)!important;background:linear-gradient(180deg,rgba(66,229,166,.12),var(--card))!important}
.bl-sms-step .bl-ico{background:rgba(66,229,166,.16);color:var(--green)}
.bl-sms{margin-top:4px;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#e9eef5;color:#1b2433;font-size:13px;line-height:1.45}
.bl-sms small{display:block;font-weight:800;font-size:11px;color:#0b7fb5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.bl-sms em{display:block;font-style:normal;color:#5b6779;margin-top:4px;font-size:12px}

/* Cluster */
.bl-cluster{position:relative;margin-top:30px;padding:30px;border-radius:26px;border:1px solid var(--line);background:radial-gradient(circle at 50% 0%,rgba(0,117,255,.22),transparent 60%),rgba(8,24,55,.45)}
.bl-cluster small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.bl-pillar{position:relative;max-width:560px;margin:0 auto;text-align:center;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,var(--blue),#18a8ff);box-shadow:0 18px 50px rgba(0,117,255,.35)}
.bl-pillar small{color:#d8f3ff}
.bl-pillar b{display:block;font-size:clamp(18px,2.2vw,22px);line-height:1.2;margin:6px 0}
.bl-pillar span{font-size:14px;color:#e2f2ff}
.bl-pillar::after{content:"";position:absolute;left:50%;bottom:-30px;width:2px;height:30px;background:linear-gradient(var(--cyan),rgba(62,231,255,.2))}
.bl-spokes{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:30px;padding-top:22px}
.bl-spokes::before{content:"";position:absolute;top:0;left:8.33%;right:8.33%;height:2px;background:rgba(62,231,255,.35)}
.bl-spokes div{position:relative;padding:16px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.bl-spokes div::before{content:"";position:absolute;left:50%;top:-23px;width:2px;height:22px;background:rgba(62,231,255,.35)}
.bl-spokes b{display:block;font-size:15px;margin:4px 0}
.bl-spokes span{font-size:12.5px;color:var(--muted);line-height:1.4;display:block}
.bl-cities{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px dashed rgba(117,185,255,.3)}
.bl-cities small{width:100%;text-align:center;color:var(--green)}
.bl-cities span{padding:8px 14px;border-radius:999px;border:1px solid rgba(66,229,166,.35);background:rgba(66,229,166,.08);font-weight:700;font-size:14px}

/* Calendar */
.bl-cal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.bl-month{border-radius:20px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.bl-month-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(62,231,255,.06)}
.bl-month-h span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.bl-month-h b{font-size:15px}
.bl-month ul{list-style:none;margin:0;padding:6px 20px 12px}
.bl-month li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.4;font-weight:600}
.bl-month li:last-child{border-bottom:0}
.bl-month em{display:inline-block;font-style:normal;margin-bottom:5px;margin-right:6px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}
.bl-month li em{display:table}
.t-pillar{background:rgba(0,117,255,.22);color:#8fc4ff}
.t-dec{background:rgba(62,231,255,.14);color:var(--cyan)}
.t-prob{background:rgba(255,170,80,.14);color:#ffbf73}
.t-city{background:rgba(66,229,166,.14);color:var(--green)}
.bl-monthly{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:16px;padding:16px 20px;border-radius:18px;border:1px dashed rgba(62,231,255,.4);background:rgba(62,231,255,.05);font-size:14px}
.bl-monthly span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted)}

/* Honest + CTA */
.bl-honest{border-left:4px solid var(--green);background:linear-gradient(90deg,rgba(66,229,166,.08),var(--card))}
.bl-honest p{max-width:900px}
.bl-cta{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(62,231,255,.4);box-shadow:var(--shadow);text-align:left;min-height:420px;display:flex;align-items:center}
.bl-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bl-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,22,.94) 0%,rgba(2,8,22,.78) 48%,rgba(2,8,22,.15) 100%)}
.bl-cta-in{position:relative;z-index:1;padding:44px clamp(22px,5vw,56px);max-width:620px}
.bl-cta-in h2{margin-top:14px}
.bl-inc{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.bl-inc li{position:relative;padding-left:26px;font-weight:600}
.bl-inc li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,var(--green) 35%,rgba(66,229,166,.18) 40%)}
.bl-final .hero-actions{justify-content:flex-start}

/* Responsive */
@media (max-width:980px){
  .bl-hero{grid-template-columns:1fr;gap:28px}
  .bl-hero-img{aspect-ratio:16/11}
  .bl-mocks{grid-template-columns:1fr}
  .bl-journey{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-journey li::after{display:none}
  .bl-sms-step{grid-column:1/-1}
  .bl-spokes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bl-spokes::before,.bl-spokes div::before{display:none}
  .bl-cal{grid-template-columns:1fr}
}
@media (max-width:620px){
  .bl-hero{padding-top:36px}
  .bl-hero-img{aspect-ratio:4/4.2}
  .bl-legend{grid-template-columns:1fr}
  .bl-chat-body,.bl-serp-body{padding:16px 14px 18px}
  .bl-sim{margin-left:0}
  .bl-journey{grid-template-columns:1fr}
  .bl-cluster{padding:20px 14px}
  .bl-spokes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bl-cta{min-height:0}
  .bl-cta::after{background:linear-gradient(180deg,rgba(2,8,22,.6),rgba(2,8,22,.95) 45%)}
  .bl-cta-in{padding:32px 20px}
}