#nptr-planes-page .nptr-planes-hero { position:relative; padding:65px 0 80px; background:radial-gradient(circle at 90% 10%,rgba(244,196,48,.22),transparent 28%),linear-gradient(135deg,#fff,var(--nptr-azul-claro)); }
#nptr-planes-page .nptr-planes-hero::before { content:""; position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg,var(--nptr-rojo) 0 33%,var(--nptr-amarillo) 33% 66%,var(--nptr-rojo) 66% 100%); }
#nptr-planes-page .nptr-planes-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:center; }
#nptr-planes-page .nptr-planes-hero h1 { margin:20px 0; font-size:clamp(44px,6vw,68px); line-height:1; letter-spacing:-.055em; }
#nptr-planes-page .nptr-planes-hero h1 span { color:var(--nptr-rojo); }
#nptr-planes-page .nptr-planes-hero p { color:var(--nptr-gris); font-size:18px; }
#nptr-planes-page .nptr-planes-hero aside { padding:28px; border:1px solid var(--nptr-borde); border-radius:24px; background:#fff; box-shadow:var(--nptr-sombra); }
#nptr-planes-page .nptr-planes-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
#nptr-planes-page .nptr-planes-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; margin-top:50px; }
#nptr-planes-page .nptr-plan { position:relative; display:flex; flex-direction:column; padding:30px; border:1px solid var(--nptr-borde); border-radius:24px; background:#fff; box-shadow:var(--nptr-sombra-suave); }
#nptr-planes-page .nptr-plan-recomendado { transform:translateY(-10px); border:2px solid var(--nptr-amarillo); box-shadow:var(--nptr-sombra); }
#nptr-planes-page .nptr-badge { position:absolute; top:-15px; left:50%; transform:translateX(-50%); padding:6px 13px; border-radius:999px; background:var(--nptr-amarillo); color:var(--nptr-azul); font-size:9px; font-weight:900; text-transform:uppercase; white-space:nowrap; }
#nptr-planes-page .nptr-plan-tipo { color:var(--nptr-rojo); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }
#nptr-planes-page .nptr-plan h3 { margin:7px 0 8px; font-size:26px; }
#nptr-planes-page .nptr-plan > p { color:var(--nptr-gris); font-size:12px; }
#nptr-planes-page .nptr-plan-precio { margin:18px 0 22px; }
#nptr-planes-page .nptr-plan-precio strong { display:block; font-size:30px; line-height:1; }
#nptr-planes-page .nptr-plan-precio small { color:var(--nptr-gris); }
#nptr-planes-page .nptr-plan ul { display:grid; gap:9px; margin:0 0 24px; padding:0; list-style:none; }
#nptr-planes-page .nptr-plan li { color:#435064; font-size:11px; }
#nptr-planes-page .nptr-plan li::before { content:"✓"; margin-right:8px; color:var(--nptr-verde); font-weight:900; }
#nptr-planes-page .nptr-plan .nptr-boton { margin-top:auto; }
#nptr-planes-page .nptr-recomendador { background:linear-gradient(135deg,var(--nptr-azul-oscuro),var(--nptr-azul)); color:#fff; }
#nptr-planes-page .nptr-recomendador-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:50px; align-items:start; }
#nptr-planes-page .nptr-recomendador h2 { margin:18px 0 10px; color:#fff; font-size:clamp(35px,4vw,48px); line-height:1.05; }
#nptr-planes-page .nptr-recomendador p { color:rgba(255,255,255,.76); }
#nptr-planes-page .nptr-recomendador-card { padding:28px; border-radius:23px; background:#fff; color:var(--nptr-azul-oscuro); box-shadow:var(--nptr-sombra); }
#nptr-planes-page .nptr-recomendador-opciones { display:grid; gap:9px; }
#nptr-planes-page .nptr-recomendador-opciones button { padding:14px; border:1px solid var(--nptr-borde); border-radius:11px; background:var(--nptr-gris-claro); color:var(--nptr-azul-oscuro); font-weight:800; text-align:left; cursor:pointer; }
#nptr-planes-page .nptr-recomendador-opciones button.is-active { border-color:var(--nptr-amarillo); background:#fffdf4; }
#nptr-planes-page .nptr-recomendacion { margin-top:18px; padding:18px; border-left:4px solid var(--nptr-amarillo); border-radius:12px; background:var(--nptr-gris-claro); }
#nptr-planes-page .nptr-recomendacion > span { color:var(--nptr-rojo); font-size:9px; font-weight:900; }
#nptr-planes-page .nptr-recomendacion h3 { margin:4px 0; }
#nptr-planes-page .nptr-recomendacion p { color:var(--nptr-gris); font-size:11px; }
@media (max-width: 950px) { #nptr-planes-page .nptr-planes-hero-grid,#nptr-planes-page .nptr-recomendador-layout{grid-template-columns:1fr} #nptr-planes-page .nptr-planes-grid{grid-template-columns:1fr 1fr} #nptr-planes-page .nptr-plan:last-child{grid-column:1/-1;max-width:560px;margin:auto} }
@media (max-width: 700px) { #nptr-planes-page .nptr-planes-hero{padding:55px 0 65px} #nptr-planes-page .nptr-planes-hero h1{font-size:40px} #nptr-planes-page .nptr-planes-grid{grid-template-columns:1fr} #nptr-planes-page .nptr-plan-recomendado{transform:none} #nptr-planes-page .nptr-plan:last-child{grid-column:auto;max-width:none} #nptr-planes-page .nptr-planes-hero-actions{flex-direction:column} }