/* BYTEC · página de planes. Usa las variables y clases de site.css */
.pl-hero{background:var(--noche);color:var(--blanco)}
.pl-hero .wrap{padding-block:clamp(130px,13vw,170px) clamp(140px,12vw,170px);display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.pl-hero h1{font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.05em;max-width:900px}
.pl-hero h1 mark{background:none;color:inherit;box-shadow:inset 0 -.18em 0 var(--senal)}
.pl-hero .bajada{max-width:680px;font-size:clamp(18px,1.6vw,21px);color:var(--claro-2)}
.pl-sube{margin-top:clamp(-130px,-10vw,-110px);position:relative;z-index:1}
.pl-recep{background:var(--blanco);border:2px solid var(--noche);border-radius:28px;padding:clamp(24px,3vw,40px);display:flex;flex-wrap:wrap;gap:32px;box-shadow:0 1px 2px rgba(11,27,51,.06),0 12px 36px rgba(11,27,51,.12)}
.pl-recep .txt{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:18px}
.pl-pill{align-self:flex-start;background:var(--noche);color:var(--senal);font-size:12px;font-weight:700;letter-spacing:.1em;padding:7px 14px;border-radius:999px}
.pl-recep h2{font-size:clamp(32px,3.6vw,48px);line-height:1;letter-spacing:-.04em}
.pl-recep .lead{font-size:18px;color:var(--tinta-2);max-width:640px}
.pl-opciones{display:flex;flex-wrap:wrap;gap:8px}
.pl-opciones span{font-size:15px;padding:9px 16px;border-radius:999px;border:1px solid var(--linea)}
.pl-recep .caja{flex:1 1 320px;min-width:0;background:var(--niebla);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}
.pl-monto{font-family:var(--display);font-weight:800;font-size:64px;line-height:.9;letter-spacing:-.05em}
.pl-monto small{font-family:var(--texto);font-weight:400;font-size:18px;letter-spacing:0;color:var(--acero)}
.pl-fund{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:14px;font-size:15px;line-height:1.45}
.pl-fund strong{color:var(--senal-txt)}
.pl-chico{font-size:14px;color:var(--acero);line-height:1.45}
.btn-noche{background:var(--noche);color:var(--blanco)}
.btn-noche:hover{background:var(--marino);color:var(--blanco)}
.btn-linea{background:var(--blanco);color:var(--noche);border:1.5px solid #7A889B}
.btn-linea:hover{border-color:var(--noche);color:var(--noche)}
.pl-tit{display:flex;flex-direction:column;gap:12px;margin:clamp(64px,8vw,96px) 0 32px;max-width:760px}
.pl-tit h2{font-size:clamp(36px,4.4vw,60px);line-height:1;letter-spacing:-.04em}
.pl-tit p{font-size:18px;color:var(--tinta-2)}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;align-items:stretch}
.pl-card{position:relative;background:var(--blanco);border:1px solid var(--linea);border-radius:24px;padding:28px 26px;display:flex;flex-direction:column;gap:18px;min-width:0}
.pl-card.dest{background:var(--noche);color:var(--blanco);border:2px solid var(--senal)}
.pl-sello{position:absolute;top:-14px;left:26px;background:var(--senal);color:var(--noche);font-size:12px;font-weight:700;letter-spacing:.08em;padding:6px 12px;border-radius:999px}
.pl-prob{background:var(--niebla);border-radius:14px;padding:14px 16px;display:flex;gap:10px;font-weight:700;font-size:16px;line-height:1.35}
.pl-card.dest .pl-prob{background:#12284A}
.pl-prob svg{flex:none;margin-top:2px;color:var(--noche)}
.pl-card.dest .pl-prob svg{color:var(--senal)}
.pl-niv{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--acero)}
.pl-card.dest .pl-niv{color:var(--senal)}
.pl-card h3{font-size:28px;line-height:1.05;letter-spacing:-.03em}
.pl-card .desc{font-size:15px;line-height:1.5;color:var(--tinta-2)}
.pl-card.dest .desc{color:var(--claro)}
.pl-precio{display:flex;flex-direction:column;gap:4px}
.pl-precio .pl-monto{font-size:48px}
.pl-card.dest .pl-monto small,.pl-card.dest .pl-chico{color:var(--claro)}
.pl-ahorro{color:var(--senal-txt);font-weight:600}
.pl-card.dest .pl-ahorro{color:var(--senal)}
.pl-card .btn{min-height:50px;font-size:16px}
.pl-card ul{display:flex;flex-direction:column;gap:11px;font-size:15px;line-height:1.45}
.pl-card li{display:flex;gap:10px}
.pl-card li svg{flex:none;margin-top:2px;color:var(--senal-txt)}
.pl-card.dest li svg{color:var(--senal)}
.pl-mas{font-size:14px;font-weight:600}
.pl-notas{margin-top:22px;text-align:center;font-size:15px;color:var(--acero)}
.pl-fundplanes{margin-top:18px;border:1px dashed #7A889B;border-radius:18px;padding:18px 22px;display:flex;flex-wrap:wrap;gap:10px 32px;font-size:15px}
.pl-fundplanes strong:first-child{flex:1 1 100%}
.pl-tabla{overflow-x:auto;border:1px solid var(--linea);border-radius:20px}
.pl-tabla table{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.pl-tabla th,.pl-tabla td{padding:13px 18px;text-align:center;border-top:1px solid var(--niebla)}
.pl-tabla th:first-child,.pl-tabla td:first-child{text-align:left}
.pl-tabla thead th{background:var(--niebla);border-top:0;font-weight:700}
.pl-tabla thead th.dest{background:var(--noche);color:var(--blanco)}
.pl-tabla td.dest{background:#F4FBF7}
.pl-tabla .grupo td{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--acero);text-align:left;padding-top:22px}
.pl-tabla .si{color:var(--senal-txt);font-weight:700}
.pl-tabla .no{color:#7A889B}
.pl-extras{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}
.pl-extra{border:1px solid var(--linea);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px}
.pl-extra h3{font-family:var(--texto);font-size:18px;font-weight:700;letter-spacing:0}
.pl-extra p{font-size:14px;color:var(--tinta-2);line-height:1.5}
.pl-extra b{margin-top:auto;font-size:15px}
.pl-prox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;font-size:14px}
.pl-prox span{padding:7px 14px;border-radius:999px;background:var(--niebla)}
.pl-cierre{background:var(--niebla);border-radius:28px;padding:clamp(28px,4vw,48px);display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.pl-cierre .t{flex:1 1 420px;display:flex;flex-direction:column;gap:12px}
.pl-cierre h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;line-height:1.05}
.pl-cierre .b{display:flex;flex-wrap:wrap;gap:12px}
.enc.fijo-osc{background:rgba(11,27,51,.95)}
[id]{scroll-margin-top:96px}
