/* Sectoriales iPark · capa compartida.
   La estructura se reutiliza; cada vertical define narrativa, datos y --sector-signal. */
.sector-page{
  --sector-signal:#f7c66b;
  --sector-signal-rgb:247,198,107;
  background:var(--ip-bg-0);
  color:var(--ip-text-primary);
}
.sector-page .container{width:min(1160px,calc(100% - 48px));max-width:none}
.sector-page .section{padding:clamp(84px,9vw,120px) 0;background:var(--ip-bg-0);color:var(--ip-text-primary)}
.sector-page .section-soft{background:linear-gradient(180deg,var(--ip-bg-1),var(--ip-bg-0))}
.sector-page .section-head{max-width:760px}
.sector-page .section-head h2{
  margin:14px 0 16px;
  color:#fff;
  font-size:clamp(32px,4.6vw,54px);
  line-height:1.07;
  letter-spacing:-.04em;
}
.sector-page .section-head p{color:var(--ip-text-secondary);font-size:16px;line-height:1.7}
.sector-page .eyebrow,
.sector-page .eyebrow-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  padding:7px 13px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--ip-accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sector-page .eyebrow-live::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--sector-signal);
  box-shadow:0 0 12px rgba(var(--sector-signal-rgb),.7);
}

/* Hero: una sola prueba visual central por vertical. */
.sector-hero{
  position:relative;
  min-height:760px;
  padding:170px 0 104px;
  overflow:hidden;
  border-bottom:1px solid var(--ip-border-soft);
  background:
    radial-gradient(720px 520px at 83% 32%,rgba(234,23,68,.16),transparent 68%),
    radial-gradient(520px 380px at 8% 8%,rgba(var(--sector-signal-rgb),.08),transparent 72%),
    linear-gradient(150deg,var(--ip-bg-0),var(--ip-bg-2) 56%,var(--ip-bg-0));
}
.sector-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.sector-hero .hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);
  gap:clamp(48px,6vw,82px);
  align-items:center;
}
.sector-hero h1{
  max-width:650px;
  margin:20px 0 22px;
  color:#fff;
  font-size:clamp(44px,5.8vw,74px);
  line-height:1;
  letter-spacing:-.052em;
}
.sector-hero h1 .accent{
  display:inline;
  color:transparent;
  background:linear-gradient(110deg,#ff91a7,var(--ip-accent) 72%);
  -webkit-background-clip:text;
  background-clip:text;
}
.sector-hero .lead{
  max-width:620px;
  margin:0;
  color:var(--ip-text-secondary);
  font-size:17px;
  line-height:1.72;
}
.sector-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sector-page .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.sector-page .btn-secondary{
  border-color:var(--ip-border-strong);
  background:rgba(255,255,255,.035);
  color:#fff;
}
.sector-page .btn-secondary:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.sector-outcomes{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}
.sector-outcome{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid var(--ip-border);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--ip-text-secondary);
  font-size:11px;
  font-weight:700;
}
.sector-outcome::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--sector-signal);
}

