/* Planes mensuales y packs del personalizado · v20261022a
   Acompaña a styles-v6.css y styles-programs.css (mismos colores y tipografía). */
.plans-more{margin:28px 0 0;text-align:center;color:#596474;font-size:15px;line-height:1.6}
.plans-more a{color:#095dff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.packs-section{background:#fff;scroll-margin-top:90px}
.packs-intro{max-width:720px;margin:14px auto 0;text-align:center;color:#596474;line-height:1.6;font-size:16px}
.pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px;align-items:stretch}
.pack-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(2,13,34,.045)}
.pack-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(9,93,255,.55),transparent 55%),linear-gradient(150deg,#07162b 0%,#030b17 100%)}
.pack-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;color:transparent}
.pack-media.is-empty::before{content:"";position:absolute;left:22px;bottom:66px;width:44px;height:4px;border-radius:2px;background:#095dff}
.pack-media.is-empty::after{content:attr(data-label);position:absolute;left:22px;right:22px;bottom:22px;color:#fff;font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:28px;line-height:1.05}
.pack-body{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1}
.pack-name{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;line-height:1.1;margin:0;color:#01050d}
.pack-tagline{margin:10px 0 0;color:#46505e;font-weight:600;line-height:1.5}
.pack-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px;align-content:start;color:#596474;font-size:14px;line-height:1.5;flex:1}
.pack-list li{position:relative;padding-left:24px}
.pack-list li::before{content:"✓";position:absolute;left:0;top:0;color:#095dff;font-weight:900}
.pack-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:22px;padding:4px;background:#f3f7ff;border:1px solid #d9e2ef;border-radius:9px}
.pack-switch button{border:0;background:transparent;border-radius:6px;padding:9px 4px;font:inherit;font-size:13px;font-weight:800;color:#46505e;cursor:pointer;transition:background .15s ease,color .15s ease}
.pack-switch button:hover{color:#095dff}
.pack-switch button.is-active{background:#095dff;color:#fff;box-shadow:0 4px 12px rgba(9,93,255,.25)}
.pack-switch button:focus-visible{outline:3px solid #095dff;outline-offset:2px}
.pack-price{font-size:40px;font-weight:900;color:#095dff;line-height:1;margin-top:20px;text-align:center}
.pack-suffix{font-size:13px;margin-top:6px;color:#5d6673;text-align:center}
.pack-save{min-height:20px;margin:6px 0 16px;font-size:13px;font-weight:800;color:#047857;text-align:center}
.packs-note{margin:32px auto 0;text-align:center;font-weight:800;color:#07162b;font-size:16px}
.packs-fineprint{max-width:820px;margin:10px auto 0;text-align:center;color:#677180;font-size:13px;line-height:1.6}
@media(max-width:1050px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pack-grid{grid-template-columns:1fr;margin-top:30px}.pack-price{font-size:36px}.pack-media.is-empty::after{font-size:26px}}
