/* Contenedores y paleta pz originales de index.html; botones monocromos de interiores. */
.seo-precios{--sis-surface:#FFFFFF;--sis-surface-2:#EEF1F7;--sis-line:#E4E2EC;--sis-ink:#16141C;--sis-ink-soft:#6B6878;--sis-azul:var(--azul);--sis-azul-soft:#E9EFFF;--sis-azul-borde:rgba(10,54,247,.20);--r-boton:999px;--pz-sombra:0 1px 2px rgba(16,20,40,.05),0 18px 44px -30px rgba(16,20,40,.45);--puerta:cubic-bezier(.22,1,.36,1);--sal:cubic-bezier(.22,1,.36,1);color:var(--sis-ink)}
.pz-grid{ display:grid; gap:16px; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch }
@media (max-width:1180px){ .pz-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:700px){ .pz-grid{ grid-template-columns:1fr } }
.pz-plan{
  position:relative; display:flex; flex-direction:column;
  background:var(--sis-surface); border:1px solid var(--sis-line);
  border-radius:22px; padding:28px 24px 24px;
  box-shadow:var(--pz-sombra);
  transition:border-color .3s ease;
}
@media(hover:hover) and (pointer:fine){
  .pz-plan:hover{ border-color:var(--sis-azul) }
}
.pz-plan:focus-within{ border-color:var(--sis-azul) }
.pz-plan--destacado{
  border-color:rgba(10,54,247,.34);
  box-shadow:0 1px 2px rgba(16,20,40,.06), 0 40px 80px -40px rgba(10,54,247,.55);
}
.pz-plan--destacado::before{
  content:''; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(10,54,247,.14);
}
.pz-plan-nombre{
  font-size:12px; font-weight:500; letter-spacing:.15em; text-transform:uppercase;
  color:var(--sis-azul); margin:0 0 8px;
}
.pz-plan-nombre .qz{ font-size:1.18em; letter-spacing:-.005em }
.pz-plan-claim{ font-size:14.5px; line-height:1.45; color:var(--sis-ink-soft); margin:0 0 22px; min-height:42px }
.pz-precio{ display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; margin-bottom:18px }
.pz-precio b{ font-size:clamp(1.9rem,2.4vw,2.3rem); font-weight:500; letter-spacing:-.045em; line-height:1 }
.pz-precio span{ font-size:12.5px; font-weight:400; color:var(--sis-ink-soft) }
.pz-chips{ position:relative; display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px }
.pz-chip{
  display:inline-flex; align-items:center; gap:5px;
  background:var(--sis-surface-2); border:1px solid var(--sis-line);
  border-radius:var(--r-boton); padding:6px 12px;
  font-size:12.5px; font-weight:400; color:var(--sis-ink-soft);
}
.pz-chip b{ color:var(--sis-azul); font-weight:600 }
.pz-tipwrap{ display:inline-flex }
.pz-tip{
  position:relative;
  appearance:none; border:1px solid var(--sis-line); background:var(--sis-surface);
  color:var(--sis-ink-soft); width:17px; height:17px; border-radius:50%;
  cursor:pointer; padding:0; flex:none;
  font-family:inherit; font-size:10px; font-weight:600; line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.pz-tip::after{ content:''; position:absolute; inset:-13px; border-radius:50% }
.pz-tip[aria-expanded="true"],
.pz-tip:hover{ background:var(--sis-azul); border-color:var(--sis-azul); color:#fff }
.pz-tipbox{
  position:absolute; z-index:40; bottom:calc(100% + 10px); left:0; right:0;
  background:var(--sis-ink); color:#fff;
  border-radius:14px; padding:15px 17px;
  font-size:12.5px; font-weight:400; line-height:1.5; text-align:left;
  box-shadow:0 24px 50px -20px rgba(16,20,40,.7);
}
.pz-tipbox[hidden]{ display:none }
.pz-tipbox p{ margin:0 0 9px }
.pz-tipbox p:last-child{ margin:0; color:rgba(255,255,255,.66) }
.pz-tipbox strong{ font-weight:600 }
.pz-feats{ list-style:none; margin:0 0 22px; padding:0; display:grid; gap:11px }
.pz-feats li{ position:relative; padding-left:22px; font-size:14px; line-height:1.45 }
.pz-feats li::before{
  content:'✓'; position:absolute; left:0; top:0;
  color:var(--sis-azul); font-weight:600; font-size:13px;
}
.pz-chip--rinde{
  background:var(--sis-azul-soft); border:1px solid var(--sis-azul-borde);
  color:var(--sis-ink);
}
.pz-chip--rinde b{ color:var(--sis-azul); font-weight:650 }
.pz-tabla td.pz-alto{ color:var(--sis-azul); font-weight:650 }
.pz-feats li.pz-no{ color:var(--sis-ink-soft) }
.pz-feats li.pz-no::before{ content:'—'; color:var(--sis-ink-soft); font-weight:400 }
.pz-feats strong{ font-weight:600 }
.pz-pronto{
  display:inline-block; margin-left:5px; vertical-align:1px;
  border:1px solid var(--sis-line); background:var(--sis-surface-2);
  color:var(--sis-ink-soft);
  font-size:9.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  padding:2px 7px; border-radius:9px;
}
.pz-ahorro{
  background:var(--sis-azul-soft); border:1px solid var(--sis-azul-borde);
  border-radius:14px; padding:15px 17px; margin-bottom:20px;
  font-size:13px; line-height:1.5;
}
.pz-ahorro-fila{ display:flex; justify-content:space-between; gap:12px; color:var(--sis-ink-soft) }
.pz-ahorro-fila b{ color:var(--sis-ink); font-weight:600; white-space:nowrap }
.pz-ahorro hr{ border:0; border-top:1px solid rgba(10,54,247,.16); margin:9px 0 }
.pz-ahorro-total{ margin-top:8px }
.pz-ahorro-total span,.pz-ahorro-total b{ color:var(--sis-azul); font-weight:600 }
.pz-incluidos-titulo{
  margin:0 0 10px; font-size:11px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--sis-ink-soft);
}
.pz-incluidos-titulo .qz{ font-size:1.18em; letter-spacing:-.005em }
.pz-incluidos{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px }
.pz-incluidos span{
  display:inline-flex; align-items:center; gap:5px;
  background:var(--sis-surface-2); border:1px solid var(--sis-line);
  border-radius:9px; padding:6px 10px; font-size:12px; font-weight:400; color:var(--sis-ink);
}
.pz-tic{ font-style:normal; color:var(--sis-azul); font-weight:600; font-size:11px }
.pz-incluidos .qz{ font-size:1.1em }
.pz-sello{
  position:absolute; z-index:6; top:-40px; right:10px;
  display:grid; justify-items:center; gap:6px;
  pointer-events:none;
}
.pz-sello__texto{
  background:var(--sis-ink); color:#fff;
  font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase;
  padding:6px 12px; border-radius:var(--r-boton);
  box-shadow:0 10px 24px -14px rgba(16,20,40,.9);
  white-space:nowrap;
}
@media (max-width:700px){
  .pz-plan--destacado{ margin-top:36px }
  .pz-sello{ top:-32px; right:0; left:0 }
}
.pz-plan-pie{ margin-top:auto }
.pz-impl{ margin:0 0 12px; font-size:12px; color:var(--sis-ink-soft); text-align:center }
.pz-garantia{
  margin-top:10px; padding:11px 14px; border-radius:12px;
  background:var(--sis-azul-soft); border:1px solid var(--sis-azul-borde);
  color:var(--sis-azul); font-size:12.5px; font-weight:600; text-align:center;
}
.pz-cta{
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; width:100%; justify-content:center; text-align:center;
}
.pz-cta::after{
  content:''; position:absolute; z-index:-1; inset:-60% -70%;
  background:linear-gradient(100deg,transparent 34%,var(--pz-luz,rgba(10,54,247,.16)) 50%,transparent 66%);
  transform:translate3d(-125%,0,0);
  pointer-events:none;
}
.boton.pz-cta:not(.boton--fantasma){ --pz-luz:rgba(255,255,255,.5) }
@media(hover:hover) and (pointer:fine){
  .pz-cta:hover::after{ transform:translate3d(125%,0,0); transition:transform .74s var(--sal) }
}
.pz-cta:focus-visible::after{ transform:translate3d(125%,0,0); transition:transform .74s var(--sal) }

/* Adaptaciones de lectura y controles; nombres, chips y ventajas conservan el azul oficial. */
.seo-precios .pz-plan-nombre{font-size:14px;letter-spacing:-.015em;text-transform:none}
.seo-precios .pz-ahorro hr{border:0;margin-block:12px}
.seo-precios .pz-incluidos-titulo{letter-spacing:0;text-transform:none;font-size:12px}
.seo-precios .pz-tipwrap{display:inline-flex}.seo-precios .pz-tipwrap>summary{list-style:none}.seo-precios .pz-tipwrap>summary::-webkit-details-marker{display:none}
.seo-precios .pz-tipwrap[open]>.pz-tip{background:var(--sis-azul);border-color:var(--sis-azul);color:white}.seo-precios .pz-tipbox{line-height:1.55}
.seo-precios .pz-plan-pie .boton{min-height:48px;padding:13px 17px;font-size:13px;gap:8px}
.seo-precios .pz-cta{--pz-luz:rgba(17,17,19,.08)}
@media(prefers-reduced-motion:reduce){.seo-precios .pz-cta::after{display:none}.seo-precios .pz-plan{transition:none}}
