/* Páginas de tipo de negocio (software, sistema, programa, app… para carwash, lavadero y autolavado).
   Va encima de latam.css. El marcado lo deja scripts/disenar_negocios.py; menú, migas y pie salen de
   scripts/enlaces.py. Mockup del 20/10/2026. */
.neg-pg{ font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; color:#0b1220; background:#fff; overflow-x:hidden; }
.neg-pg h1,.neg-pg h2,.neg-pg h3,.neg-pg .btn,.neg-pg .logo,.neg-pg .store b{ font-family:'Montserrat','Inter',system-ui,sans-serif; }
.neg-pg h2{ color:#0b1a4a; }
.neg-pg h2 .hl{ color:#1463f3; }
.neg-pg .eyebrow{ color:#1463f3; font-size:.78rem; }
.neg-pg .btn-green{ background:#22c55e; box-shadow:0 10px 24px rgba(34,197,94,.3); }
.neg-pg .btn span{ font-size:1.1em; line-height:1; }

/* PORTADA oscura en dos columnas */
.neg-pg .neg-hero{ background:radial-gradient(ellipse 42% 80% at 76% 45%,rgba(37,99,235,.55) 0%,transparent 70%),radial-gradient(ellipse 30% 50% at 0% 100%,rgba(37,99,235,.3) 0%,transparent 70%),linear-gradient(120deg,#04112a 0%,#061a3d 55%,#0a2a6e 100%); padding:0 24px; }
.neg-pg .neg-hero::before{ opacity:.4; }
.neg-top{ position:relative; z-index:2; max-width:1200px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:16px; }
.neg-copy{ padding:10px 0 46px; }
.neg-pg .neg-hero .badge{ background:rgba(37,99,235,.16); border:1px solid rgba(96,165,250,.5); color:#fff; font-size:.8rem; padding:5px 12px; margin-bottom:14px; }
.neg-pg .neg-hero h1{ font-size:2.75rem; line-height:1.08; letter-spacing:-.03em; margin-bottom:14px; text-align:left; }
.neg-pg .neg-hero h1 .hl{ color:#3b82f6; }
.neg-pg .neg-hero .sub{ margin:0 0 22px; max-width:540px; font-size:1.02rem; line-height:1.55; color:rgba(255,255,255,.85); text-align:left; }
.neg-pg .neg-hero .cta-row{ justify-content:flex-start; align-items:center; gap:10px; flex-wrap:wrap; }
.neg-pg .neg-hero .btn{ padding:13px 20px; font-size:.95rem; white-space:nowrap; }
.neg-pg .stores{ display:flex; gap:8px; flex-wrap:nowrap; }
.neg-pg .store{ display:inline-flex; align-items:center; gap:9px; background:rgba(4,12,28,.85); color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:12px; padding:7px 12px 7px 10px; line-height:1.1; }
.neg-pg .store:hover{ border-color:#fff; }
.neg-pg .store svg{ width:22px; height:22px; flex:none; }
.neg-pg .store span{ white-space:nowrap; }
.neg-pg .store small{ display:block; font-size:.6rem; text-transform:uppercase; letter-spacing:.04em; opacity:.85; }
.neg-pg .store b{ font-size:.9rem; font-weight:700; }
.neg-confianza{ list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:20px; color:rgba(255,255,255,.78); font-size:.8rem; }
.neg-confianza li{ display:inline-flex; align-items:center; gap:7px; }
.neg-confianza svg{ width:16px; height:16px; }
.neg-pg .hero-confianza{ margin-top:18px; color:rgba(255,255,255,.75); font-size:.85rem; text-align:left; }
.neg-visual{ margin:-14px -50px -2px 0; align-self:end; }
.neg-visual img{ display:block; width:100%; height:auto; max-height:470px; object-fit:contain; object-position:right bottom; filter:drop-shadow(0 24px 40px rgba(0,0,0,.35)); }

/* BLOQUES DE TEXTO: subtítulo centrado, texto justificado, franjas alternas */
.neg-pg .neg-texto{ padding:46px 0; }
.neg-pg .neg-banda{ background:linear-gradient(180deg,#f3f7ff 0%,#f8fbff 100%); }
.neg-pg .neg-texto .prose{ max-width:880px; }
.neg-pg .neg-texto h2{ text-align:center; font-size:1.85rem; line-height:1.2; margin:0 0 16px; }
.neg-pg .neg-texto p,.neg-pg .neg-card p{ text-align:justify; hyphens:auto; color:#475569; line-height:1.7; }
.neg-pg .neg-entrada p{ font-size:1.06rem; color:#334155; }
.neg-pg .prose a{ color:#1463f3; }

/* DOS TARJETAS lado a lado */
.neg-pg .neg-duo{ padding:30px 0 40px; }
.neg-duo-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.neg-card{ display:grid; grid-template-columns:60px minmax(0,1fr); gap:18px; align-items:start; border-radius:20px; padding:26px 26px 22px; border:1px solid #e3ecf8; max-width:none; }
.neg-verde{ background:linear-gradient(180deg,#effbf3 0%,#f6fdf8 100%); border-color:#d3f0dd; }
.neg-azul{ background:linear-gradient(180deg,#f2f6ff 0%,#f8fbff 100%); }
.neg-cic{ width:60px; height:auto; }
.neg-pg .neg-card h2{ text-align:left; font-size:1.4rem; line-height:1.25; margin:2px 0 12px; }
.neg-pg .neg-verde h2 .hl{ color:#16a34a; }
.neg-pg .neg-card p{ font-size:.96rem; margin:0 0 10px; }

/* GRILLA DE VENTAJAS: tarjetas horizontales */
.neg-pg .neg-feats{ background:linear-gradient(180deg,#f3f7ff 0%,#f8fbff 100%); padding:56px 0; }
.neg-pg .neg-feats h2{ text-align:center; }
.neg-pg .neg-feats .lead{ margin-bottom:30px; }
.neg-pg .feat-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; max-width:none; margin:26px 0 0; }
.neg-pg .feat-grid:has(> :nth-child(5)){ grid-template-columns:repeat(3,minmax(0,1fr)); }
.neg-pg .feat{ display:grid; grid-template-columns:46px minmax(0,1fr); column-gap:14px; align-content:start; text-align:left; background:#fff; border:1px solid #e3ecf8; border-radius:16px; padding:20px 18px; box-shadow:0 8px 22px rgba(15,40,90,.05); }
.neg-pg .feat .ic{ grid-row:span 3; width:46px; height:46px; border-radius:12px; background:#e8f0ff; color:#1463f3; display:grid; place-items:center; font-size:1.35rem; margin:0; }
.neg-pg .feat .ic svg{ width:24px; height:24px; }
.neg-pg .feat h3{ font-size:1rem; line-height:1.3; color:#0b1a4a; margin:2px 0 6px; }
.neg-pg .feat p{ font-size:.88rem; line-height:1.5; color:#64748b; margin:0; }
.neg-pg .feat .ir{ grid-column:2; }

/* PREGUNTAS */
.neg-pg .neg-faq{ padding:56px 0; }
.neg-pg .neg-faq h2{ text-align:center; margin-bottom:26px; }
.neg-pg .faq{ max-width:860px; margin:0 auto; }
.neg-pg .faq details{ background:#fff; border:1px solid #e3ecf8; border-radius:14px; padding:14px 20px; margin-bottom:10px; box-shadow:0 4px 12px rgba(15,40,90,.03); }
.neg-pg .faq summary{ font-size:.98rem; color:#0b1a4a; list-style:none; display:flex; justify-content:space-between; gap:12px; }
.neg-pg .faq summary::-webkit-details-marker{ display:none; }
.neg-pg .faq summary::after{ content:''; flex:none; width:9px; height:9px; margin-top:4px; border-right:2px solid #475569; border-bottom:2px solid #475569; transform:rotate(45deg); transition:.15s; }
.neg-pg .faq details[open] summary::after{ transform:rotate(-135deg); margin-top:9px; }
.neg-pg .faq p{ font-size:.93rem; line-height:1.6; }

/* CIERRE en tarjeta oscura con los equipos */
.neg-pg .neg-cta{ background:none; color:#fff; text-align:left; padding:10px 0 56px; }
.neg-cta-card{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr); align-items:center; gap:24px; background:radial-gradient(ellipse 45% 90% at 85% 100%,rgba(37,99,235,.5) 0%,transparent 70%),linear-gradient(120deg,#04112a 0%,#071d45 60%,#0a2a6e 100%); border-radius:24px; padding:30px 0 0 40px; overflow:hidden; box-shadow:0 18px 40px rgba(4,16,31,.2); }
.neg-cta .c-copy{ padding-bottom:30px; }
.neg-pg .neg-cta h2{ color:#fff; text-align:left; font-size:1.9rem; margin:0 0 8px; }
.neg-pg .neg-cta h2 .hl{ color:#3b82f6; }
.neg-pg .neg-cta p{ color:rgba(255,255,255,.8); margin:0 0 20px; font-size:1rem; }
.neg-cta .btn{ padding:13px 24px; }
.neg-cta .c-checks{ list-style:none; display:grid; gap:10px; color:rgba(255,255,255,.88); font-size:.88rem; padding-bottom:30px; }
.neg-cta .c-checks li{ display:flex; align-items:center; gap:8px; white-space:nowrap; }
.neg-cta .c-checks li::before{ content:'✓'; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; border:1.5px solid #4ade80; color:#4ade80; font-size:.65rem; font-weight:800; }
.c-equipos{ display:block; width:100%; max-width:430px; height:auto; align-self:end; justify-self:end; margin:24px 24px -46px 0; filter:drop-shadow(0 14px 26px rgba(0,0,0,.35)); }

@media(max-width:960px){
  .neg-top{ grid-template-columns:1fr; }
  .neg-copy{ padding:10px 0 0; }
  .neg-visual{ max-width:460px; margin:6px auto 0; width:100%; }
  .neg-visual img{ object-position:center bottom; }
  .neg-pg .feat-grid,.neg-pg .feat-grid:has(> :nth-child(5)){ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .neg-cta-card{ grid-template-columns:1fr; padding:28px 24px 0; gap:6px; }
  .neg-cta .c-copy{ padding-bottom:6px; }
  .neg-cta .c-checks{ padding-bottom:10px; }
  .c-equipos{ width:100%; max-width:360px; margin:6px auto -38px; justify-self:center; }
}
@media(max-width:760px){
  .neg-pg .neg-hero{ padding:0 16px; }
  .neg-pg .wrap{ padding:0 16px; }
  .neg-pg .neg-hero h1{ font-size:1.9rem; }
  .neg-pg .neg-hero .sub{ font-size:.95rem; }
  .neg-pg .stores{ flex-wrap:wrap; }
  .neg-pg .neg-texto{ padding:36px 0; }
  .neg-pg .neg-texto h2{ font-size:1.45rem; }
  .neg-duo-grid{ grid-template-columns:1fr; }
  .neg-card{ grid-template-columns:1fr; gap:10px; padding:22px 18px 16px; }
  .neg-cic{ width:48px; }
  .neg-pg .feat-grid,.neg-pg .feat-grid:has(> :nth-child(5)){ grid-template-columns:1fr; }
  .neg-pg .neg-cta h2{ font-size:1.45rem; }
}

/* Bloques propios de algunas páginas: pasos oscuros y tarjetas de equipos */
.neg-pg .steps h2{ color:#fff; }
.neg-pg .steps h2 .hl{ color:#60a5fa; }
.neg-pg .equipo{ border-color:#e3ecf8; box-shadow:0 8px 22px rgba(15,40,90,.05); }
.neg-pg .equipo .ic{ width:46px; height:46px; border-radius:12px; background:#e8f0ff; color:#1463f3; display:grid; place-items:center; }
.neg-pg .equipo .ic svg{ width:24px; height:24px; }
.neg-pg .prueba h2 .hl{ color:#60a5fa; }