/* Estilos propios de operadores.html — externalizados desde el <style>
   en linea, que la CSP de produccion bloquea (style-src 'self'). */

/* ============================================================
   Operadores — estilos propios de la página
   ============================================================ */
.op-hero{min-height:100svh;display:flex;align-items:center;
  padding-block:clamp(104px,13vh,150px) clamp(60px,9vh,96px);
  background:radial-gradient(ellipse 70% 90% at 78% 20%,rgba(169,107,216,.16),transparent 62%),
             linear-gradient(180deg,var(--void),var(--aubergine));
  border-bottom:1px solid var(--line);}
.op-hero > .wrap{width:100%;}
.op-hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.035em;
  font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.03;max-width:20ch;text-wrap:balance;}
.op-hero .lede{margin-top:24px;font-size:clamp(1.06rem,2vw,1.28rem);
  color:var(--bone-dim);max-width:56ch;line-height:1.55;}
.op-hero .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;}
.op-badge{display:inline-flex;align-items:center;gap:9px;margin-top:30px;
  padding:9px 15px;border:1px solid rgba(63,217,155,.34);border-radius:2px;
  background:rgba(63,217,155,.07);
  font-family:var(--mono);font-size:.74rem;letter-spacing:.09em;color:var(--viridian);}
.op-badge::before{content:"";width:7px;height:7px;border-radius:50%;
  background:var(--viridian);box-shadow:0 0 9px var(--viridian);flex:none;}

/* las tres situaciones */
.pain-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));}
.pain{background:var(--card);border:1px solid var(--line);
  border-top:2px solid var(--ember);padding:26px 26px 28px;
  transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);}
.pain:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.3);}
.pain .when{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ember);}
.pain h3{font-family:var(--display);font-weight:700;font-size:1.16rem;
  letter-spacing:-.02em;margin-top:13px;line-height:1.25;}
.pain p{margin-top:11px;color:var(--bone-dim);font-size:.95rem;line-height:1.6;}
.pain-note{margin-top:26px;padding:22px 26px;background:var(--card-2);
  border-left:2px solid var(--heliotrope);font-size:1.02rem;color:var(--bone-dim);max-width:74ch;}
.pain-note b{color:var(--bone);font-weight:600;}

/* capas del servicio */
.layer{display:grid;gap:clamp(26px,4vw,54px);align-items:start;}
@media(min-width:900px){.layer{grid-template-columns:.92fr 1.08fr;}}
.layer + .layer{margin-top:clamp(40px,6vw,76px);padding-top:clamp(40px,6vw,76px);
  border-top:1px solid var(--line);}
.layer-tag{display:inline-block;font-family:var(--mono);font-size:.72rem;
  letter-spacing:.16em;text-transform:uppercase;padding:5px 11px;
  border:1px solid currentColor;margin-bottom:18px;}
.tag-free{color:var(--viridian);} .tag-prem{color:var(--ice);} .tag-guard{color:var(--amethyst);}
.layer h2{font-family:var(--display);font-weight:700;letter-spacing:-.03em;
  font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.1;text-wrap:balance;}
.layer > div > p{margin-top:17px;color:var(--bone-dim);line-height:1.62;max-width:52ch;}
.feat{display:grid;gap:13px;}
.feat-card{background:var(--card);border:1px solid var(--line);padding:22px 24px;
  transition:border-color .45s var(--ease),transform .45s var(--ease);}
.feat-card:hover{border-color:rgba(201,166,242,.36);transform:translateY(-3px);}
.feat-card .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--heliotrope);}
.feat-card h3{font-family:var(--display);font-weight:700;font-size:1.08rem;
  letter-spacing:-.015em;margin-top:9px;}
.feat-card p{margin-top:9px;color:var(--bone-dim);font-size:.93rem;line-height:1.58;}