/* Consola de producto: el dominio de datos cambia en cada vertical. */
.sector-proof{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(12,35,52,.94),rgba(4,20,31,.96));
  box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 80px rgba(234,23,68,.08);
  animation:sector-rise .65s ease both;
}
.sector-proof::after{
  content:"";
  position:absolute;
  inset:auto -15% -42% 35%;
  height:240px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(var(--sector-signal-rgb),.12),transparent 68%);
}
.sector-proof-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid var(--ip-border);
  color:#fff;
}
.sector-proof-live{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sector-proof-live::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ip-success);
  box-shadow:0 0 12px rgba(52,211,153,.72);
}
.sector-proof-note{color:var(--ip-text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sector-proof-body{position:relative;z-index:1;padding:22px}
.sector-proof-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sector-proof-kpi{
  min-width:0;
  padding:16px;
  border:1px solid var(--ip-border);
  border-radius:15px;
  background:rgba(255,255,255,.035);
}
.sector-proof-kpi small{display:block;color:var(--ip-text-muted);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.sector-proof-kpi strong{display:block;margin-top:7px;color:#fff;font:800 clamp(22px,3vw,31px)/1 var(--ip-font-mono)}
.sector-proof-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:12px}
.sector-proof-panel{
  padding:18px;
  border:1px solid var(--ip-border);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.sector-proof-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sector-proof-panel-head strong{color:#fff;font-size:12px}
.sector-proof-panel-head span{color:var(--sector-signal);font-size:9px;font-weight:800;text-transform:uppercase}
.sector-store-list{display:grid;gap:9px}
.sector-store-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.sector-store-name{color:var(--ip-text-secondary);font-size:11px}
.sector-store-count{color:#fff;font:800 11px/1 var(--ip-font-mono)}
.sector-store-track{grid-column:1/-1;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}
.sector-store-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ip-accent),var(--sector-signal))}
.sector-flow{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.sector-flow strong{display:block;color:#fff;font:800 31px/1 var(--ip-font-mono)}
.sector-flow p{margin:7px 0 18px;color:var(--ip-text-muted);font-size:10px;line-height:1.45}
.sector-flow-meter{display:flex;align-items:flex-end;gap:5px;height:76px}
.sector-flow-meter span{flex:1;min-width:5px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--sector-signal),var(--ip-accent));opacity:.82}
.sector-proof-status{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:11px 13px;
  border:1px solid rgba(52,211,153,.18);
  border-radius:12px;
  background:rgba(52,211,153,.055);
  color:var(--ip-text-secondary);
  font-size:10px;
}
.sector-proof-status strong{color:var(--ip-success)}

/* Dolor, capacidades y razones comparten geometría, no contenido. */
.sector-pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}
.sector-pain{
  display:flex;
  gap:16px;
  padding:25px;
  border:1px solid var(--ip-border);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.sector-pain-mark{
  width:38px;
  height:38px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(234,23,68,.1);
  color:var(--ip-accent);
  font-size:19px;
  font-weight:800;
}
.sector-pain h3,.sector-feature h3,.sector-pillar h3{margin:0;color:#fff}
.sector-pain h3{font-size:16px}
.sector-pain p,.sector-feature p,.sector-pillar p{margin:7px 0 0;color:var(--ip-text-secondary);font-size:13px;line-height:1.62}

.sector-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px}
.sector-feature{
  min-height:225px;
  padding:25px;
  border:1px solid var(--ip-border);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  transition:transform var(--ip-motion-base),border-color var(--ip-motion-base),box-shadow var(--ip-motion-base);
}
.sector-feature:hover{transform:translateY(-3px);border-color:rgba(234,23,68,.38);box-shadow:var(--ip-shadow-card)}
.sector-feature-icon,.sector-pillar-icon{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border:1px solid rgba(var(--sector-signal-rgb),.2);
  border-radius:13px;
  background:rgba(var(--sector-signal-rgb),.08);
  color:var(--sector-signal);
}
.sector-feature-icon svg,.sector-pillar-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sector-feature h3{font-size:17px}
.sector-feature-tag{display:block;margin-top:18px;color:var(--ip-accent);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.sector-ecosystem{padding:clamp(82px,9vw,112px) 0;background:var(--ip-bg-0);border-block:1px solid var(--ip-border-soft)}
.sector-ecosystem-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:end;margin-bottom:38px}
.sector-ecosystem-head h2{margin:14px 0 0;color:#fff;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.04em}
.sector-ecosystem-head p{margin:0;color:var(--ip-text-secondary);font-size:15px;line-height:1.7}
.sector-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sector-role{
  padding:21px;
  border:1px solid var(--ip-border);
  border-radius:18px;
  background:rgba(255,255,255,.03);
}
.sector-role-brand{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.sector-role-brand img{width:34px;height:34px;object-fit:contain;border-radius:10px}
.sector-role-brand .tile{background:#fff}
.sector-role-brand span{color:#fff;font-size:12px;font-weight:800}
.sector-role strong{display:block;color:var(--ip-accent);font-size:13px}
.sector-role:nth-child(3) strong,.sector-role:nth-child(4) strong{color:var(--ip-intelligence)}
.sector-role p{margin:7px 0 0;color:var(--ip-text-secondary);font-size:11.5px;line-height:1.55}

.sector-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}
.sector-pillar{
  padding:24px;
  border:1px solid var(--ip-border);
  border-radius:18px;
  background:rgba(255,255,255,.028);
}
.sector-pillar h3{font-size:15px}

/* Flujo operativo compartido.
   La variante evita colisionar con `.sector-flow` dentro de la consola de producto. */
.sector-flow.sector-flow--process{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  min-height:0;
  margin-top:38px;
}
.sector-flow-step{
  position:relative;
  min-width:0;
  padding:22px 19px;
  border:1px solid var(--ip-border);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
}
.sector-flow-step:not(:last-child)::after{
  content:"→";
  position:absolute;
  z-index:2;
  top:50%;
  right:-19px;
  width:26px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  color:var(--ip-accent);
  font-size:18px;
  font-weight:800;
}
.sector-flow-step-num{
  display:block;
  margin-bottom:12px;
  color:var(--sector-signal);
  font:800 10px/1 var(--ip-font-mono);
  letter-spacing:.11em;
  text-transform:uppercase;
}
.sector-flow-step h3{margin:0;color:#fff;font-size:14px;line-height:1.25}
.sector-flow-step p{margin:8px 0 0;color:var(--ip-text-secondary);font-size:11px;line-height:1.55}
.sector-flow-step--optional{border-style:dashed}
.sector-flow-step--active{
  border-color:rgba(var(--sector-signal-rgb),.5);
  background:rgba(var(--sector-signal-rgb),.09);
  box-shadow:
    0 0 0 2px rgba(var(--sector-signal-rgb),.12),
    0 20px 44px -26px rgba(var(--sector-signal-rgb),.78);
}
.sector-flow-step--active .sector-flow-step-num{
  display:flex;
  align-items:center;
  gap:7px;
}
.sector-flow-step--active .sector-flow-step-num::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:var(--sector-signal);
  box-shadow:0 0 12px rgba(var(--sector-signal-rgb),.72);
}
.sector-flow-step--result{
  border-color:rgba(52,211,153,.25);
  background:rgba(52,211,153,.055);
}
.sector-flow-step--result .sector-flow-step-num{color:var(--ip-success)}

/* Conversión final. */
.sector-page .cta-band{
  padding:clamp(82px,9vw,108px) 0;
  background:
    radial-gradient(620px 380px at 78% 50%,rgba(234,23,68,.14),transparent 68%),
    linear-gradient(145deg,var(--ip-bg-1),var(--ip-bg-0));
}
.sector-page .cta-band-inner{width:min(1080px,calc(100% - 48px));max-width:none}
.sector-page .cta-band h2{color:#fff}
.sector-page .cta-band p{color:var(--ip-text-secondary)}
.sector-page .btn-ghost-dark{border-color:var(--ip-border-strong);background:rgba(255,255,255,.035);color:#fff}
.sector-page .trust span{color:var(--ip-text-muted)}
.sector-page .demo-check-card{
  border:1px solid var(--ip-border);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  box-shadow:var(--ip-shadow-card);
}
.sector-page .demo-check-head,
.sector-page .demo-check-list li,
.sector-page .demo-check-clients{border-color:var(--ip-border)}
.sector-page .demo-check-head,.sector-page .dc-text strong,.sector-page .dc-label{color:#fff}
.sector-page .dc-text small{color:var(--ip-text-secondary)}
.sector-page .dc-logos img{filter:grayscale(1) brightness(2);opacity:.6}

.sector-page a:focus-visible,.sector-page button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes sector-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .sector-hero{min-height:auto}
  .sector-hero .hero-grid{grid-template-columns:1fr}
  .sector-proof{max-width:720px}
  .sector-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sector-role-grid,.sector-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sector-flow.sector-flow--process{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sector-flow-step::after{display:none!important}
}
@media(max-width:720px){
  .sector-page .container,.sector-page .cta-band-inner{width:min(100% - 32px,1160px)}
  .sector-hero{padding:145px 0 78px}
  .sector-hero h1{
    font-size:clamp(34px,9.6vw,58px);
    overflow-wrap:break-word;
    hyphens:auto;
  }
  .sector-proof-grid,.sector-ecosystem-head{grid-template-columns:1fr}
  .sector-ecosystem-head{gap:18px}
  .sector-pain-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .sector-hero .hero-grid{gap:38px}
  .sector-page .hero-actions{display:grid}
  .sector-page .hero-actions .btn{width:100%}
  .sector-outcomes{display:grid;grid-template-columns:1fr 1fr}
  .sector-outcome{border-radius:13px}
  .sector-proof-top{align-items:flex-start;flex-direction:column}
  .sector-proof-kpis{grid-template-columns:1fr}
  .sector-feature-grid,.sector-role-grid,.sector-pillar-grid{grid-template-columns:1fr}
  .sector-flow.sector-flow--process{
    position:relative;
    grid-template-columns:1fr;
    gap:10px;
    padding-left:16px;
  }
  .sector-flow.sector-flow--process::before{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    left:3px;
    width:1px;
    background:linear-gradient(var(--ip-accent),var(--sector-signal),var(--ip-success));
  }
  .sector-flow-step::before{
    content:"";
    position:absolute;
    top:28px;
    left:-18px;
    width:7px;
    height:7px;
    border:2px solid var(--ip-bg-0);
    border-radius:50%;
    background:var(--sector-signal);
  }
  .sector-flow-step--result::before{background:var(--ip-success)}
  .sector-feature{min-height:auto}
  .sector-pain,.sector-feature,.sector-pillar{padding:21px}
}
@media(prefers-reduced-motion:reduce){
  .sector-proof{animation:none}
  .sector-feature{transition:none}
  .sector-feature:hover{transform:none}
}