:root{--accent:#168b84;--accent-2:#31aaa2;--accent-rgb:22,139,132}
.support-visual .visual-panel{background:linear-gradient(145deg,#edf3f2,#d4dddc)}
.support-device{position:absolute;inset:19% 14%;border:1px solid rgba(22,139,132,.30);border-radius:20px;background:rgba(247,247,245,.78);z-index:2;padding:25px}
.support-device .screen{height:58%;border-radius:12px;background:#273033;position:relative;overflow:hidden}
.support-device .screen::after{content:"SYSTEM ONLINE";position:absolute;left:20px;bottom:18px;font:10px var(--title);color:#79d3cd;letter-spacing:.12em}
.support-bars{display:flex;gap:8px;margin-top:18px}.support-bars i{display:block;height:10px;background:rgba(22,139,132,.25);flex:1;border-radius:8px}.support-bars i:nth-child(2){flex:1.6}.support-bars i:nth-child(3){flex:.7}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan-card-seo{padding:30px;border-radius:20px;background:rgba(247,247,245,.8);border:1px solid var(--line);position:relative;overflow:hidden}
.plan-card-seo.featured{border-color:rgba(22,139,132,.55);box-shadow:0 22px 55px rgba(22,139,132,.12)}
.plan-card-seo .badge{font:9px var(--title);color:var(--accent);letter-spacing:.12em}.plan-card-seo h3{font-size:23px;margin:14px 0 4px}.plan-card-seo .equip{color:var(--muted);margin-bottom:24px}.plan-list{list-style:none}.plan-list li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.plan-list strong{color:var(--dark)}.plan-card-seo .btn{margin-top:24px;width:100%}
@media(max-width:900px){.plans-grid{grid-template-columns:1fr}.plan-card-seo{max-width:650px;width:100%;margin:auto}}
:root{--service-font:'Rajdhani';}
.visual-panel{border-color:rgba(22,139,132,.16)}

#planes{height:auto!important;overflow:visible!important}
#planes .plans-grid{height:auto!important;overflow:visible!important}
#planes .plan-card-seo{height:auto!important;position:relative!important}


/* v4: planes como slider, composición propia de Soporte TI */
.support-plan-zone{max-width:var(--max);margin:auto;padding:86px clamp(22px,5vw,76px);overflow:hidden}
.support-plan-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.support-plan-head h2{font:700 clamp(32px,4vw,58px)/1.08 var(--service-font),var(--title);max-width:840px}.support-plan-head h2 span{color:var(--accent)}
.support-slider-controls,.web-slider-nav,.ads-story-nav{display:flex;gap:8px}.slider-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.25);background:rgba(247,247,245,.8);color:var(--accent);cursor:pointer;font-size:18px;transition:.2s}.slider-btn:hover{background:var(--accent);color:white;transform:translateY(-2px)}
.support-plan-slider{overflow:hidden}.support-plan-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 3vw 24px 0}.support-plan-track::-webkit-scrollbar{display:none}
.support-plan-slide{flex:0 0 min(760px,78vw);display:grid;grid-template-columns:.95fr 1.05fr;scroll-snap-align:start;border:1px solid rgba(38,42,45,.1);border-radius:24px;overflow:hidden;background:rgba(247,247,245,.9);box-shadow:0 18px 50px rgba(38,42,45,.07)}
.support-plan-slide.featured{border-color:rgba(var(--accent-rgb),.38)}.support-plan-image{position:relative;min-height:420px}.support-plan-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.support-plan-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(16,31,32,.7))}.support-plan-image>span{position:absolute;z-index:2;left:22px;bottom:22px;color:white;font:700 10px var(--service-font);letter-spacing:.12em}
.support-plan-copy{padding:34px}.support-plan-copy h3{font:700 30px var(--service-font);margin:12px 0}.support-plan-copy .btn{margin-top:24px;width:100%}.support-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.support-points span{padding:9px 13px;border-radius:999px;background:rgba(22,139,132,.08);border:1px solid rgba(22,139,132,.14);font-size:12px;color:#3b5d5a}
@media(max-width:720px){.support-plan-head{align-items:flex-start;flex-direction:column}.support-plan-slide{flex-basis:92vw;grid-template-columns:1fr}.support-plan-image{min-height:230px}.support-plan-copy{padding:24px}}
\n.support-plan-head>p{max-width:520px;color:var(--muted);line-height:1.75}.support-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.support-plan-card{border:1px solid rgba(38,42,45,.1);border-radius:24px;overflow:hidden;background:rgba(247,247,245,.92);box-shadow:0 18px 50px rgba(38,42,45,.07);transition:.3s}.support-plan-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.35)}.support-plan-card.featured{border-color:rgba(var(--accent-rgb),.42);box-shadow:0 22px 60px rgba(var(--accent-rgb),.12)}.support-plan-card .support-plan-image{height:245px}.support-plan-card .support-plan-copy{padding:26px}.support-plan-card .btn{width:100%;margin-top:20px}@media(max-width:980px){.support-plan-grid{grid-template-columns:1fr}.support-plan-card{display:grid;grid-template-columns:.8fr 1.2fr}.support-plan-card .support-plan-image{height:auto;min-height:300px}}@media(max-width:640px){.support-plan-card{display:block}.support-plan-card .support-plan-image{height:220px;min-height:0}}\n