.pr-wrap{position:relative;width:100%;padding:130px 2vw 40px;overflow:hidden}


.pr-wrap::before{
  content:'';position:absolute;top:-260px;left:50%;transform:translateX(-50%);
  width:min(1500px,120vw);height:760px;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(34,211,238,.16),rgba(34,211,238,.05) 42%,transparent 70%);
}
.pr-wrap > *{position:relative;z-index:1}


.pr-hero{margin:0 auto 52px;text-align:center;padding:0 2vw}
.pr-eyebrow{
  font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cyan);margin:0 0 14px;
}
.pr-hero h1{
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.06;letter-spacing:-.02em;
  margin:0 0 18px;text-wrap:balance;
}
.pr-hero h1 .pr-hl{color:var(--cyan)}
.pr-lead{color:var(--muted);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65;margin:0 auto;max-width:1000px}


.pr-grid{
  display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  align-items:stretch;margin-bottom:26px;
}
.pr-card{
  position:relative;display:flex;flex-direction:column;gap:15px;min-width:0;
  background:linear-gradient(180deg,var(--surface2),var(--surface) 42%);
  border:1px solid var(--border);border-radius:20px;padding:30px 28px 26px;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.pr-card::before{
  content:'';position:absolute;top:0;left:16%;right:16%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.55),transparent);
}
.pr-card:hover{
  transform:translateY(-4px);border-color:rgba(34,211,238,.42);
  box-shadow:0 22px 50px -26px rgba(34,211,238,.5);
}
.pr-plan{
  margin:0;font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.pr-price{display:flex;align-items:baseline;gap:5px;margin:0;line-height:1}
.pr-cur{font-size:20px;font-weight:700;color:var(--muted)}
.pr-num{
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:clamp(2.6rem,5vw,3.4rem);font-weight:800;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.pr-per{font-size:15px;color:var(--faint);font-weight:600}
.pr-anual{margin:-4px 0 0;font-size:13.5px;color:var(--muted)}
.pr-anual b{color:var(--text)}
.pr-anual--vacio{color:var(--faint)}
.pr-ahorro{
  display:inline-block;margin-left:7px;padding:3px 9px;border-radius:999px;
  background:rgba(52,211,153,.13);color:var(--good);font-weight:700;font-size:12px;white-space:nowrap;
}

.pr-incluye{list-style:none;margin:6px 0 8px;padding:14px 0 0;display:grid;gap:10px;border-top:1px solid var(--border)}
.pr-incluye li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text)}
.pr-incluye i{color:var(--cyan);font-size:15px;flex-shrink:0}

.pr-incluye li.pr-destacado{color:var(--good);font-weight:700}
.pr-incluye li.pr-destacado i{color:var(--good);font-size:17px}
.pr-cta{margin-top:auto;justify-content:center}

.pr-nota{
  margin:0 2vw 58px;text-align:center;
  color:var(--muted);font-size:14px;line-height:1.65;
}
.pr-nota b{color:var(--text)}
.pr-nota a{color:var(--cyan)}


.pr-comun{margin-bottom:58px}
.pr-comun h2,.pr-faq h2,.pr-cierre h2{
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:clamp(1.35rem,2.6vw,1.8rem);letter-spacing:-.01em;margin:0 0 24px;
}

.pr-comun-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){ .pr-comun-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ .pr-comun-grid{grid-template-columns:1fr} }

.pr-comun-item{
  display:flex;gap:14px;align-items:flex-start;min-width:0;
  background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:20px;
  transition:border-color .18s ease;
}
.pr-comun-item:hover{border-color:rgba(34,211,238,.32)}
.pr-comun-item i{color:var(--cyan);font-size:20px;flex-shrink:0;margin-top:2px}
.pr-comun-item b{display:block;font-size:14.5px;margin-bottom:4px}
.pr-comun-item span{color:var(--muted);font-size:13.5px;line-height:1.6}


.pr-faq{margin-bottom:58px}
.pr-faq details{
  border:1px solid var(--border);border-radius:14px;background:var(--surface);
  padding:16px 20px;margin-bottom:10px;transition:border-color .18s ease;
}
.pr-faq details:hover{border-color:rgba(34,211,238,.3)}
.pr-faq details[open]{border-color:rgba(34,211,238,.42)}
.pr-faq summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none}
.pr-faq summary::-webkit-details-marker{display:none}
.pr-faq summary::after{content:'+';float:right;color:var(--cyan);font-weight:800;font-size:18px;line-height:1}
.pr-faq details[open] summary::after{content:'–'}
.pr-faq details p{margin:12px 0 0;color:var(--muted);font-size:14.5px;line-height:1.65;max-width:110ch}


.pr-cierre{
  position:relative;text-align:center;padding:52px 24px;border:1px solid var(--border);
  border-radius:22px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.14),transparent 62%),var(--bg2);
}
.pr-cierre h2{margin:0 0 10px}
.pr-cierre p{color:var(--muted);margin:0 0 24px}

@media (max-width:720px){
  .pr-wrap{padding-top:108px}
  .pr-card{padding:24px 20px}
}
@media (prefers-reduced-motion:reduce){
  .pr-card,.pr-comun-item,.pr-faq details{transition:none}
  .pr-card:hover{transform:none}
}