/* cifras */
.nums{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:26px;}
.num{background:var(--card);border:1px solid var(--line);padding:20px 22px;}
.num .v{font-family:var(--display);font-weight:700;font-size:2.1rem;
  letter-spacing:-.03em;color:var(--heliotrope);font-variant-numeric:tabular-nums;}
.num .l{margin-top:7px;font-size:.86rem;color:var(--bone-dim);line-height:1.5;}

/* tabla de planes */
.plans-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--card);margin-top:30px;}
table.plans{width:100%;border-collapse:collapse;font-size:.92rem;min-width:720px;}
table.plans th{text-align:center;padding:18px 14px;border-bottom:1px solid var(--line-strong);
  background:var(--card-2);font-family:var(--display);font-weight:700;font-size:1rem;
  letter-spacing:-.01em;}
table.plans th:first-child{text-align:left;font-family:var(--mono);font-size:.7rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint);font-weight:400;}
table.plans th.hi{color:var(--viridian);}
table.plans td{padding:14px;border-bottom:1px solid var(--line);text-align:center;
  font-family:var(--mono);font-size:.86rem;color:var(--viridian);}
table.plans td:first-child{text-align:left;font-family:var(--sans);font-size:.94rem;
  color:var(--bone);}
table.plans td.no{color:var(--bone-faint);}
table.plans tr:last-child td{border-bottom:0;background:var(--card-2);
  font-family:var(--mono);font-size:1.04rem;color:var(--bone);padding-block:19px;}
table.plans tr:last-child td:first-child{font-family:var(--sans);font-weight:600;}
.plans-note{margin-top:16px;font-size:.88rem;color:var(--bone-faint);
  line-height:1.6;max-width:80ch;}

/* siguiente paso */
.steps-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  counter-reset:st;}
.step-card{background:var(--card);border:1px solid var(--line);padding:26px;
  counter-increment:st;position:relative;
  transition:transform .45s var(--ease),border-color .45s var(--ease);}
.step-card:hover{transform:translateY(-4px);border-color:rgba(63,217,155,.4);}
.step-card::before{content:counter(st,decimal-leading-zero);
  font-family:var(--mono);font-size:.76rem;color:var(--viridian);letter-spacing:.1em;}
.step-card h3{font-family:var(--display);font-weight:700;font-size:1.1rem;
  letter-spacing:-.015em;margin-top:13px;line-height:1.3;}
.step-card p{margin-top:10px;color:var(--bone-dim);font-size:.93rem;line-height:1.58;}

/* prueba social */
.who{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:26px;}
.who-card{background:linear-gradient(160deg,var(--card),var(--void));
  border:1px solid var(--line);padding:24px 26px;}
.who-card .n{font-family:var(--display);font-weight:700;font-size:1.06rem;letter-spacing:-.015em;}
.who-card .m{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--heliotrope);margin-top:5px;}
.who-card p{margin-top:12px;color:var(--bone-dim);font-size:.92rem;line-height:1.58;}

.oiv-note{margin-top:30px;padding:24px 28px;background:var(--card-2);
  border:1px solid var(--line-strong);border-left:3px solid var(--viridian);}
.oiv-note .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--viridian);}
.oiv-note p{margin-top:12px;color:var(--bone-dim);max-width:76ch;line-height:1.62;}
.oiv-note b{color:var(--bone);font-weight:600;}

.is-here{color:var(--heliotrope) !important;}
@media (prefers-reduced-motion:reduce){
  .pain,.feat-card,.step-card{transition:none;}
}

@media(max-width:640px){
  .pg-hero,.op-hero{min-height:100svh;padding-block:150px 64px;
    align-items:center;}
  .pg-hero h1,.op-hero h1{font-size:clamp(1.8rem,7.8vw,2.4rem);max-width:100%;}
  .pg-hero .lede,.op-hero .lede{font-size:1rem;}
  .pg-cta,.op-hero .cta-row{gap:10px;}
  .pg-cta .btn,.op-hero .cta-row .btn{width:100%;justify-content:center;}
}