/* hero planes: unificado con faq/contacto (centrado + blueprint) */
.hero-p{position:relative;padding:var(--space-hero-top) 0 var(--space-hero-bot);text-align:center;overflow:hidden}
.hero-p .bg-blueprint{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(79,70,229,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(75% 85% at 50% 0%,#000 20%,transparent 72%);mask-image:radial-gradient(75% 85% at 50% 0%,#000 20%,transparent 72%)}
.hero-p .eyebrow,.hero-p h1,.hero-p p{position:relative;z-index:2}
.hero-p h1{font-size:42px;font-weight:600;letter-spacing:-.03em;line-height:1.12}
.hero-p h1 em{font-style:normal;color:var(--indigo-bright)}
.hero-p p{font-size:15.5px;color:var(--muted);margin-top:14px;max-width:520px;margin-left:auto;margin-right:auto}
#planes-hero{padding-top:0;padding-bottom:0}

.bg-blueprint{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(79,70,229,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(75% 85% at 50% 0%,#000 20%,transparent 72%);mask-image:radial-gradient(75% 85% at 50% 0%,#000 20%,transparent 72%)}

/* comparación — tabla por filas (alineación garantizada) */
.cmp-sec{position:relative;overflow:hidden}
.cmp-sec .bg-blueprint{-webkit-mask-image:radial-gradient(90% 80% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(90% 80% at 50% 30%,#000 30%,transparent 80%)}
.cmp-head{text-align:center;margin-bottom:var(--space-head);position:relative}
.cmp-head h2{font-size:28px;font-weight:600;letter-spacing:-.025em;margin-top:12px}
.cmp-escena{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 20% 0%,#ffffff 0%,var(--charcoal-2) 55%,var(--canvas) 100%)}
.cmp-escena::before{content:"";position:absolute;top:-1px;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(22,24,29,.12),transparent);z-index:3}
/* cada fila: 4 celdas atadas a la misma altura */
.cmp-row{display:grid;grid-template-columns:1.4fr repeat(6,1fr);position:relative;z-index:1;border-bottom:1px solid var(--line-soft)}
.cmp-row:last-child{border-bottom:0}
.cmp-row:nth-child(even){background:rgba(22,24,29,.018)}
.cmp-c{padding:14px 18px;font-size:13px;color:var(--ink-2);min-height:48px;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;border-left:1px solid var(--line-soft)}
.cmp-c:first-child{border-left:0}
/* columna resaltada de Profesional: se pinta celda por celda, siempre alineada */
.cmp-c.cmp-pop{background:rgba(79,70,229,.06);border-left:1px solid rgba(79,70,229,.22);box-shadow:1px 0 0 rgba(79,70,229,.22)}
.cmp-lbl{justify-content:flex-start;text-align:left;color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:1px;font-weight:500}
/* encabezado */
.cmp-row-head{border-bottom:1px solid var(--line)}
.cmp-row-head .cmp-c{min-height:68px;flex-direction:column;gap:6px;background:rgba(22,24,29,.025)}
.cmp-row-head .cmp-c.cmp-pop{background:rgba(79,70,229,.12)}
.cmp-pn{font-size:15px;font-weight:700;color:var(--ink)}
.cmp-sub{font-size:11px;color:var(--faint);font-weight:400}
.cmp-badge{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--canvas);background:linear-gradient(180deg,var(--indigo-bright),var(--indigo-solid));border-radius:999px;padding:2px 8px}
.cmp-num{font-size:15px;font-weight:600;color:var(--ink)}
.cmp-txt{font-size:12.5px;color:var(--ink-2)}
.cmp-no{color:var(--faint)}
.ck{width:17px;height:17px;stroke:var(--indigo-bright);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:860px){.hero-p h1{font-size:32px}}
/* planes: estado activo en nav */
.navlinks a[aria-current="page"]{color:var(--ink)}

/* planes: 6 niveles */
.plans-6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan-casos{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink);text-align:center;padding:6px 0 2px}
.plan-casos span{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em;margin-top:4px}
.plans-6 .plan{padding:22px 20px;text-align:center}
.plans-6 .plan .pn{font-size:14px;font-weight:700;margin-top:12px}
.plans-6 .plan .pd{font-size:12px;color:var(--muted);min-height:48px;margin-top:4px}
.plans-6 .plan .pp{font-size:26px;margin:8px 0 14px}
.plans-6 .plan ul{text-align:left;gap:8px}
.plans-6 .plan li{font-size:12.5px}
.plans-6 .plan .pd,.plans-6 .plan .plan-casos{border-bottom:1px solid var(--line-soft);padding-bottom:14px}
.plans-6 .plan .pn{border-top:0}
@media (max-width:900px){.plans-6{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.plans-6{grid-template-columns:1fr}}
.cmp-c svg{width:16px;height:16px;stroke:var(--indigo-bright);stroke-width:2.2;fill:none;flex:none}

/* destacar columna Oficina (Más popular) */
.cmp-row .cmp-c:nth-child(6){background:rgba(79,70,229,.06);box-shadow:inset 1px 0 0 rgba(79,70,229,.22),inset -1px 0 0 rgba(79,70,229,.22)}
.cmp-row-head .cmp-c:nth-child(6){background:rgba(79,70,229,.12)}
.cmp-badge-pop{display:block;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--canvas);background:linear-gradient(180deg,var(--indigo-bright),var(--indigo-solid));border-radius:999px;padding:2px 7px;margin-top:5px}
@media (max-width:980px){
  .cmp-escena{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cmp-row{min-width:760px}
  .cmp-c{padding:10px 10px;font-size:12px}
  .cmp-row-head .cmp-c{min-height:auto;padding:12px 10px;gap:4px}
  .cmp-pn{font-size:13px}
  .cmp-sub{font-size:10px}
  .cmp-badge-pop{font-size:8px;padding:1px 6px}
  .cmp-c.cmp-lbl{font-size:12px}
}
/* tarjeta Oficina destacada */
.plans-6 .plan.pop{border-color:rgba(79,70,229,.45);position:relative}
.plans-6 .plan.pop::after{content:"Más popular";position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--canvas);background:linear-gradient(180deg,var(--indigo-bright),var(--indigo-solid));border-radius:999px;padding:2px 10px;white-space:nowrap}

/* planes: encabezado de sección de destacados */
.section-head{text-align:center;margin-bottom:var(--space-head)}
.section-head .sec{font-size:30px;font-weight:600;letter-spacing:-.025em;margin-top:12px}
.plans-3home{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:900px;margin:0 auto}
.plans-3home .plan{text-align:center;position:relative}
.plan-casos{font-size:34px;font-weight:700;line-height:1;color:var(--ink);text-align:center;padding:6px 0 14px;border-bottom:1px solid var(--line-soft)}
.plan-casos span{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:4px}
.plans-3home .pn{margin-top:12px}
.cmp-note{font-size:13px;color:var(--muted);margin-top:10px;max-width:520px;margin-left:auto;margin-right:auto}
@media (max-width:820px){.plans-3home{grid-template-columns:1fr;max-width:420px}}

/* ===== EXPERIMENTO modo claro — cuadrícula apagada =====
   Reversible: borrar este bloque para volver al estado anterior. */
.bg-blueprint{display:none}