/* cartas claras de oferta.css sobre fondo oscuro: pasan a tarjetas oscuras legibles */
.pack-pick,.note-box{background:var(--bg2);color:var(--fg);border:1px solid var(--line)}
.pack-pick > p,.note-box p{color:var(--muted)}
.pack-pick h3{color:var(--fg)}
.pack-pick .pack-price b{color:var(--fg)}
.pack-pick .pack-price s{color:var(--muted)}
.pack-pick ul{color:var(--muted)}
.pack-pick .btn.outline,.note-box .btn.outline{background:transparent;color:var(--fg);border-color:rgba(242,240,234,.34)}
.pack-pick .btn.outline:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pack-pick .btn.outline[aria-pressed=true]{background:var(--lime);color:var(--bg);border-color:var(--lime)}
.offer-group > .note{color:#c9c9c2;max-width:70ch}
#plan-mensual{max-width:760px}
#plan-mensual .plan-intro{color:var(--fg);font-size:18px;margin:0 0 14px}
.plan-list{list-style:none;margin:0 0 16px;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--bg2);overflow:hidden}
.plan-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;font-size:16px;color:var(--fg)}
.plan-list li+li{border-top:1px solid var(--line)}
.plan-list b{white-space:nowrap;color:var(--lime);font-weight:700}
#plan-mensual .plan-total{color:var(--fg);font-size:18px;margin:0 0 10px}
#plan-mensual .plan-total strong{color:var(--lime)}
#plan-mensual .note{color:#c9c9c2;margin:0 0 20px}
@media(max-width:560px){.plan-list li{flex-direction:column;gap:2px}}
/* home: «Lo que puedes contratar», 5 tarjetas redondeadas y centradas */
.offer-home .pack-cards.c3{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1180px;margin:0 auto;width:100%}
.offer-home .pack-pick{flex:0 1 calc((100% - 40px)/3);min-width:280px;border-radius:26px;padding:30px 28px;gap:12px;
  background:radial-gradient(120% 80% at 20% 0%,rgba(255,255,255,.09),rgba(255,255,255,0) 55%),var(--bg2);
  border:1px solid rgba(242,240,234,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.28);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.offer-home .pack-pick:hover{transform:translateY(-4px);border-color:rgba(201,248,74,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 50px rgba(0,0,0,.38)}
.offer-home .pack-pick h3{font:700 clamp(22px,1.9vw,28px)/1.1 var(--display);letter-spacing:-.03em;color:var(--fg)}
.offer-home .pack-pick > p{color:#b9bab3;font-size:16px;line-height:1.5}
.offer-home .pack-pick .btn.outline{border-color:rgba(201,248,74,.55);color:var(--lime);padding:12px 20px;min-height:46px}
.offer-home .pack-pick .btn.outline:hover{background:var(--lime);color:var(--bg);border-color:var(--lime)}
@media(max-width:700px){.offer-home .pack-pick{flex-basis:100%}}

/* cabecera en pantallas de 360 px o menos: no se sale de la píldora */
@media (max-width:400px){.nav-links>a[href="/tienda/"]{display:none}.nav-links .hd-cta{padding:10px 12px!important;font-size:14px}.nav-links>a{padding-left:6px;padding-right:6px}.hd-pack::before{font-size:14px}}