/* Paquetes, «Arma tu paquete» y suscripciones (paquetes.html). */
.sar-pkg-status{padding:40px 16px;text-align:center;color:var(--sar-text)}
.sar-pkg-section{padding:56px 0}
.sar-pkg-section--soft{background:var(--sar-bg-soft)}
.sar-pkg-head{margin-bottom:24px}
.sar-pkg-head h2{color:var(--sar-text);font-weight:700;margin:0 0 6px}
.sar-pkg-head p{color:#5B6475;margin:0}
.sar-pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.sar-pkg-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--sar-border);border-radius:16px;padding:20px;box-shadow:0 10px 24px rgba(31,45,61,.06)}
.sar-pkg-card--best{border-color:var(--sar-primary);box-shadow:0 12px 28px rgba(39,93,144,.16)}
.sar-pkg-tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sar-primary);background:rgba(39,93,144,.10);border-radius:999px;padding:4px 10px}
.sar-pkg-covers{display:flex;gap:6px;min-height:0}
.sar-pkg-covers img{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid var(--sar-border);background:var(--sar-bg-soft)}
.sar-pkg-card h3{font-size:20px;color:var(--sar-text);font-weight:700;margin:0}
.sar-pkg-card p{color:#5B6475;margin:0;font-size:15px}
.sar-pkg-card ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px;color:var(--sar-text)}
.sar-pkg-card ul li:before{content:'✓ ';color:var(--sar-primary);font-weight:700}
.sar-pkg-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:auto}
.sar-pkg-price strong{font-size:26px;color:var(--sar-text)}
.sar-pkg-price span{font-size:14px;color:#5B6475}
.sar-pkg-price s{color:#8A93A3;font-size:15px}
.sar-pkg-save{color:#1E7B43!important;font-weight:700}
.sar-pkg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border:0;border-radius:12px;background:var(--sar-primary);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}
.sar-pkg-btn:hover{background:var(--sar-secondary);color:#fff}
.sar-pkg-btn[disabled]{opacity:.55;cursor:not-allowed}
.sar-arma{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.sar-arma-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;border:0;min-width:0}
.sar-arma-pick{position:relative;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--sar-border);border-radius:14px;padding:10px 12px;cursor:pointer}
.sar-arma-pick input{position:absolute;opacity:0;width:1px;height:1px}
.sar-arma-pick img,.sar-arma-pick .sar-arma-noimg{flex:0 0 52px;width:52px;height:52px;object-fit:cover;border-radius:10px;background:var(--sar-bg-soft)}
.sar-arma-pick strong{display:block;font-size:15px;color:var(--sar-text);line-height:1.25}
.sar-arma-pick small{color:#5B6475}
.sar-arma-pick:has(input:checked){border-color:var(--sar-primary);box-shadow:0 0 0 2px rgba(39,93,144,.25)}
.sar-arma-pick:has(input:focus-visible){outline:2px solid var(--sar-primary);outline-offset:2px}
.sar-arma-pick:has(input:disabled){opacity:.55;cursor:not-allowed}
.sar-arma-summary{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--sar-border);border-radius:16px;padding:20px}
.sar-arma-slots{display:flex;gap:6px}
.sar-arma-slots span{flex:1;height:8px;border-radius:99px;background:var(--sar-border)}
.sar-arma-slots span.is-on{background:var(--sar-primary)}
.sar-arma-msg{color:var(--sar-text)}
.sar-arma-hint{font-size:14px;color:#5B6475}
.sar-arma-tiers{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.sar-arma-tier{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:150px;padding:12px 16px;border:2px solid var(--sar-border);border-radius:14px;background:#fff;color:var(--sar-text);text-align:left;cursor:pointer}
.sar-arma-tier strong{font-size:16px}
.sar-arma-tier span{font-size:22px;font-weight:700}
.sar-arma-tier small{color:#1E7B43;font-weight:700}
.sar-arma-tier.is-on{border-color:var(--sar-primary);box-shadow:0 0 0 3px rgba(39,93,144,.18)}
.sar-arma-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sar-arma-cat{min-height:38px;padding:6px 14px;border:1px solid var(--sar-border);border-radius:999px;background:#fff;color:var(--sar-text);font-size:14px;cursor:pointer}
.sar-arma-cat.is-on{background:var(--sar-primary);border-color:var(--sar-primary);color:#fff}
.sar-arma-empty{color:#5B6475;margin:0}
.sar-arma-more{grid-column:1/-1;justify-self:center;margin-top:6px;padding:11px 22px;border:1px solid #275D90;border-radius:999px;background:#fff;color:#275D90;font-weight:700;font-size:14px;cursor:pointer}.sar-arma-more:hover{background:#eef5fb}
@media (max-width:991px){
  .sar-arma{grid-template-columns:1fr}
  .sar-arma-summary{position:sticky;bottom:12px;top:auto;z-index:5;box-shadow:0 -8px 24px rgba(31,45,61,.12)}
}

/* Hero de paquetes: copia + escalera de precios (como CAPES, en colores de SAR) */
.sar-pkg-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 0%,rgba(83,155,214,.30),transparent 42%),linear-gradient(135deg,#0b2440 0%,#143a62 55%,#275D90 100%)}
.sar-pkg-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.sar-pkg-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:48px;align-items:center;padding:56px 0 60px}
.sar-pkg-hero h1{margin:16px 0 14px;color:#fff!important;font-size:clamp(40px,4.4vw,62px);line-height:1;letter-spacing:-.04em;font-weight:700}
.sar-pkg-hero h1 strong{color:#8cc4f0;font-weight:700}
.sar-pkg-hero p{max-width:540px;margin:0 0 26px;color:rgba(255,255,255,.86);font-size:18px;line-height:1.5}
.sar-pkg-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.sar-pkg-hero-btn{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 26px;border-radius:999px;background:#fff;color:#0f3a63!important;font-weight:700;text-decoration:none;box-shadow:0 14px 30px rgba(3,18,36,.28);transition:transform .2s ease}
.sar-pkg-hero-btn:hover{transform:translateY(-2px)}
.sar-pkg-hero-btn--ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.55);box-shadow:none}
.sar-pkg-hero-checks{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;color:rgba(255,255,255,.82);font-size:14px}
.sar-pkg-hero-checks i{margin-right:6px;color:#8cc4f0}
.sar-pkg-ladder{display:grid;gap:10px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.sar-pkg-ladder-kicker{color:rgba(255,255,255,.7);font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase}
.sar-pkg-ladder-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n price" "n note";align-items:center;column-gap:16px;padding:14px 18px;border-radius:12px;background:#fff;color:#0c2340!important;text-decoration:none;transition:transform .2s ease}
.sar-pkg-ladder-row:hover{transform:translateX(4px)}
.sar-pkg-ladder-n{grid-area:n;color:#275D90;font-weight:700;font-size:15px;white-space:nowrap}
.sar-pkg-ladder-row strong{grid-area:price;justify-self:end;font-size:24px;line-height:1.1}
.sar-pkg-ladder-row small{grid-area:note;justify-self:end;color:#5B6475;font-size:12px}
.sar-pkg-ladder-row.is-best{background:#8cc4f0;box-shadow:0 12px 26px rgba(3,18,36,.25)}
.sar-pkg-ladder-row.is-best small{color:#0c2340}
.sar-pkg-ladder-foot{color:rgba(255,255,255,.72);font-size:13px}
.sar-pkg-status a{color:var(--sar-primary);font-weight:700}
@media(max-width:991px){.sar-pkg-hero-inner{grid-template-columns:1fr;gap:28px;padding:44px 16px 48px}}
@media(max-width:575px){.sar-pkg-hero p{font-size:16px}.sar-pkg-hero-btn{flex:1 1 100%;justify-content:center}.sar-pkg-ladder-row strong{font-size:20px}}
.sar-pkg-covers{overflow:hidden}.sar-pkg-covers img{flex:0 0 auto}
