/* UnSitio · Planes Completos V5
   Reescritura limpia: conserva la identidad V26, reduce repaints y corrige responsive. */

.uspc3,.uspc3 *{box-sizing:border-box}
.uspc3{
  --bg:#060b09;--text:#fff;--muted:#c8d2cc;
  --green:#35d86f;--green2:#9cff73;--greenDeep:#0d5b35;--greenPanel:#0c3824;
  --violet:#a06aff;--violet2:#c493ff;--violetDeep:#4f2787;--violetPanel:#43236f;
  --lime:#b7ff4b;--cyan:#66ddff;--blue:#63aaff;--gold:#ffd76a;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow-x:clip;overflow-y:visible;
  color:var(--text);background:#060b09;font-family:Poppins,Arial,sans-serif;isolation:isolate;
}
.uspc3 a{text-decoration:none}.uspc3 button,.uspc3 a{-webkit-tap-highlight-color:transparent}
.uspc3 svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uspc3-bg{position:absolute;inset:0;z-index:-3;background:
  radial-gradient(circle at 8% 12%,rgba(37,211,102,.20),transparent 30%),
  radial-gradient(circle at 91% 25%,rgba(151,90,255,.24),transparent 31%),
  linear-gradient(120deg,#07110c 0%,#07100d 43%,#0e0a17 69%,#160c22 100%)}
.uspc3-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px}
.uspc3-glow{display:none}
.uspc11-bg-video{position:absolute;inset:0 0 auto 0;width:100%;height:min(780px,62vw);object-fit:cover;z-index:-1;opacity:.66;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}
.uspc11-bg-video:not(.uspc-v5-video-ready){display:none}.uspc11-bg-video.uspc-v5-video-ready{display:block}
.uspc3-shell{width:min(1460px,100%);margin:auto;padding:40px 30px 54px;position:relative;z-index:2}


/* V5.1 · carga visual estable: evita el destello inicial sin alterar el layout */
.uspc3.uspc-v51-pending .uspc3-shell{opacity:0}
.uspc3.uspc-v51-ready .uspc3-shell{opacity:1;transition:opacity .34s ease}

/* INTRO */
.uspc3-intro{width:min(1120px,100%);min-height:150px;margin:0 auto 32px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 18% 0%,rgba(137,255,168,.30),transparent 37%),radial-gradient(circle at 82% 0%,rgba(206,168,255,.30),transparent 37%),linear-gradient(105deg,rgba(33,163,75,.92),rgba(16,23,22,.95) 50%,rgba(112,64,205,.94));border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 48px rgba(0,0,0,.22)}
.uspc3-intro small{color:#e9fff0;font-size:10px;font-weight:950;letter-spacing:1.3px}.uspc3-intro h2{margin:7px 0 0;color:#fff;font-size:clamp(34px,5vw,58px);line-height:.98;font-weight:950;letter-spacing:-1.6px;text-shadow:0 4px 18px rgba(0,0,0,.32)}
.uspc3-intro-arrow{width:42px;height:42px;margin-top:12px;display:grid;place-items:center;border-radius:50%;color:#071108;background:var(--lime);font-size:23px;font-weight:950;box-shadow:0 0 26px rgba(183,255,75,.32);animation:uspv5Arrow 1.5s ease-in-out infinite}
@keyframes uspv5Arrow{50%{transform:translateY(5px)}}

/* TITULO */
.uspc3-heading{width:min(1320px,100%);margin:auto;position:relative}.uspc3-kicker{text-align:center;color:#c0cbc4;font-size:10px;font-weight:900;letter-spacing:1.25px}.uspc3-kicker span{color:var(--lime);margin-right:6px}
.uspc3-heading>h3{max-width:1140px;margin:9px auto 0;text-align:center;font-size:clamp(40px,4.7vw,64px);line-height:1;letter-spacing:-2.1px;font-weight:950;color:#fff;text-shadow:0 5px 18px rgba(0,0,0,.92),0 2px 3px rgba(0,0,0,.88)}.uspc3-heading>h3 em{display:block;margin-top:5px;font-style:normal;color:#d7ffc0;-webkit-text-fill-color:#d7ffc0;background:none;text-shadow:0 5px 18px rgba(0,0,0,.94),0 0 18px rgba(183,255,75,.16)}
.uspc3-lead{max-width:1060px;margin:18px auto 0;padding:11px 15px;color:#eef5f0;text-align:center;font-size:14.2px;line-height:1.7;text-shadow:0 2px 9px rgba(0,0,0,.88),0 1px 1px rgba(0,0,0,.78);background:rgba(3,10,7,.26);border-radius:14px}.uspc3-lead b{color:#fff}
.uspc3-main-statement{width:min(1060px,100%);margin:22px auto 28px;padding:15px 18px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px;border-radius:17px;background:linear-gradient(105deg,rgba(24,122,66,.66),rgba(10,18,17,.62) 50%,rgba(103,59,177,.66));border:1px solid rgba(255,255,255,.24);box-shadow:0 16px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07);position:relative;overflow:hidden}
.uspc3-main-statement::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.10) 49%,transparent 63%);transform:translateX(-100%);animation:uspv5Statement 5.8s ease-in-out infinite;pointer-events:none}
@keyframes uspv5Statement{0%,65%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.uspc3-main-statement strong{position:relative;z-index:1;font-size:15px;font-weight:950;text-shadow:0 2px 7px rgba(0,0,0,.72)}.uspc3-main-statement strong:last-child{padding:7px 11px;border-radius:10px;background:linear-gradient(100deg,rgba(17,177,104,.70),rgba(127,78,226,.78));border:1px solid rgba(255,255,255,.24)}.uspc3-main-statement i{position:relative;z-index:1;color:var(--lime);font-size:20px;font-style:normal;font-weight:950}

/* SELECTOR */
.uspc26-plan-selector{margin:34px 0 56px;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:linear-gradient(135deg,rgba(7,53,35,.88),rgba(42,24,79,.86));box-shadow:0 22px 48px rgba(0,0,0,.24);position:relative;overflow:hidden}.uspc26-plan-selector::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(123,255,150,.11),transparent 34%),radial-gradient(circle at 90% 20%,rgba(179,122,255,.15),transparent 36%)}
.uspc26-plan-selector-head{position:relative;z-index:1;display:grid;gap:4px;margin:0 2px 16px}.uspc26-plan-selector-head small{color:#bdff70;font-size:10px;font-weight:950;letter-spacing:1.5px}.uspc26-plan-selector-head strong{color:#fff;font-size:clamp(20px,2vw,28px);line-height:1.05;font-weight:950}.uspc26-plan-selector-head p{margin:2px 0 0;color:rgba(255,255,255,.76);font-size:12.5px;line-height:1.45}
.uspc22-plan-jump{position:relative;z-index:1;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.uspc22-plan-jump a{min-height:82px;padding:15px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;border-radius:17px;border:1px solid rgba(255,255,255,.24);box-shadow:0 14px 26px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}.uspc22-plan-jump a:hover{transform:translateY(-2px)}
.uspc22-jump-green{background:linear-gradient(135deg,#0b7141,#0a4a31)}.uspc22-jump-violet{background:linear-gradient(135deg,#7040bd,#452477)}.uspc22-plan-jump small{grid-column:1;grid-row:1;color:rgba(255,255,255,.78);font-size:9px;font-weight:900;letter-spacing:1.05px}.uspc22-plan-jump strong{grid-column:1;grid-row:2;color:#fff;font-size:21px;line-height:1.05;font-weight:950}.uspc22-plan-jump span{grid-column:2;grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#071108;background:var(--lime);font-size:22px;font-weight:950;box-shadow:0 0 18px rgba(183,255,75,.22)}

/* PLANES */
.uspc3-plan{width:min(1320px,100%);margin:0 auto 40px;position:relative;overflow:hidden;border-radius:23px;border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.uspc3-plan-green{background:radial-gradient(circle at 0 0,rgba(123,255,154,.20),transparent 30%),linear-gradient(145deg,#0d663b 0%,#0a422d 44%,#082519 100%);border-color:rgba(129,255,160,.42)}
.uspc3-plan-violet{background:radial-gradient(circle at 100% 0,rgba(215,171,255,.21),transparent 31%),linear-gradient(145deg,#60349c 0%,#42256f 46%,#24183c 100%);border-color:rgba(208,165,255,.42)}

/* MARQUEE */
.uspc3-plan-marquee{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.20);background:rgba(0,0,0,.08);contain:layout paint}.uspc3-marquee-green{background:linear-gradient(90deg,#087fae 0%,#18bfe8 46%,#0797c8 100%);box-shadow:inset 0 -1px 0 rgba(210,248,255,.18),inset 0 1px 0 rgba(255,255,255,.10)}.uspc3-marquee-violet{background:linear-gradient(90deg,#08764d 0%,#15ad6c 48%,#098357 100%);box-shadow:inset 0 -1px 0 rgba(205,255,227,.16),inset 0 1px 0 rgba(255,255,255,.10)}
.uspc3-marquee-track{display:flex;width:max-content;min-width:200%;animation:uspv5Marquee 18s linear infinite;will-change:transform}.uspc3:not(.uspc-v5-inview) .uspc3-marquee-track{animation-play-state:paused}
.uspc3-marquee-group{display:flex;align-items:center;gap:15px;white-space:nowrap;padding:14px 18px}.uspc3-marquee-group strong{font-size:18px;font-weight:950}.uspc3-marquee-group span{font-size:12px;font-weight:850}.uspc3-marquee-group i{color:var(--lime);font-style:normal;font-size:15px}
@keyframes uspv5Marquee{to{transform:translate3d(-50%,0,0)}}

/* TOPS */
.uspc9-green-top,.uspc3-violet-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:18px;padding:24px 24px 18px;align-items:stretch}.uspc3-plan-copy{min-width:0;padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.uspc9-green-copy{background:linear-gradient(145deg,rgba(12,79,46,.92),rgba(8,46,31,.92))}.uspc3-violet-top .uspc3-plan-copy{background:linear-gradient(145deg,rgba(91,50,148,.90),rgba(54,31,94,.92))}
.uspc22-plan-sticker{display:inline-grid;gap:2px;margin-bottom:15px;padding:9px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.20)}.uspc22-plan-sticker span{font-size:8px;font-weight:950;letter-spacing:1.15px;color:var(--lime)}.uspc22-plan-sticker b{font-size:12px;font-weight:950;color:#fff}.uspc22-plan-sticker-green{background:rgba(15,111,62,.72)}.uspc22-plan-sticker-violet{background:rgba(113,65,183,.70)}
.uspc3-plan-copy h3{margin:0;color:#fff;font-size:clamp(28px,3.2vw,46px);line-height:1.03;letter-spacing:-1.4px;font-weight:950}.uspc3-plan-intro,.uspc3-plan-detail,.uspc14-green-detail p{color:#e4ece7;font-size:13px;line-height:1.66}.uspc3-plan-intro{margin:16px 0 0}.uspc3-plan-detail{margin:14px 0 0}.uspc14-green-detail{margin-top:13px}.uspc14-green-detail p{margin:10px 0}.uspc14-hi,.uspc14-mark,.uspc3-plan-detail b,.uspc3-plan-intro b{color:#fff;font-weight:900}

/* mini cards */
.uspc3-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.uspc3-mini-grid>div{min-height:112px;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.uspc3-mini-grid>div::after{content:"";position:absolute;inset:-20% auto -20% -45%;width:32%;transform:skewX(-18deg) translateX(-160%);background:linear-gradient(90deg,transparent,rgba(205,255,157,.20),transparent);opacity:0;pointer-events:none;transition:transform .48s ease,opacity .2s ease}.uspc3-mini-grid strong{position:relative;z-index:1;display:block;color:#fff;font-size:16.2px;line-height:1.16;font-weight:950}.uspc3-mini-grid span{position:relative;z-index:1;display:block;margin-top:7px;color:rgba(255,255,255,.80);font-size:12px;line-height:1.42}.uspc3-mini-grid .uspc-mini-support{background:linear-gradient(145deg,rgba(183,255,75,.18),rgba(42,196,93,.13));border-color:rgba(183,255,75,.52);box-shadow:0 0 0 1px rgba(183,255,75,.06) inset}.uspc-mini-support strong{color:#dfffad}.uspc3-mini-violet>div:nth-child(2),.uspc3-mini-violet>div:nth-child(3){background:rgba(191,139,255,.11)}

/* CARRUSEL / BENEFICIOS */
.uspc20-benefits{margin:8px 22px 22px;padding:24px;display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:26px;align-items:center;border-radius:24px;border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 42px rgba(0,0,0,.18);contain:layout paint}
.uspc20-benefits-green{background:linear-gradient(145deg,rgba(17,92,54,.90),rgba(8,42,29,.92))}.uspc20-benefits-violet{background:linear-gradient(145deg,rgba(92,54,147,.91),rgba(46,27,80,.93))}
.uspc20-benefits-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.uspc20-benefits-copy small{color:var(--lime);font-size:10px;font-weight:950;letter-spacing:1.3px}.uspc20-benefits-copy>strong{margin-top:9px;color:#fff;font-size:clamp(25px,2.3vw,35px);line-height:1.05;letter-spacing:-.9px;font-weight:950}.uspc20-benefits-copy>p{margin:11px 0 0;color:#dbe4df;font-size:12px;line-height:1.5}.uspc20-benefits-copy>em{margin-top:9px;color:#d1c5e2;font-size:9px;line-height:1.35;font-style:normal}.uspc20-stack-counter{margin-top:16px;display:flex;align-items:flex-end;gap:5px}.uspc20-stack-counter b{color:var(--lime);font-size:25px;line-height:1;font-weight:950}.uspc20-stack-counter span{color:#aab7ae;font-size:10px;font-weight:850;padding-bottom:2px}
.uspc20-stack{position:relative;padding:0 26px 24px 0;overflow:visible}.uspc20-stack::before,.uspc20-stack::after{content:"";position:absolute;inset:8px 26px 24px 8px;border-radius:23px;border:1px solid rgba(255,255,255,.28);z-index:0;pointer-events:none}.uspc20-stack::before{transform:translate(11px,10px);opacity:.62}.uspc20-stack::after{transform:translate(22px,19px);opacity:.30}.uspc20-benefits-green .uspc20-stack::before,.uspc20-benefits-green .uspc20-stack::after{background:#0c482f}.uspc20-benefits-violet .uspc20-stack::before,.uspc20-benefits-violet .uspc20-stack::after{background:#472875}
.uspc20-benefit-card{position:relative;z-index:2;width:calc(100% - 26px);min-height:300px;padding:14px;display:grid;grid-template-columns:minmax(360px,58%) minmax(0,42%);gap:20px;align-items:stretch;border-radius:23px;border:1.5px solid rgba(255,255,255,.74);box-shadow:0 22px 40px rgba(0,0,0,.24);overflow:hidden;transition:opacity .24s ease,transform .24s ease}.uspc20-benefits-green .uspc20-benefit-card{background:linear-gradient(145deg,#124f34,#0a2d20)}.uspc20-benefits-violet .uspc20-benefit-card{background:linear-gradient(145deg,#59358a,#321f55)}.uspc20-benefit-card.uspc-v5-switching{opacity:.10;transform:scale(.995)}
.uspc20-card-index{position:absolute;right:16px;top:13px;z-index:4;color:rgba(255,255,255,.70);font-size:10px;font-weight:950;letter-spacing:1px}
.uspc20-card-media{position:relative;min-height:270px;height:270px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.38);background:linear-gradient(145deg,#07110d,#17201c);isolation:isolate}.uspc25-card-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 0%;opacity:1;transition:opacity .22s ease;background:transparent}.uspc20-card-media.is-portrait{background:linear-gradient(145deg,rgba(20,41,32,.96),rgba(18,23,33,.96))}.uspc20-card-media.is-portrait .uspc25-card-img{object-fit:contain;object-position:50% 0%}.uspc20-card-media.is-squareish .uspc25-card-img{object-fit:cover;object-position:50% 0%}.uspc20-card-media::after{content:"";position:absolute;inset:auto 0 0 0;height:28%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.22));pointer-events:none}
.uspc20-card-body{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:16px 14px}.uspc20-card-icon{width:42px;height:42px;margin-bottom:14px;display:grid;place-items:center;border-radius:12px;color:#0b140b;background:var(--lime);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 18px rgba(183,255,75,.14)}.uspc20-benefits-violet .uspc20-card-icon{background:linear-gradient(180deg,#d5b4ff,#a16dff);color:#1a0c2b}.uspc20-card-icon svg{width:22px;height:22px}.uspc20-benefit-card strong{display:block;color:#fff;font-size:clamp(25px,2.1vw,33px);line-height:1.04;letter-spacing:-.65px;font-weight:950;overflow-wrap:normal;word-break:normal}.uspc20-benefit-card p{margin:10px 0 0;color:#e4ece7;font-size:14px;line-height:1.48}

/* TECH ENTRY */
.uspc3-tech-entry{margin:0 22px 22px;padding:17px 18px;display:grid;grid-template-columns:minmax(0,620px) minmax(250px,360px);gap:24px;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(255,255,255,.18)}.uspc3-tech-green{background:linear-gradient(120deg,rgba(20,102,57,.92),rgba(9,57,37,.94))}.uspc3-tech-violet{background:linear-gradient(120deg,rgba(103,60,161,.92),rgba(58,34,101,.94))}.uspc3-tech-copy{display:flex;gap:13px;align-items:center;min-width:0}.uspc3-tech-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.10);color:var(--lime);border:1px solid rgba(255,255,255,.20)}.uspc3-tech-icon svg{width:24px;height:24px}.uspc3-tech-copy small{display:block;color:var(--lime);font-size:9.5px;font-weight:950;letter-spacing:1.1px}.uspc3-tech-copy strong{display:block;margin-top:3px;color:#fff;font-size:17.5px;font-weight:950}.uspc3-tech-copy p{margin:5px 0 0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.42}.uspc3-tech-open{min-height:52px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid rgba(255,255,255,.62);cursor:pointer;font:950 12.5px/1.15 Poppins,Arial,sans-serif;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.20);box-shadow:0 8px 20px rgba(0,0,0,.16)}.uspc3-tech-open span{font-size:20px}.uspc3-tech-open-green{color:#071108;background:linear-gradient(180deg,#c7ff78,#76ee78)}.uspc3-tech-open-violet{color:#fff;background:linear-gradient(180deg,#b67cff,#774bda)}

/* GREEN PRICE */
.uspc9-green-price-row{margin:0 22px 22px;padding:22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.7fr) minmax(250px,.72fr);gap:20px;align-items:center;border-radius:20px;background:linear-gradient(135deg,rgba(8,52,33,.94),rgba(14,78,46,.94));border:1px solid rgba(156,255,174,.22)}.uspc9-green-price-heading small,.uspc9-commerce-heading small{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1.15px}.uspc9-green-price-heading strong,.uspc9-commerce-heading strong{display:block;margin-top:6px;color:#fff;font-size:21px;line-height:1.1;font-weight:950}.uspc9-green-price-heading p{margin:8px 0 0;color:#cbd8d0;font-size:11px;line-height:1.5}.uspc9-green-price-center{text-align:center}.uspc3-price-label,.uspc3-commerce-label{display:block;color:#cde1d4;font-size:9px;font-weight:900;letter-spacing:1px}.uspc3-price{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin-top:4px}.uspc3-price i,.uspc3-final-price i{font-style:normal;font-size:22px;font-weight:900;color:#fff;padding-top:7px}.uspc3-price strong{font-size:56px;line-height:1;font-weight:950;letter-spacing:-2px}.uspc18-annual-label{display:block;margin-top:5px;color:var(--lime);font-size:10px;font-weight:950;letter-spacing:1.2px}.uspc19-renew-note{display:block;margin-top:6px;color:rgba(255,255,255,.62);font-size:7.5px;font-weight:800;letter-spacing:.35px}.uspc9-green-price-actions{display:grid;gap:12px}.uspc3-installments{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.uspc3-installments>span{color:var(--lime);font-size:27px;font-weight:950}.uspc3-installments p{margin:0;display:grid;gap:2px}.uspc3-installments b{color:#fff;font-size:14px}.uspc3-installments small{color:rgba(255,255,255,.65);font-size:9px}.uspc3-buy{min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;font-size:11px;font-weight:950;letter-spacing:.2px;border:1px solid rgba(255,255,255,.65)}.uspc3-buy-green{color:#071108;background:linear-gradient(180deg,#c8ff78,#73ed78);box-shadow:0 0 22px rgba(183,255,75,.18)}.uspc3-buy-violet{color:#071108;background:linear-gradient(180deg,#d6ff7e,#a7ff4a);box-shadow:0 0 24px rgba(183,255,75,.22)}

/* VIOLET COMMERCIAL */
.uspc3-violet-commercial{margin:0 22px 22px;display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:12px}.uspc3-commerce-col{min-width:0;padding:22px;border-radius:19px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(78,44,125,.94),rgba(42,27,72,.96));box-shadow:0 16px 32px rgba(0,0,0,.18)}.uspc3-commerce-base,.uspc3-commerce-final{text-align:center}.uspc3-price-violet strong{color:#fff}.uspc5-discount-activate{margin-top:15px;padding:14px 15px;display:block;border-radius:13px;border:1px solid rgba(183,255,75,.34);background:rgba(183,255,75,.08);text-align:left}.uspc5-discount-icon{display:none!important}.uspc5-discount-activate small{color:#dfffad;font-size:10px;font-weight:950;letter-spacing:1px}.uspc5-discount-activate strong{display:block;margin-top:5px;color:#fff;font-size:18px;line-height:1.08}.uspc5-discount-prices{margin-top:5px;display:flex;align-items:center;gap:7px}.uspc5-discount-prices s{color:#cdbfe1;font-size:11px}.uspc5-discount-prices i{font-style:normal;color:var(--lime)}.uspc5-discount-prices b{color:var(--lime);font-size:16px}
.uspc3-commerce-coupon{display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(145deg,#5a3292,#342057)}.uspc3-gift{display:flex;align-items:center;gap:13px}.uspc3-gift-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.10);color:var(--lime);border:1px solid rgba(255,255,255,.16);position:relative;overflow:visible;box-shadow:0 0 20px rgba(183,255,75,.10)}.uspc3-gift-icon svg{width:30px;height:30px;position:relative;z-index:2}.uspc3-paper{display:block;position:absolute;z-index:1;width:7px;height:10px;border-radius:2px;opacity:0;pointer-events:none;animation:uspv52Confetti 1.9s ease-out infinite;will-change:transform,opacity}.uspc3-paper-1{left:7px;top:6px;background:#b7ff4b;--tx:-20px;--ty:-24px;animation-delay:.05s}.uspc3-paper-2{right:7px;top:7px;background:#68dcff;--tx:20px;--ty:-23px;animation-delay:.27s}.uspc3-paper-3{left:4px;bottom:8px;background:#ffcc55;--tx:-24px;--ty:14px;animation-delay:.52s}.uspc3-paper-4{right:5px;bottom:8px;background:#d58cff;--tx:23px;--ty:15px;animation-delay:.78s}.uspc3-paper-5{left:23px;top:1px;background:#ff6f91;--tx:-5px;--ty:-30px;animation-delay:1.02s}.uspc3-paper-6{right:19px;bottom:2px;background:#7cffab;--tx:7px;--ty:27px;animation-delay:1.28s}@keyframes uspv52Confetti{0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(.75)}18%{opacity:1}68%{opacity:.95}100%{opacity:0;transform:translate3d(var(--tx),var(--ty),0) rotate(155deg) scale(1)}}.uspc3:not(.uspc-v5-inview) .uspc3-paper{animation-play-state:paused}.uspc3-gift small{color:var(--lime);font-size:8px;font-weight:950;letter-spacing:1px}.uspc3-gift strong{display:block;margin-top:3px;color:#fff;font-size:17px;line-height:1.05}.uspc3-gift p{margin:5px 0 0;display:flex;gap:6px;flex-wrap:wrap}.uspc3-gift p b{color:var(--lime);font-size:18px}.uspc3-gift p span{color:#fff;font-size:9px;font-weight:900;align-self:center}.uspc3-countdown-title{margin-top:16px;display:flex;align-items:center;gap:7px;color:#ded5eb;font-size:8px;font-weight:900;letter-spacing:.9px}.uspc3-countdown-title>span{width:6px;height:6px;border-radius:50%;background:var(--lime)}.uspc3-countdown{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:7px}.uspc3-countdown>div{min-width:51px;padding:8px 7px;border-radius:10px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.14);text-align:center}.uspc3-countdown strong{display:block;color:#fff;font-size:22px;line-height:1}.uspc3-countdown small{display:block;margin-top:4px;color:#cfc4dd;font-size:7px;font-weight:900}.uspc3-countdown>i{font-style:normal;color:rgba(255,255,255,.55);font-weight:950}.uspc3-seconds strong{color:var(--lime);transform-origin:center}.uspc3-seconds strong.uspc-v52-heart{animation:uspv52Heart .48s cubic-bezier(.2,.75,.25,1)}@keyframes uspv52Heart{0%,100%{transform:scale(1)}28%{transform:scale(1.16)}48%{transform:scale(.98)}68%{transform:scale(1.09)}82%{transform:scale(1)}}.uspc5-coupon-bottom{margin-top:12px;display:grid;gap:8px}.uspc3-unlock{width:100%;min-height:48px;padding:0 12px;border-radius:12px;border:1px solid rgba(220,255,184,.70);background:linear-gradient(180deg,#caff7e,#9dff4f);color:#071108;cursor:pointer;font:950 10px/1.15 Poppins,Arial,sans-serif}.uspc3-touch-arrow{display:inline-grid;place-items:center;margin-left:8px;color:#0a3b1d;font-size:20px;line-height:1;font-weight:950;vertical-align:-2px}.uspc3-touch-arrow.is-open{color:#0a3b1d}.uspc3-coupon-box{display:none;padding:13px;border-radius:12px;border:1px solid rgba(183,255,75,.34);background:rgba(0,0,0,.15);text-align:center}.uspc3-coupon-box.is-open{display:block}.uspc3-coupon-box>span{display:block;color:#dfffad;font-size:8px;font-weight:900}.uspc3-coupon-box>strong{display:block;margin-top:4px;color:#fff;font-size:27px;letter-spacing:2px}.uspc3-copy{margin-top:7px;min-height:38px;padding:0 14px;border-radius:9px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.09);color:#fff;cursor:pointer;font:900 9px/1 Poppins}.uspc3-coupon-box p{margin:7px 0 0;color:#cfc5dc;font-size:8.5px;line-height:1.4}.uspc3-commerce-final>s{display:block;margin-top:6px;color:#cfc3dc;font-size:15px}.uspc3-final-price{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin-top:2px}.uspc3-final-price strong{font-size:62px;line-height:1;color:var(--lime);font-weight:950;letter-spacing:-2px}.uspc3-final-badge{margin:11px auto 0;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:var(--lime);color:#0b1209;font-size:8px;font-weight:950}.uspc3-reminder{margin-top:10px;color:#f1eaf6;font-size:11.5px;line-height:1.45;font-weight:750}

/* MODALS */
html.uspc26-modal-open,html.uspc26-modal-open body{overflow:hidden!important}.uspc3-modal,.uspc3-modal *{box-sizing:border-box}.uspc3-modal{position:fixed;z-index:9999999;inset:0;padding:18px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;font-family:Poppins,Arial,sans-serif}.uspc3-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.uspc3-modal-backdrop{position:absolute;inset:0;background:rgba(3,6,8,.84)}.uspc3-modal-card{width:min(1180px,100%);max-height:calc(100dvh - 36px);padding:24px;position:relative;z-index:2;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:22px;color:#fff;box-shadow:0 34px 80px rgba(0,0,0,.50)}.uspc3-modal-card-green{background:linear-gradient(145deg,#125c38,#0a3423 72%);border:1px solid rgba(145,255,166,.44)}.uspc3-modal-card-violet{background:linear-gradient(145deg,#673aa4,#40266d 72%);border:1px solid rgba(215,178,255,.46)}.uspc3-modal-head{padding-bottom:16px;display:grid;grid-template-columns:1fr 44px;gap:16px;border-bottom:1px solid rgba(255,255,255,.14)}.uspc3-modal-head small{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1px}.uspc3-modal-head h2{margin:6px 0 0;font-size:clamp(31px,4vw,50px);line-height:1;letter-spacing:-1.4px}.uspc3-modal-head p{margin:8px 0 0;color:#e0e7e2;font-size:11px}.uspc3-modal-head button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);font-size:22px}.uspc3-spec-subtitle{margin:18px 0 10px;font-size:16px}.uspc3-spec-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.uspc3-spec-grid article{min-height:96px;padding:12px;border-radius:12px;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.14)}.uspc3-spec-grid .uspc-spec-support{background:linear-gradient(145deg,rgba(183,255,75,.20),rgba(74,213,100,.12));border-color:rgba(183,255,75,.55)}.uspc3-spec-grid strong{display:block;color:#fff;font-size:11px}.uspc3-spec-grid .uspc-spec-support strong{color:#e2ffb4}.uspc3-spec-grid p{margin:5px 0 0;color:#d3ddd7;font-size:8.8px;line-height:1.45}.uspc3-modal-actions{margin-top:17px;padding-top:15px;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.14)}.uspc3-modal-actions button{min-width:190px;min-height:48px;border-radius:10px;cursor:pointer;font:950 10px/1 Poppins,Arial,sans-serif}.uspc3-modal-card-green .uspc3-modal-actions button,.uspc3-modal-card-violet .uspc3-modal-actions button{color:#061006;background:linear-gradient(180deg,#d0ff82,#9fff4b);border:1px solid rgba(239,255,220,.88)}
.uspc4-violet-modal-overview{margin-top:16px;display:grid;grid-template-columns:1.4fr .8fr;gap:10px}.uspc4-violet-common,.uspc4-violet-promo{padding:14px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.uspc4-violet-common span,.uspc4-violet-promo>span{color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.8px}.uspc4-violet-common strong{display:block;margin-top:5px;font-size:13px}.uspc4-violet-common p,.uspc4-violet-promo p{margin:6px 0 0;color:#e0d8e9;font-size:9px;line-height:1.4}.uspc4-violet-promo>div{margin-top:5px;display:flex;align-items:end;gap:8px}.uspc4-violet-promo s{color:#d1c4df;font-size:12px}.uspc4-violet-promo strong{color:var(--lime);font-size:25px}.uspc18-modal-annual{display:block!important;margin-top:4px}.uspc19-modal-highlights{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.uspc19-modal-highlights span{padding:9px 10px;border-radius:10px;background:rgba(183,255,75,.11);border:1px solid rgba(183,255,75,.30);color:#e5ffbb;font-size:9px;font-weight:850}

/* reveal ligero */
.uspc-v5-reveal{opacity:0;transform:translateY(14px);transition:opacity .72s cubic-bezier(.22,.75,.24,1),transform .76s cubic-bezier(.22,.75,.24,1)}.uspc-v5-reveal.is-visible{opacity:1;transform:none}


@media(hover:hover) and (pointer:fine){
  .uspc3-mini-grid>div:hover{transform:translateY(-3px);border-color:rgba(183,255,75,.52);background:rgba(255,255,255,.105);box-shadow:0 12px 24px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.07)}
  .uspc3-mini-violet>div:hover{border-color:rgba(202,157,255,.56);box-shadow:0 12px 24px rgba(0,0,0,.15),0 0 0 1px rgba(164,102,255,.06) inset}
  .uspc3-mini-grid>div:hover::after{opacity:1;transform:skewX(-18deg) translateX(520%)}
}

/* TABLET */
@media(max-width:1060px){
  .uspc9-green-top,.uspc3-violet-top{grid-template-columns:1fr}.uspc3-mini-grid{grid-template-columns:repeat(3,1fr)}
  .uspc20-benefits{grid-template-columns:1fr;gap:16px}.uspc20-benefit-card{grid-template-columns:minmax(300px,52%) minmax(0,48%)}
  .uspc9-green-price-row{grid-template-columns:1fr 1fr}.uspc9-green-price-heading{grid-column:1/-1}.uspc3-violet-commercial{grid-template-columns:1fr 1fr}.uspc3-commerce-final{grid-column:1/-1}
  .uspc3-features{grid-template-columns:repeat(2,1fr)}
}

/* MOBILE */
@media(max-width:780px){
  .uspc3{touch-action:pan-y;overscroll-behavior-y:auto}.uspc11-bg-video,.uspc3-grid{display:none!important}.uspc3-shell{padding:24px 14px 42px}.uspc3-intro{min-height:126px;padding:20px 14px;margin-bottom:24px;border-radius:20px}.uspc3-intro h2{font-size:34px}.uspc3-intro-arrow{animation:none;width:38px;height:38px;font-size:21px}
  .uspc3-heading>h3{font-size:36px;letter-spacing:-1.35px}.uspc3-heading>h3 em{margin-top:4px;font-size:.88em}.uspc3-lead{font-size:12.2px;line-height:1.62;padding:0 3px}
  /* en celular, la franja se convierte en pasos legibles */
  .uspc3-main-statement{margin:20px auto 24px;padding:13px;display:grid;grid-template-columns:1fr;gap:7px;background:linear-gradient(145deg,rgba(24,112,64,.40),rgba(74,40,122,.44));border:1px solid rgba(255,255,255,.18);border-radius:18px}.uspc3-main-statement::after{display:none}.uspc3-main-statement strong{width:100%;padding:11px 12px!important;border-radius:11px!important;text-align:center;font-size:14px!important;line-height:1.15;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.13)!important}.uspc3-main-statement strong:last-child{background:linear-gradient(100deg,rgba(29,175,104,.62),rgba(128,79,225,.68))!important}.uspc3-main-statement i{height:18px;display:grid;place-items:center;font-size:20px;line-height:1}
  .uspc26-plan-selector{margin:26px 0 38px;padding:14px;border-radius:19px}.uspc26-plan-selector-head{margin-bottom:12px}.uspc26-plan-selector-head strong{font-size:22px}.uspc26-plan-selector-head p{font-size:11.5px}.uspc22-plan-jump{grid-template-columns:1fr;gap:10px}.uspc22-plan-jump a{min-height:74px;padding:13px 15px}.uspc22-plan-jump small{font-size:8.5px}.uspc22-plan-jump strong{font-size:19px}.uspc22-plan-jump span{width:40px;height:40px}
  .uspc3-plan{margin-bottom:32px;border-radius:20px}.uspc3-plan-green{background:linear-gradient(145deg,#117046 0%,#0b5236 48%,#092e21 100%)}.uspc3-plan-violet{background:linear-gradient(145deg,#6f42ad 0%,#4f307e 50%,#2f2149 100%)}
  .uspc3-marquee-group{padding:12px 15px;gap:12px}.uspc3-marquee-group strong{font-size:15px}.uspc3-marquee-group span{font-size:10px}.uspc3-marquee-track{animation-duration:15s}
  .uspc9-green-top,.uspc3-violet-top{grid-template-columns:1fr!important;gap:12px;padding:16px 14px 14px}.uspc3-plan-copy{padding:18px;border-radius:16px}.uspc3-plan-copy h3{font-size:30px;letter-spacing:-.9px}.uspc3-plan-intro,.uspc3-plan-detail,.uspc14-green-detail p{font-size:11.8px;line-height:1.57}.uspc3-mini-grid{grid-template-columns:1fr 1fr;gap:8px}.uspc3-mini-grid>div{min-height:104px;padding:13px}.uspc3-mini-grid strong{font-size:14.2px}.uspc3-mini-grid span{font-size:11.1px}
  .uspc20-benefits{margin:5px 10px 14px;padding:16px;grid-template-columns:1fr;gap:14px;border-radius:18px}.uspc20-benefits-copy>strong{font-size:25px}.uspc20-benefits-copy>p{font-size:11px}.uspc20-stack{padding:0 15px 16px 0}.uspc20-stack::before,.uspc20-stack::after{inset:7px 15px 16px 7px;border-radius:17px}.uspc20-stack::before{transform:translate(7px,7px)}.uspc20-stack::after{transform:translate(13px,13px)}.uspc20-benefit-card{width:calc(100% - 15px);min-height:0;padding:10px;grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;border-radius:17px}.uspc20-card-media{height:210px;min-height:210px;border-radius:14px}.uspc20-card-body{padding:5px 5px 9px;justify-content:flex-start}.uspc20-card-icon{width:36px;height:36px;margin-bottom:9px;border-radius:10px}.uspc20-card-icon svg{width:19px;height:19px}.uspc20-benefit-card strong{font-size:20px;line-height:1.08}.uspc20-benefit-card p{font-size:12px;line-height:1.42;margin-top:7px}
  .uspc3-tech-entry{margin:0 10px 14px;padding:14px;grid-template-columns:1fr;gap:12px;border-radius:16px}.uspc3-tech-copy{align-items:flex-start}.uspc3-tech-copy strong{font-size:15.5px}.uspc3-tech-copy p{font-size:11px}.uspc3-tech-open{width:100%;white-space:normal;text-align:center;font-size:12px}
  .uspc9-green-price-row{margin:0 10px 14px;padding:17px;grid-template-columns:1fr;gap:16px;border-radius:16px}.uspc9-green-price-heading{text-align:left}.uspc9-green-price-heading strong{font-size:18px}.uspc3-price strong{font-size:52px}.uspc9-green-price-actions{width:100%}
  .uspc3-violet-commercial{margin:0 10px 14px;grid-template-columns:1fr;gap:10px}.uspc3-commerce-col{padding:18px;border-radius:16px}.uspc3-commerce-final{grid-column:auto}.uspc3-final-price strong{font-size:55px}.uspc3-countdown{gap:4px}.uspc3-countdown>div{min-width:46px;padding:7px 5px}.uspc3-countdown strong{font-size:20px}
  .uspc3-features{margin-top:22px;grid-template-columns:1fr;gap:9px}.uspc3-feature{min-height:auto;padding:15px;border-radius:15px}
  .uspc3-modal{padding:0;align-items:flex-start}.uspc3-modal-card{width:100%;max-height:100dvh;min-height:100dvh;border-radius:0;padding:16px 14px 24px}.uspc3-modal-head{position:sticky;top:-16px;z-index:4;margin:-16px -14px 0;padding:16px 14px 14px;background:inherit}.uspc3-modal-head h2{font-size:30px}.uspc3-modal-head p{font-size:10px}.uspc3-spec-grid{grid-template-columns:1fr 1fr;gap:7px}.uspc3-spec-grid article{min-height:90px;padding:10px}.uspc4-violet-modal-overview{grid-template-columns:1fr}.uspc19-modal-highlights{grid-template-columns:1fr}.uspc3-modal-actions{position:sticky;bottom:-24px;margin:18px -14px -24px;padding:12px 14px 16px;background:inherit}.uspc3-modal-actions button{width:100%;min-width:0}
  .uspc-v5-reveal{transform:translateY(8px);transition:opacity .56s ease,transform .62s cubic-bezier(.22,.75,.24,1)}
}
@media(max-width:480px){
  .uspc3-heading>h3{font-size:32px}.uspc3-main-statement strong{font-size:13.5px!important}.uspc3-mini-grid{grid-template-columns:1fr}.uspc3-mini-grid>div{min-height:0}.uspc20-card-media{height:190px;min-height:190px}.uspc20-benefit-card strong{font-size:19px}.uspc3-spec-grid{grid-template-columns:1fr}.uspc3-countdown>div{min-width:42px}.uspc3-countdown strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.uspc3 *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.uspc-v5-reveal{opacity:1!important;transform:none!important}}


/* =========================================================
   V5.3 · JERARQUÍA COMERCIAL FINAL
   Conserva la arquitectura V5.2. Sólo ajusta regalo, contador,
   precios/cuotas y respiración visual.
   ========================================================= */
.uspc3-gift{align-items:flex-start;gap:16px}
.uspc3-gift-icon{width:64px;height:64px;min-width:64px;border-radius:18px}
.uspc3-gift-icon svg{width:36px;height:36px}
.uspc53-gift-copy{min-width:0;flex:1;display:grid;gap:11px}
.uspc53-gift-head small{display:block;color:var(--lime);font-size:9.5px;font-weight:950;letter-spacing:1.15px}
.uspc53-gift-head strong{display:block;margin-top:4px;color:#fff;font-size:21px;line-height:1.04;font-weight:950;letter-spacing:-.3px;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.uspc53-gift-promo{padding:10px 12px;border-radius:13px;border:1px solid rgba(183,255,75,.30);background:linear-gradient(135deg,rgba(183,255,75,.11),rgba(255,255,255,.045));display:grid;gap:2px}
.uspc53-gift-promo b{color:var(--lime);font-size:29px;line-height:1;font-weight:950;letter-spacing:-.6px;text-shadow:0 0 18px rgba(183,255,75,.18)}
.uspc53-gift-promo span{color:#fff;font-size:11.5px;line-height:1.25;font-weight:950;letter-spacing:.18px}

.uspc3-countdown-title{margin-top:17px;justify-content:center;text-align:center;gap:8px;color:#f1eafa;font-size:10.5px;line-height:1.2;font-weight:950;letter-spacing:1px}
.uspc3-countdown-title>span{display:none}
.uspc3-countdown{margin-top:10px}

/* Precio regular tienda: secundario frente al precio con cupón. */
.uspc3-commerce-base .uspc3-price strong{font-size:44px!important;letter-spacing:-1.5px}
.uspc3-commerce-base .uspc3-price i{font-size:18px;padding-top:6px}
.uspc3-commerce-base .uspc3-commerce-label{font-size:9px}

/* Precio anterior tachado y precio final con jerarquía clara. */
.uspc3-commerce-final>s{margin-top:9px;color:#cbbdd9;font-size:13px!important;font-weight:850;text-decoration-thickness:2px;text-decoration-color:rgba(255,255,255,.70);opacity:.82}
.uspc3-final-price{margin-top:4px}
.uspc3-final-price strong{font-size:68px!important;line-height:.94;letter-spacing:-2.6px;text-shadow:0 0 22px rgba(183,255,75,.16)}
.uspc3-final-price i{font-size:24px;padding-top:6px}

/* Plan anual y cuotas: transparentes y comerciales, sin simular mensualidad. */
.uspc18-annual-label{margin-top:7px;font-size:11px;font-weight:950;letter-spacing:1.3px}
.uspc19-renew-note{margin-top:5px;font-size:8.5px;line-height:1.35;font-weight:850;letter-spacing:.2px}
.uspc3-installments{padding:12px 13px;gap:11px}
.uspc3-installments>span{font-size:30px;line-height:1}
.uspc3-installments b{font-size:18px;line-height:1.05;font-weight:950}
.uspc3-installments small{font-size:8.5px;line-height:1.2;font-weight:850;letter-spacing:.15px}
.uspc3-final-badge{margin-top:15px;padding:8px 12px;font-size:9px}
.uspc3-commerce-final .uspc3-installments{margin-top:15px}
.uspc3-reminder{margin-top:13px;font-size:12px;line-height:1.45;font-weight:800}

/* Mantener la transición visual ligera. */
@media (hover:hover) and (pointer:fine){
  .uspc53-gift-promo{transition:transform .22s ease,border-color .22s ease,background .22s ease}
  .uspc3-commerce-coupon:hover .uspc53-gift-promo{transform:translateY(-1px);border-color:rgba(183,255,75,.44);background:linear-gradient(135deg,rgba(183,255,75,.15),rgba(255,255,255,.055))}
}

@media (max-width:780px){
  .uspc3-gift{gap:12px}
  .uspc3-gift-icon{width:56px;height:56px;min-width:56px;border-radius:16px}
  .uspc3-gift-icon svg{width:32px;height:32px}
  .uspc53-gift-copy{gap:9px}
  .uspc53-gift-head small{font-size:9px}
  .uspc53-gift-head strong{font-size:19px}
  .uspc53-gift-promo{padding:10px 11px}
  .uspc53-gift-promo b{font-size:27px}
  .uspc53-gift-promo span{font-size:10.5px}
  .uspc3-countdown-title{font-size:10px;margin-top:15px}
  .uspc3-commerce-base .uspc3-price strong{font-size:42px!important}
  .uspc3-final-price strong{font-size:61px!important}
  .uspc3-installments>span{font-size:28px}
  .uspc3-installments b{font-size:17px}
  .uspc3-final-badge{margin-top:14px}
  .uspc3-commerce-final .uspc3-installments{margin-top:14px}
}


/* V5.3.1 · PASARELAS DIFERENCIADAS: solo color, sin cambios de estructura */
.uspc3-marquee-green .uspc3-marquee-group strong,.uspc3-marquee-green .uspc3-marquee-group span,.uspc3-marquee-violet .uspc3-marquee-group strong,.uspc3-marquee-violet .uspc3-marquee-group span{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.32)}
.uspc3-marquee-green .uspc3-marquee-group i{color:#dff9ff}.uspc3-marquee-violet .uspc3-marquee-group i{color:#d8ffad}


/* =========================================================
   V5.4.0 · AJUSTES FINALES DE CTA, CARRUSEL Y LEGIBILIDAD
   Mantiene V5.3.1 y toca sólo los puntos solicitados.
   ========================================================= */

/* Tarjetas pequeñas: tipografía más legible y hover liviano con barrido de luz. */
.uspc3-mini-grid strong{font-size:18px;line-height:1.18}
.uspc3-mini-grid span{font-size:13px;line-height:1.46}
.uspc3-mini-grid .uspc-mini-whatsapp{background:linear-gradient(145deg,rgba(89,214,132,.15),rgba(255,255,255,.065));border-color:rgba(122,244,166,.34)}
@media (hover:hover) and (pointer:fine){
  .uspc3-mini-green>div:hover{border-color:rgba(104,220,255,.62);box-shadow:0 13px 26px rgba(0,0,0,.16),0 0 22px rgba(104,220,255,.08),inset 0 1px 0 rgba(255,255,255,.08)}
  .uspc3-mini-violet>div:hover{border-color:rgba(183,255,75,.60);box-shadow:0 13px 26px rgba(0,0,0,.16),0 0 22px rgba(183,255,75,.08),inset 0 1px 0 rgba(255,255,255,.08)}
}

/* Carrusel: crossfade + desplazamiento corto. Sólo opacity/transform para no cargar scroll. */
.uspc20-benefit-card{transition:opacity .33s cubic-bezier(.22,1,.36,1),transform .33s cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform}
.uspc20-benefit-card.uspc-v5-switching{opacity:1;transform:none}
.uspc20-benefit-card.uspc-v54-out{opacity:0;transform:translate3d(-14px,0,0) scale(.988)}
.uspc20-benefit-card.uspc-v54-in{opacity:0;transform:translate3d(14px,0,0) scale(.988)}

/* Especificaciones: recuperar jerarquía y legibilidad. */
.uspc3-tech-copy small{font-size:10.5px}
.uspc3-tech-copy strong{font-size:19px;line-height:1.2}
.uspc3-tech-copy p{font-size:13px;line-height:1.46}
.uspc3-tech-open{min-height:58px;padding:0 22px;font-size:15px;line-height:1.2;text-shadow:0 2px 7px rgba(0,0,0,.30);box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.08) inset}
.uspc3-tech-open span{font-size:22px}

/* CTA principal: sólo COMPRAR, claramente por encima de botones secundarios. */
.uspc3-buy{min-height:66px;padding:0 24px;font-size:21px;line-height:1;font-weight:950;letter-spacing:.8px;border-radius:15px;text-decoration:none;transition:transform .18s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease}
.uspc3-buy-green,.uspc3-buy-violet{color:#061006;background:linear-gradient(180deg,#d7ff89 0%,#9aff4e 100%);box-shadow:0 13px 28px rgba(102,255,92,.16),0 0 22px rgba(183,255,75,.18);border-color:rgba(243,255,226,.88)}
@media (hover:hover) and (pointer:fine){
  .uspc3-buy:hover{transform:translateY(-2px);background:linear-gradient(180deg,#72e8ff 0%,#32c8ef 100%);border-color:rgba(224,250,255,.96);box-shadow:0 15px 30px rgba(32,190,232,.20),0 0 26px rgba(87,218,255,.20)}
}
.uspc3-buy:active{transform:translateY(0) scale(.985);background:linear-gradient(180deg,#67ddf7 0%,#27b9e1 100%)}

/* Precio regular tienda: más aire antes de las cuotas y nota más secundaria. */
.uspc3-commerce-base .uspc19-renew-note{margin-top:7px;font-size:7.4px;line-height:1.35;opacity:.86}
.uspc3-commerce-base .uspc3-installments-violet{margin-top:19px}
.uspc3-commerce-final .uspc19-renew-note-final{font-size:8px}

/* Recordatorio del cupón: legible, sin competir con el CTA. */
.uspc3-reminder{font-size:14px;line-height:1.48;font-weight:850}

/* Botón COMPRAR dentro de especificaciones. */
.uspc3-modal-actions button{min-width:230px;min-height:58px;font:950 18px/1 Poppins,Arial,sans-serif;letter-spacing:.7px;transition:transform .18s ease,background .22s ease,box-shadow .22s ease}
@media (hover:hover) and (pointer:fine){
  .uspc3-modal-actions button:hover{transform:translateY(-2px);background:linear-gradient(180deg,#73e8ff,#31c6ee);box-shadow:0 12px 26px rgba(49,198,238,.18)}
}

@media (max-width:780px){
  .uspc3-mini-grid strong{font-size:16.2px}
  .uspc3-mini-grid span{font-size:12.2px}
  .uspc20-benefit-card.uspc-v54-out{transform:translate3d(-9px,0,0) scale(.992)}
  .uspc20-benefit-card.uspc-v54-in{transform:translate3d(9px,0,0) scale(.992)}
  .uspc3-tech-copy small{font-size:10px}
  .uspc3-tech-copy strong{font-size:17px}
  .uspc3-tech-copy p{font-size:12px}
  .uspc3-tech-open{min-height:56px;font-size:14px}
  .uspc3-buy{min-height:62px;font-size:20px}
  .uspc3-commerce-base .uspc3-installments-violet{margin-top:17px}
  .uspc3-reminder{font-size:13px}
  .uspc3-modal-actions button{min-height:58px;font-size:18px}
}


/* =========================================================
   V5.5 · TERMINACIÓN: MODALES + CARRUSEL + CUPÓN
   Mantiene la estructura y rendimiento de V5.4.
   ========================================================= */

/* Carrusel: la carcasa nunca desaparece. Sólo cambia el contenido y pasa una luz breve. */
.uspc20-benefit-card{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
.uspc20-benefit-card::before{
  content:"";
  position:absolute;
  z-index:5;
  top:-12%; bottom:-12%;
  left:-44%;
  width:30%;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-160%,0,0) skewX(-16deg);
  background:linear-gradient(90deg,transparent,rgba(126,229,255,.08),rgba(220,255,195,.26),rgba(126,229,255,.08),transparent);
}
.uspc20-benefits-violet .uspc20-benefit-card::before{
  background:linear-gradient(90deg,transparent,rgba(213,180,255,.09),rgba(183,255,75,.25),rgba(213,180,255,.09),transparent);
}
.uspc20-benefit-card.uspc-v55-sweep::before{animation:uspc55Sweep .56s cubic-bezier(.2,.75,.2,1)}
@keyframes uspc55Sweep{
  0%{opacity:0;transform:translate3d(-160%,0,0) skewX(-16deg)}
  22%{opacity:.9}
  100%{opacity:0;transform:translate3d(560%,0,0) skewX(-16deg)}
}
.uspc20-card-media,.uspc20-card-body{
  transition:opacity .34s cubic-bezier(.22,.75,.24,1),transform .40s cubic-bezier(.22,.75,.24,1)!important;
}
.uspc20-benefit-card.uspc-v55-out .uspc20-card-media,
.uspc20-benefit-card.uspc-v55-out .uspc20-card-body{
  opacity:.34;
  transform:translate3d(0,5px,0) scale(.996);
}
.uspc20-benefit-card.uspc-v55-in .uspc20-card-media,
.uspc20-benefit-card.uspc-v55-in .uspc20-card-body{
  opacity:.28;
  transform:translate3d(0,-5px,0) scale(.997);
}

/* Modal de especificaciones: más legible y con jerarquía, sin animaciones permanentes. */
.uspc3-modal-card{padding:28px;border-radius:25px}
.uspc3-modal-card-green{
  background:linear-gradient(145deg,#176b43 0%,#0e432d 50%,#092f22 100%);
  box-shadow:0 34px 80px rgba(0,0,0,.48),0 0 0 1px rgba(150,255,176,.12) inset;
}
.uspc3-modal-card-violet{
  background:linear-gradient(145deg,#7044ad 0%,#4f2e83 50%,#352056 100%);
  box-shadow:0 34px 80px rgba(0,0,0,.48),0 0 0 1px rgba(221,190,255,.12) inset;
}
.uspc3-modal-head{padding-bottom:20px}
.uspc3-modal-head small{font-size:11px;letter-spacing:1.25px}
.uspc3-modal-head h2{font-size:clamp(34px,4vw,52px);text-shadow:0 3px 16px rgba(0,0,0,.24)}
.uspc3-modal-head p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.86)}
.uspc3-spec-subtitle{margin:22px 0 12px;font-size:20px;line-height:1.2}
.uspc3-spec-grid{gap:12px;margin-top:20px}
.uspc3-spec-grid article{
  position:relative;
  min-height:118px;
  padding:17px 16px;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.uspc3-spec-grid article::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:linear-gradient(180deg,#b7ff4b,#64dcff);
  opacity:.9;
}
.uspc3-modal-card-violet .uspc3-spec-grid article::before{background:linear-gradient(180deg,#d5b4ff,#b7ff4b)}
.uspc3-spec-grid strong{font-size:15px;line-height:1.22;font-weight:950}
.uspc3-spec-grid p{margin-top:8px;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.80)}
.uspc3-spec-grid .uspc-spec-support{
  background:linear-gradient(145deg,rgba(183,255,75,.20),rgba(83,220,117,.10));
  border-color:rgba(183,255,75,.56);
  box-shadow:0 0 24px rgba(183,255,75,.06),inset 0 1px 0 rgba(255,255,255,.08);
}
.uspc3-spec-grid .uspc-spec-support strong{font-size:16px;color:#e7ffbf}
@media (hover:hover) and (pointer:fine){
  .uspc3-spec-grid article:hover{
    transform:translateY(-2px);
    border-color:rgba(183,255,75,.48);
    background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(183,255,75,.07));
    box-shadow:0 12px 24px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.08);
  }
}

/* Promoción/precio dentro del modal violeta. */
.uspc4-violet-modal-overview{gap:14px;margin-top:20px}
.uspc4-violet-common,.uspc4-violet-promo{padding:18px;border-radius:16px}
.uspc4-violet-common span,.uspc4-violet-promo>span{font-size:10px;letter-spacing:1px}
.uspc4-violet-common strong{font-size:16px;line-height:1.25}
.uspc4-violet-common p,.uspc4-violet-promo p{font-size:11.5px;line-height:1.48}
.uspc4-violet-promo>div{margin-top:8px;gap:10px;align-items:flex-end}
.uspc4-violet-promo s{font-size:14px;opacity:.72}
.uspc4-violet-promo strong{font-size:36px;line-height:1;color:var(--lime);text-shadow:0 0 18px rgba(183,255,75,.14)}
.uspc18-modal-annual{font-size:10px!important;margin-top:7px!important}
.uspc19-modal-highlights{gap:9px;margin-top:14px}
.uspc19-modal-highlights span{padding:11px 12px;font-size:11px;line-height:1.35}

/* CTA dentro del modal: más claro que el botón secundario de especificaciones. */
.uspc3-modal-actions{margin-top:22px;padding-top:18px}
.uspc3-modal-actions button{
  min-width:260px;
  min-height:64px;
  border-radius:14px;
  font:950 20px/1 Poppins,Arial,sans-serif;
  letter-spacing:.8px;
  box-shadow:0 12px 28px rgba(183,255,75,.14),0 0 0 1px rgba(255,255,255,.12) inset;
}

/* Cupón: sin flecha; el propio botón invita a tocar con un pulso ligero. */
.uspc3-unlock{
  position:relative;
  isolation:isolate;
  min-height:58px;
  padding:0 18px;
  border-radius:14px;
  font:950 14.5px/1.2 Poppins,Arial,sans-serif;
  letter-spacing:.15px;
  box-shadow:0 10px 24px rgba(0,0,0,.14),0 0 20px rgba(183,255,75,.12);
}
.uspc3-unlock::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-5px;
  border-radius:18px;
  border:2px solid rgba(183,255,75,.58);
  opacity:0;
  pointer-events:none;
}
.uspc3.uspc-v5-inview .uspc3-unlock:not(.is-open)::after{animation:uspc55CouponPulse 2.45s ease-out infinite}
@keyframes uspc55CouponPulse{
  0%,48%{opacity:0;transform:scale(.985)}
  58%{opacity:.75}
  82%{opacity:0;transform:scale(1.035)}
  100%{opacity:0;transform:scale(1.035)}
}
.uspc3-unlock.is-open{background:linear-gradient(180deg,#e3ffc0,#b7ff4b)}
.uspc3-touch-arrow{display:none!important}

@media (max-width:780px){
  .uspc3-modal-card{padding:18px 14px 26px}
  .uspc3-modal-head{padding-bottom:16px}
  .uspc3-modal-head h2{font-size:31px}
  .uspc3-modal-head p{font-size:12px}
  .uspc3-spec-grid{gap:9px}
  .uspc3-spec-grid article{min-height:104px;padding:14px 13px}
  .uspc3-spec-grid strong{font-size:14px}
  .uspc3-spec-grid p{font-size:11px}
  .uspc3-spec-grid .uspc-spec-support strong{font-size:15px}
  .uspc4-violet-modal-overview{gap:10px}
  .uspc4-violet-common,.uspc4-violet-promo{padding:15px}
  .uspc4-violet-promo strong{font-size:33px}
  .uspc19-modal-highlights span{font-size:10.5px}
  .uspc3-modal-actions button{min-width:0;width:100%;min-height:62px;font-size:19px}
  .uspc3-unlock{min-height:58px;font-size:13.5px;padding:0 14px}
  .uspc20-benefit-card.uspc-v55-out .uspc20-card-media,
  .uspc20-benefit-card.uspc-v55-out .uspc20-card-body{transform:translate3d(0,4px,0) scale(.997)}
  .uspc20-benefit-card.uspc-v55-in .uspc20-card-media,
  .uspc20-benefit-card.uspc-v55-in .uspc20-card-body{transform:translate3d(0,-4px,0) scale(.998)}
}

@media (prefers-reduced-motion:reduce){
  .uspc20-benefit-card::before,.uspc3-unlock::after{animation:none!important}
  .uspc20-card-media,.uspc20-card-body{transition:none!important}
}


/* =========================================================
V5.6 · TIENDA PRIMERO · TURQUESA/ESMERALDA · ESTILO HOSTING
========================================================= */

/* Selector mucho más protagonista */
.uspc26-plan-selector{
  margin:38px 0 58px!important;
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  background:
    radial-gradient(circle at 9% 12%,rgba(43,224,190,.19),transparent 31%),
    radial-gradient(circle at 91% 10%,rgba(190,122,255,.20),transparent 34%),
    radial-gradient(circle at 52% 115%,rgba(57,196,255,.10),transparent 40%),
    linear-gradient(135deg,rgba(5,62,59,.94),rgba(31,28,69,.94) 54%,rgba(65,35,105,.94))!important;
  box-shadow:0 26px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.uspc26-plan-selector::before{
  background:
    radial-gradient(circle at 3% 18%,rgba(62,230,205,.92) 0 3px,transparent 4px),
    radial-gradient(circle at 97% 26%,rgba(199,126,255,.92) 0 3px,transparent 4px),
    radial-gradient(circle at 78% 84%,rgba(255,169,73,.90) 0 2.5px,transparent 3.5px),
    radial-gradient(circle at 24% 82%,rgba(183,255,75,.90) 0 2.5px,transparent 3.5px)!important;
  opacity:.9!important;
}
.uspc26-plan-selector-head{
  margin:0 4px 20px!important;
  gap:7px!important;
  text-align:center!important;
}
.uspc26-plan-selector-head small{
  color:#65e6d5!important;
  font-size:11px!important;
  letter-spacing:1.45px!important;
}
.uspc26-plan-selector-head strong{
  font-size:clamp(28px,3vw,42px)!important;
  letter-spacing:-.8px!important;
  text-shadow:0 4px 18px rgba(0,0,0,.26)!important;
}
.uspc26-plan-selector-head p{
  max-width:820px!important;
  margin:2px auto 0!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:rgba(255,255,255,.84)!important;
}
.uspc22-plan-jump{gap:14px!important}
.uspc22-plan-jump a{
  min-height:96px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  position:relative!important;
  overflow:hidden!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.uspc22-plan-jump a::before{
  content:"";position:absolute;inset:-15% auto -15% -45%;width:34%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.13),transparent);
  transform:translateX(-180%) skewX(-18deg);transition:transform .6s ease;pointer-events:none;
}
.uspc22-plan-jump a:hover::before{transform:translateX(520%) skewX(-18deg)}
.uspc22-plan-jump a:hover{transform:translateY(-3px)!important}
.uspc22-jump-violet{
  background:
    radial-gradient(circle at 92% 15%,rgba(205,145,255,.17),transparent 30%),
    linear-gradient(135deg,#7546bd,#462477)!important;
  border-color:rgba(218,183,255,.38)!important;
}
.uspc22-jump-green{
  background:
    radial-gradient(circle at 92% 15%,rgba(75,227,210,.18),transparent 30%),
    linear-gradient(135deg,#0b887b,#075d5d 58%,#063f49)!important;
  border-color:rgba(96,232,210,.36)!important;
}
.uspc22-plan-jump small{font-size:9.5px!important}
.uspc22-plan-jump strong{font-size:23px!important}
.uspc22-plan-jump span{
  width:46px!important;height:46px!important;
  border-radius:14px!important;
  box-shadow:0 0 20px rgba(183,255,75,.20)!important;
}

/* Plan sin tienda: nuevo turquesa-esmeralda oscuro */
.uspc3-plan-green{
  background:
    radial-gradient(circle at 4% 6%,rgba(66,228,205,.18),transparent 27%),
    radial-gradient(circle at 94% 10%,rgba(98,194,255,.10),transparent 24%),
    linear-gradient(145deg,#0b887d 0%,#08685f 44%,#06484d 72%,#052f3b 100%)!important;
  border-color:rgba(95,232,211,.42)!important;
  box-shadow:0 30px 66px rgba(0,0,0,.28),0 0 40px rgba(42,211,191,.08)!important;
}
.uspc3-plan-violet{
  background:
    radial-gradient(circle at 4% 6%,rgba(194,127,255,.16),transparent 28%),
    radial-gradient(circle at 94% 9%,rgba(85,224,210,.10),transparent 25%),
    linear-gradient(145deg,#7044b3 0%,#4f307e 50%,#30214a 100%)!important;
}
.uspc3-plan::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  opacity:.9;
}
.uspc3-plan-green::before{
  background:
    radial-gradient(circle at 2.8% 11%,#52e7d6 0 4px,rgba(82,231,214,.22) 5px 9px,transparent 10px),
    radial-gradient(circle at 97% 17%,#c37cff 0 4px,rgba(195,124,255,.20) 5px 9px,transparent 10px),
    radial-gradient(circle at 3.8% 86%,#b7ff4b 0 4px,rgba(183,255,75,.19) 5px 9px,transparent 10px),
    radial-gradient(circle at 96% 86%,#ff9d52 0 4px,rgba(255,157,82,.18) 5px 9px,transparent 10px);
}
.uspc3-plan-violet::before{
  background:
    radial-gradient(circle at 2.8% 11%,#c47dff 0 4px,rgba(196,125,255,.21) 5px 9px,transparent 10px),
    radial-gradient(circle at 97% 17%,#62e7d5 0 4px,rgba(98,231,213,.19) 5px 9px,transparent 10px),
    radial-gradient(circle at 3.8% 86%,#b7ff4b 0 4px,rgba(183,255,75,.18) 5px 9px,transparent 10px),
    radial-gradient(circle at 96% 86%,#ff9a58 0 4px,rgba(255,154,88,.18) 5px 9px,transparent 10px);
}
.uspc3-plan > *{position:relative;z-index:1}

/* Pasarelas: coherentes con cada tarjeta */
.uspc3-marquee-green{
  background:linear-gradient(90deg,#087b94 0%,#20c7ca 48%,#0b8996 100%)!important;
}
.uspc3-marquee-violet{
  background:linear-gradient(90deg,#0c7d62 0%,#1ab77a 48%,#0b805d 100%)!important;
}

/* Parte superior del plan verde */
.uspc9-green-top{
  background:linear-gradient(135deg,rgba(5,71,71,.36),rgba(4,49,57,.30))!important;
}
.uspc22-plan-sticker-green{
  background:linear-gradient(145deg,rgba(11,130,116,.80),rgba(6,77,79,.88))!important;
  border-color:rgba(96,231,210,.40)!important;
}
.uspc14-green-intro,.uspc14-green-detail p{color:rgba(242,255,253,.92)!important}
.uspc14-hi{color:#d9fffa!important}
.uspc14-mark{color:#8ff5e2!important}

/* Mini tarjetas: punto real único agregado en HTML; sin pseudo-punto */
.uspc3-mini-green .uspc-mini-support{
  background:linear-gradient(145deg,rgba(183,255,75,.16),rgba(18,141,115,.16))!important;
  border-color:rgba(183,255,75,.45)!important;
}
.uspc3-mini-green>div:nth-child(2),
.uspc3-mini-green>div:nth-child(3){
  background:linear-gradient(145deg,rgba(73,225,207,.10),rgba(255,255,255,.065))!important;
}

/* Especificaciones visibles al estilo Hosting */
.uspc3-tech-entry{
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:22px!important;
}
.uspc3-tech-green{
  background:linear-gradient(120deg,rgba(7,105,99,.96),rgba(5,61,69,.97))!important;
  border-color:rgba(107,230,214,.27)!important;
}
.uspc3-tech-violet{
  background:linear-gradient(120deg,rgba(91,52,147,.96),rgba(52,31,88,.97))!important;
  border-color:rgba(207,161,255,.28)!important;
}
.uspc3-tech-copy small{font-size:10.5px!important}
.uspc3-tech-copy strong{font-size:21px!important;line-height:1.16!important}
.uspc3-tech-copy p{font-size:13.5px!important;line-height:1.5!important}

/* Botones técnicos: oscuro del mismo color + blanco */
.uspc3-tech-open{
  min-height:60px!important;
  padding:0 23px!important;
  color:#fff!important;
  font-size:14px!important;
  text-shadow:0 2px 7px rgba(0,0,0,.25)!important;
}
.uspc3-tech-open-green{
  background:linear-gradient(180deg,#08746c,#054d56)!important;
  border-color:rgba(124,236,220,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(2,23,35,.12)!important;
}
.uspc3-tech-open-green:hover{background:linear-gradient(180deg,#0a8c80,#07626a)!important}
.uspc3-tech-open-violet{
  background:linear-gradient(180deg,#5f3a91,#3d275f)!important;
  border-color:rgba(220,188,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(18,8,32,.14)!important;
}
.uspc3-tech-open-violet:hover{background:linear-gradient(180deg,#7550a9,#4c3273)!important}

.uspc56-spec-strip{
  grid-column:1/-1;
  width:100%;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:3px;
}
.uspc56-spec-item{
  min-height:96px;
  padding:15px 12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  position:relative;overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.17);
  background:linear-gradient(145deg,rgba(4,48,62,.70),rgba(9,39,56,.77));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.uspc56-spec-item::before{
  content:"";
  position:absolute;
  width:74px;height:74px;
  right:-26px;top:-30px;
  border-radius:50%;
  background:var(--uspc56-accent,rgba(91,221,255,.30));
  filter:blur(20px);opacity:.85;
}
.uspc56-spec-item::after{
  content:"";
  position:absolute;
  width:12px;height:12px;
  right:13px;top:12px;
  border-radius:50%;
  background:var(--uspc56-solid,#5bdcff);
  box-shadow:0 0 13px var(--uspc56-glow,rgba(91,220,255,.38));
}
.uspc56-spec-item small,.uspc56-spec-item strong{position:relative;z-index:1}
.uspc56-spec-item small{
  color:rgba(244,252,255,.88);
  font-size:9.5px;font-weight:950;letter-spacing:1.15px;
}
.uspc56-spec-item strong{
  display:block;margin-top:6px;color:#fff;font-size:16px;line-height:1.15;font-weight:950;
}
.uspc56-cyan{--uspc56-accent:rgba(91,225,255,.32);--uspc56-solid:#5be1ff;--uspc56-glow:rgba(91,225,255,.40)}
.uspc56-teal{--uspc56-accent:rgba(70,231,202,.32);--uspc56-solid:#46e7ca;--uspc56-glow:rgba(70,231,202,.40)}
.uspc56-violet{--uspc56-accent:rgba(196,125,255,.34);--uspc56-solid:#c47dff;--uspc56-glow:rgba(196,125,255,.42)}
.uspc56-orange{--uspc56-accent:rgba(255,171,82,.30);--uspc56-solid:#ffab52;--uspc56-glow:rgba(255,171,82,.38)}
.uspc56-lime{--uspc56-accent:rgba(183,255,75,.27);--uspc56-solid:#b7ff4b;--uspc56-glow:rgba(183,255,75,.34)}
.uspc56-blue{--uspc56-accent:rgba(96,153,255,.30);--uspc56-solid:#6099ff;--uspc56-glow:rgba(96,153,255,.38)}
@media(hover:hover) and (pointer:fine){
  .uspc56-spec-item:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.28);
    box-shadow:0 12px 25px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06);
  }
}

/* Fila de precio verde: turquesa oscuro, no verde claro */
.uspc9-green-price-row{
  background:
    radial-gradient(circle at 92% 8%,rgba(82,224,205,.09),transparent 28%),
    linear-gradient(135deg,rgba(5,54,60,.96),rgba(7,89,82,.94))!important;
  border-color:rgba(111,231,213,.22)!important;
}
.uspc9-green-price-heading p{color:#d6e9e6!important}
.uspc3-buy-green{
  background:linear-gradient(180deg,#c8fff4,#62e6cf)!important;
  color:#061516!important;
  border-color:rgba(226,255,250,.86)!important;
  box-shadow:0 13px 28px rgba(55,214,190,.15),0 0 20px rgba(75,232,205,.12)!important;
}

/* Violeta comercial: sumar acentos del verde de la pasarela */
.uspc3-violet-commercial{position:relative}
.uspc5-discount-activate{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(111,235,172,.28)!important;
  background:
    radial-gradient(circle at 92% 15%,rgba(75,226,171,.13),transparent 34%),
    linear-gradient(145deg,rgba(98,61,147,.22),rgba(40,92,82,.12))!important;
}
.uspc5-discount-activate::after{
  content:"";position:absolute;width:16px;height:16px;right:14px;top:14px;border-radius:50%;
  background:#6ce7ae;box-shadow:0 0 15px rgba(108,231,174,.42);
}
.uspc53-gift-promo{
  position:relative!important;
  overflow:hidden!important;
  padding-right:54px!important;
  border-color:rgba(103,233,171,.34)!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(86,230,171,.14),transparent 36%),
    linear-gradient(135deg,rgba(112,68,164,.30),rgba(31,102,79,.16))!important;
}
.uspc53-gift-promo::after{
  content:"";position:absolute;width:28px;height:28px;right:16px;top:50%;transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#e6ffec 0 18%,#83efb7 30%,#2ebd7b 64%,rgba(46,189,123,.10) 80%,transparent 84%);
  box-shadow:0 0 20px rgba(83,232,162,.38);
}
.uspc3-final-badge{
  background:linear-gradient(180deg,#bfffd8,#64e9a4)!important;
  color:#07120c!important;
  border:1px solid rgba(230,255,240,.50)!important;
}

/* Modal de especificaciones: ancho, tipografía grande, 2 columnas */
.uspc3-modal-card{
  width:min(1200px,96vw)!important;
  padding:28px!important;
  border-radius:24px!important;
}
.uspc3-modal-card-green{
  background:
    radial-gradient(circle at 7% 0%,rgba(75,226,204,.13),transparent 25%),
    radial-gradient(circle at 94% 0%,rgba(195,126,255,.08),transparent 25%),
    linear-gradient(150deg,#08786f,#06545a 58%,#053746)!important;
  border-color:rgba(111,232,214,.40)!important;
}
.uspc3-modal-card-violet{
  background:
    radial-gradient(circle at 7% 0%,rgba(198,128,255,.14),transparent 25%),
    radial-gradient(circle at 94% 0%,rgba(91,227,207,.09),transparent 25%),
    linear-gradient(150deg,#7044ad,#4d2e7d 58%,#332050)!important;
}
.uspc3-modal-head small{font-size:11px!important}
.uspc3-modal-head h2{font-size:clamp(38px,4vw,54px)!important}
.uspc3-modal-head p{font-size:13.5px!important;line-height:1.55!important}
.uspc3-spec-subtitle{font-size:22px!important;margin:24px 0 12px!important}
.uspc3-spec-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.uspc3-spec-grid article{
  min-height:142px!important;
  padding:19px 21px!important;
  border-radius:17px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 96% 8%,var(--uspc56-modal-soft,rgba(92,225,255,.09)),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.052))!important;
  border:1px solid var(--uspc56-modal-border,rgba(255,255,255,.18))!important;
}
.uspc3-spec-grid article::before{
  width:4px!important;
  background:var(--uspc56-modal-accent,#5be1ff)!important;
  box-shadow:0 0 15px var(--uspc56-modal-glow,rgba(91,225,255,.34))!important;
}
.uspc3-spec-grid article::after{
  content:"";
  position:absolute;
  width:13px;height:13px;
  right:15px;top:15px;
  border-radius:50%;
  background:var(--uspc56-modal-accent,#5be1ff);
  box-shadow:0 0 13px var(--uspc56-modal-glow,rgba(91,225,255,.38));
}
.uspc3-spec-grid article:nth-child(5n+1){--uspc56-modal-accent:#5be1ff;--uspc56-modal-glow:rgba(91,225,255,.40);--uspc56-modal-soft:rgba(91,225,255,.10);--uspc56-modal-border:rgba(91,225,255,.24)}
.uspc3-spec-grid article:nth-child(5n+2){--uspc56-modal-accent:#c47dff;--uspc56-modal-glow:rgba(196,125,255,.40);--uspc56-modal-soft:rgba(196,125,255,.10);--uspc56-modal-border:rgba(196,125,255,.24)}
.uspc3-spec-grid article:nth-child(5n+3){--uspc56-modal-accent:#ffab52;--uspc56-modal-glow:rgba(255,171,82,.38);--uspc56-modal-soft:rgba(255,171,82,.09);--uspc56-modal-border:rgba(255,171,82,.23)}
.uspc3-spec-grid article:nth-child(5n+4){--uspc56-modal-accent:#b7ff4b;--uspc56-modal-glow:rgba(183,255,75,.35);--uspc56-modal-soft:rgba(183,255,75,.08);--uspc56-modal-border:rgba(183,255,75,.22)}
.uspc3-spec-grid article:nth-child(5n+5){--uspc56-modal-accent:#59e2c7;--uspc56-modal-glow:rgba(89,226,199,.38);--uspc56-modal-soft:rgba(89,226,199,.09);--uspc56-modal-border:rgba(89,226,199,.23)}
.uspc3-spec-grid strong{
  padding-right:30px!important;
  font-size:18px!important;
  line-height:1.2!important;
}
.uspc3-spec-grid p{
  margin-top:9px!important;
  font-size:12.5px!important;
  line-height:1.58!important;
}
.uspc3-spec-grid .uspc-spec-support{
  background:
    radial-gradient(circle at 96% 8%,rgba(183,255,75,.10),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.052))!important;
  border-color:rgba(183,255,75,.28)!important;
}
.uspc3-spec-grid .uspc-spec-support strong{color:#fff!important;font-size:18px!important}
.uspc3-modal-actions button{
  min-width:290px!important;
  min-height:64px!important;
  font-size:20px!important;
}

/* Carrusel V5.6: doble capa, sin pantalla vacía ni reemplazo brusco */
.uspc20-card-media{background:linear-gradient(145deg,#071a18,#17242b)!important}
.uspc20-card-media .uspc25-card-img.uspc56-img-layer{
  opacity:0!important;
  transition:opacity .48s cubic-bezier(.22,.75,.24,1)!important;
  will-change:opacity;
}
.uspc20-card-media .uspc25-card-img.uspc56-img-layer.is-active{
  opacity:1!important;
}
.uspc20-card-media{opacity:1!important;transform:none!important}
.uspc20-card-body{
  transition:opacity .22s ease,transform .26s ease!important;
}
.uspc20-benefit-card.uspc56-switch .uspc20-card-body{
  opacity:.55!important;
  transform:translate3d(0,3px,0)!important;
}
.uspc20-benefit-card.uspc56-switch::before{
  animation:uspc55Sweep .56s cubic-bezier(.2,.75,.2,1);
}

/* Mejor separación entre los planes después de invertir el orden */
.uspc3-plan-violet{margin-bottom:48px!important}
.uspc3-plan-green{margin-bottom:40px!important}

/* Responsive */
@media(max-width:1050px){
  .uspc56-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .uspc3-tech-entry{grid-template-columns:1fr!important}
  .uspc3-tech-open{width:100%!important;white-space:normal!important}
}
@media(max-width:780px){
  .uspc26-plan-selector{margin:28px 0 38px!important;padding:16px!important;border-radius:20px!important}
  .uspc26-plan-selector-head strong{font-size:25px!important}
  .uspc26-plan-selector-head p{font-size:12px!important}
  .uspc22-plan-jump{grid-template-columns:1fr!important}
  .uspc22-plan-jump a{min-height:78px!important;padding:14px 15px!important}
  .uspc3-plan::before{opacity:.68}
  .uspc3-mini-grid>div::before{width:13px;height:13px;right:10px;top:10px}
  .uspc3-tech-copy strong{font-size:18px!important}
  .uspc3-tech-copy p{font-size:12px!important}
  .uspc56-spec-strip{grid-template-columns:1fr 1fr;gap:8px}
  .uspc56-spec-item{min-height:84px;padding:13px 10px}
  .uspc56-spec-item strong{font-size:14px}
  .uspc3-spec-grid{grid-template-columns:1fr!important}
  .uspc3-spec-grid article{min-height:0!important;padding:16px 17px!important}
  .uspc3-spec-grid strong{font-size:17px!important}
  .uspc3-spec-grid p{font-size:12px!important}
}
@media(max-width:440px){
  .uspc56-spec-strip{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .uspc20-card-media .uspc25-card-img.uspc56-img-layer{transition:none!important}
}


/* =========================================================
V5.6.2 · CORRECCIÓN VISUAL BASADA EN V5.6.0
========================================================= */

/* Encabezado: sin caja negra gigante; solo ayuda de lectura */
.uspc562-kicker-pill{
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  margin:0 auto 10px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  color:#eef6fb!important;
  background:rgba(5,12,20,.72)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
.uspc562-kicker-pill span{color:#9eeedc!important}

.uspc562-main-title{
  max-width:min(1580px,96vw)!important;
  margin:10px auto 0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.uspc562-title-line{
  display:block!important;
  white-space:nowrap!important;
  font-size:clamp(42px,3.55vw,58px)!important;
  line-height:1!important;
}
.uspc562-main-title em{
  margin-top:8px!important;
  font-size:clamp(34px,3.15vw,50px)!important;
}
.uspc562-lead-box{
  max-width:min(1450px,94vw)!important;
  margin:24px auto 18px!important;
  padding:17px 24px!important;
  border-radius:22px!important;
  background:rgba(4,11,19,.68)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f3f6f8!important;
  font-size:15px!important;
  line-height:1.65!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
.uspc562-main-statement{
  max-width:min(1320px,94vw)!important;
  background:linear-gradient(145deg,rgba(4,12,20,.84),rgba(17,20,31,.79))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.15)!important;
}

/* Pasarela nueva de asistencia: visible y claramente separada */
.uspc562-assist-marquee{
  overflow:hidden;
  max-width:min(1320px,94vw);
  margin:0 auto 24px;
  border-radius:18px;
  border:1px solid rgba(230,255,198,.72);
  background:linear-gradient(90deg,#b7ff4b 0%,#91f679 42%,#69e1c6 72%,#b7ff4b 100%);
  box-shadow:0 12px 30px rgba(89,226,160,.14);
}
.uspc562-assist-track{
  display:flex;
  width:max-content;
  min-width:100%;
  animation:uspc562Assist 25s linear infinite;
}
.uspc562-assist-group{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 22px;
  white-space:nowrap;
}
.uspc562-assist-group strong,
.uspc562-assist-group span{
  color:#07150f;
  text-shadow:none;
}
.uspc562-assist-group strong{
  font-size:15px;
  font-weight:950;
  letter-spacing:.35px;
}
.uspc562-assist-group span{
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.25px;
}
.uspc562-assist-group i{
  color:#4f2a78;
  font-style:normal;
  font-size:15px;
}
@keyframes uspc562Assist{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Violeta: volver al verde anterior de la pasarela */
.uspc3-marquee-violet{
  background:linear-gradient(90deg,#08764d 0%,#15ad6c 48%,#098357 100%)!important;
  box-shadow:inset 0 -1px 0 rgba(205,255,227,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.uspc3-marquee-violet .uspc3-marquee-group i{color:#d8ffad!important}

/* Mini tarjetas: conservar luminosidad original y usar UN solo punto real */
.uspc3-mini-grid>div{
  background:rgba(255,255,255,.07)!important;
}
.uspc3-mini-violet>div:nth-child(2),
.uspc3-mini-violet>div:nth-child(3){
  background:rgba(191,139,255,.11)!important;
}
.uspc3-mini-green .uspc-mini-support{
  background:linear-gradient(145deg,rgba(183,255,75,.16),rgba(18,141,115,.16))!important;
}
.uspc3-mini-grid>div::before{content:none!important;display:none!important}

/* El brillo de hover sigue siendo el barrido, pero no agrega puntos */
.uspc3-mini-grid>div::after{
  border-radius:0!important;
}
.uspc562-card-dot{
  position:absolute;
  width:14px;
  height:14px;
  right:13px;
  top:13px;
  z-index:2;
  border-radius:50%;
  background:var(--uspc562-dot,#63dcff);
  box-shadow:0 0 10px color-mix(in srgb,var(--uspc562-dot) 38%,transparent);
  pointer-events:none;
}
.uspc3-mini-grid>div:nth-child(1){--uspc562-dot:#b7ff4b}
.uspc3-mini-grid>div:nth-child(2){--uspc562-dot:#65e3d5}
.uspc3-mini-grid>div:nth-child(3){--uspc562-dot:#c57dff}
.uspc3-mini-grid>div:nth-child(4){--uspc562-dot:#64cfff}
.uspc3-mini-grid>div:nth-child(5){--uspc562-dot:#ffad55}
.uspc3-mini-grid>div:nth-child(6){--uspc562-dot:#b7ff4b}
.uspc3-mini-grid>div:nth-child(7){--uspc562-dot:#c57dff}
.uspc3-mini-grid>div:nth-child(8){--uspc562-dot:#64dfff}

/* Mercado Pago y Hosting 30 GB: explícitamente un solo punto */
.uspc3-mini-violet>div:nth-child(4) .uspc562-card-dot{background:#64cfff!important;box-shadow:0 0 10px rgba(100,207,255,.34)!important}
.uspc3-mini-green>div:nth-child(4) .uspc562-card-dot{background:#65e3d5!important;box-shadow:0 0 10px rgba(101,227,213,.34)!important}

/* Dejar aire para que el punto nunca toque el texto */
.uspc3-mini-grid strong{padding-right:28px!important}
.uspc-mini-support strong{padding-right:34px!important}
.uspc562-support-sub{
  display:block;
  margin-top:6px;
  color:#eef7e8;
  font-size:.82em;
  line-height:1.05;
}

/* Plan con tienda: jerarquía igual a Hosting
   Precio regular blanco; precio final + cuotas en lima */
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price strong{color:#fff!important}
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price i{color:#fff!important}
#uspc3PriceViolet .uspc3-final-price strong{color:var(--lime)!important}
#uspc3PriceViolet .uspc3-installments>span{color:var(--lime)!important}
#uspc3PriceViolet .uspc5-discount-prices b{color:var(--lime)!important}
#uspc3PriceViolet .uspc5-discount-prices i{color:var(--lime)!important}
#uspc3PriceViolet .uspc5-discount-activate{
  border-color:rgba(183,255,75,.34)!important;
  background:rgba(183,255,75,.08)!important;
}
#uspc3PriceViolet .uspc5-discount-activate small{color:#dfffad!important}
#uspc3PriceViolet .uspc53-gift-promo{
  border-color:rgba(183,255,75,.30)!important;
  background:linear-gradient(135deg,rgba(183,255,75,.11),rgba(255,255,255,.045))!important;
}
#uspc3PriceViolet .uspc53-gift-promo b{color:var(--lime)!important}
#uspc3PriceViolet .uspc53-gift-promo span{color:#fff!important}
#uspc3PriceViolet .uspc53-gift-promo::after{content:none!important;display:none!important}

/* Único uso de naranja: 30% aplicado */
#uspc3PriceViolet .uspc3-final-badge{
  margin-top:16px!important;
  margin-bottom:20px!important;
  background:linear-gradient(180deg,#ffc98f,#f0a15f)!important;
  color:#171008!important;
  border:1px solid rgba(255,229,200,.72)!important;
  box-shadow:0 8px 18px rgba(222,136,70,.12)!important;
}
#uspc3PriceViolet .uspc3-commerce-final .uspc3-installments{
  margin-top:0!important;
}

/* Separaciones comerciales: sin piezas pisadas */
#uspc3PriceViolet .uspc3-commerce-col{gap:0}
#uspc3PriceViolet .uspc3-buy-violet{
  margin-top:18px!important;
  background:linear-gradient(180deg,#d6ff7e,#a7ff4a)!important;
  color:#071108!important;
}
#uspc3PriceViolet .uspc3-reminder{margin-top:16px!important}

/* Especificaciones del plan violeta: verde/cyan/lima, sin exceso naranja */
.uspc56-spec-strip-violet .uspc56-orange{
  --uspc56-accent:rgba(183,255,75,.27)!important;
  --uspc56-solid:#b7ff4b!important;
  --uspc56-glow:rgba(183,255,75,.34)!important;
}
.uspc3-modal-card-violet .uspc3-spec-grid article:nth-child(5n+3){
  --uspc56-modal-accent:#b7ff4b!important;
  --uspc56-modal-glow:rgba(183,255,75,.35)!important;
  --uspc56-modal-soft:rgba(183,255,75,.08)!important;
  --uspc56-modal-border:rgba(183,255,75,.22)!important;
}

/* Responsive */
@media(max-width:1100px){
  .uspc562-title-line{white-space:normal!important}
  .uspc562-main-title{max-width:96vw!important}
}
@media(max-width:780px){
  .uspc562-kicker-pill{
    width:auto!important;
    max-width:100%!important;
    padding:9px 12px!important;
    font-size:9px!important;
  }
  .uspc562-title-line{font-size:34px!important;white-space:normal!important}
  .uspc562-main-title em{font-size:28px!important}
  .uspc562-lead-box{
    max-width:100%!important;
    padding:14px!important;
    font-size:12px!important;
    border-radius:16px!important;
  }
  .uspc562-main-statement{max-width:100%!important}
  .uspc562-assist-marquee{max-width:100%!important;margin-bottom:18px!important}
  .uspc562-assist-group{padding:12px 16px;gap:10px}
  .uspc562-assist-group strong{font-size:12px}
  .uspc562-assist-group span{font-size:9.8px}
  .uspc562-card-dot{width:12px;height:12px;right:10px;top:10px}
  .uspc3-mini-grid strong{padding-right:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .uspc562-assist-track{animation:none!important}
}


/* =========================================================
V5.6.3 · AJUSTES DE COPY + PUNTOS + COLORES DEL DESCUENTO
========================================================= */

/* Texto principal: sólido, legible y con "La diferencia..." siempre debajo */
.uspc563-lead-box{
  max-width:min(1460px,95vw)!important;
  margin:24px auto 18px!important;
  padding:18px 26px!important;
  border-radius:22px!important;
  background:linear-gradient(100deg,#15594f 0%,#1d2838 42%,#54317d 100%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20)!important;
  color:#fff!important;
}
.uspc563-lead-box p{
  margin:0!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.62!important;
  text-align:center!important;
}
.uspc563-lead-box p + p{
  margin-top:9px!important;
}
.uspc563-lead-box b{color:#fff!important}

/* Pasarela: más contundente, con lima predominante */
.uspc562-assist-marquee{
  background:
    linear-gradient(90deg,#b7ff4b 0%,#91ef76 37%,#65e0c2 65%,#b7ff4b 100%)!important;
  border-color:rgba(236,255,213,.86)!important;
  box-shadow:0 13px 31px rgba(101,224,164,.16)!important;
}
.uspc562-assist-group strong,
.uspc562-assist-group span{color:#07150f!important}
.uspc562-assist-group i{color:#5d337e!important}

/* Explicación del selector: ancho completo y sin caja angosta */
.uspc26-plan-selector-head p{
  width:100%!important;
  max-width:none!important;
  margin:7px 0 0!important;
  padding:0 4px!important;
  font-size:14px!important;
  line-height:1.52!important;
  color:rgba(255,255,255,.92)!important;
}

/* =========================================================
PUNTOS: UN SOLO CÍRCULO REAL POR TARJETA
========================================================= */
.uspc3-mini-grid>div::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  box-shadow:none!important;
  background:none!important;
}
.uspc562-card-dot{
  width:14px!important;
  height:14px!important;
  right:13px!important;
  top:13px!important;
  border-radius:50%!important;
  animation:uspc563DotPulse 2.8s ease-in-out infinite;
}
@keyframes uspc563DotPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.10);filter:brightness(1.08)}
}

/* Violeta: Soporte cyan, Woo lima, Productos violeta, Mercado Pago naranja... */
.uspc3-mini-violet>div:nth-child(1){--uspc562-dot:#63dfff!important}
.uspc3-mini-violet>div:nth-child(2){--uspc562-dot:#b7ff4b!important}
.uspc3-mini-violet>div:nth-child(3){--uspc562-dot:#c47dff!important}
.uspc3-mini-violet>div:nth-child(4){--uspc562-dot:#ffad55!important}
.uspc3-mini-violet>div:nth-child(5){--uspc562-dot:#63dfff!important}
.uspc3-mini-violet>div:nth-child(6){--uspc562-dot:#b7ff4b!important}
.uspc3-mini-violet>div:nth-child(7){--uspc562-dot:#c47dff!important}
.uspc3-mini-violet>div:nth-child(8){--uspc562-dot:#ffad55!important}

/* Verde: alternancia clara; Hosting 30 GB ya no repite el celeste del Dominio */
.uspc3-mini-green>div:nth-child(1){--uspc562-dot:#63dfff!important}
.uspc3-mini-green>div:nth-child(2){--uspc562-dot:#b7ff4b!important}
.uspc3-mini-green>div:nth-child(3){--uspc562-dot:#c47dff!important}
.uspc3-mini-green>div:nth-child(4){--uspc562-dot:#ffad55!important}
.uspc3-mini-green>div:nth-child(5){--uspc562-dot:#63dfff!important}
.uspc3-mini-green>div:nth-child(6){--uspc562-dot:#c47dff!important}

.uspc3-mini-violet>div:nth-child(4) .uspc562-card-dot,
.uspc3-mini-green>div:nth-child(4) .uspc562-card-dot{
  box-shadow:0 0 11px rgba(255,173,85,.36)!important;
}

/* Hover dinámico sin crear un segundo punto */
.uspc3-mini-grid>div::after{
  content:""!important;
  position:absolute!important;
  inset:-20% auto -20% -45%!important;
  width:32%!important;
  height:auto!important;
  border-radius:0!important;
  transform:skewX(-18deg) translateX(-160%)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .48s ease,opacity .2s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .uspc3-mini-grid>div:hover::after{
    opacity:1!important;
    transform:skewX(-18deg) translateX(520%)!important;
  }
}

/* =========================================================
PLAN CON TIENDA: VERDE + TOQUE NARANJA, MISMA LÓGICA QUE HOSTING
========================================================= */

/* Pasarela: verde dominante, naranja solo como brillo/acento */
.uspc3-marquee-violet{
  background:
    radial-gradient(circle at 52% 50%,rgba(255,158,75,.30),transparent 18%),
    linear-gradient(90deg,#08764d 0%,#15ad6c 45%,#109461 62%,#098357 100%)!important;
}
.uspc3-marquee-violet .uspc3-marquee-group i{color:#ffb866!important}

/* Precio regular SIEMPRE blanco */
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price strong,
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price i{color:#fff!important}

/* Precio final y cuotas: lima */
#uspc3PriceViolet .uspc3-final-price strong,
#uspc3PriceViolet .uspc3-installments>span,
#uspc3PriceViolet .uspc5-discount-prices b{color:var(--lime)!important}
#uspc3PriceViolet .uspc5-discount-prices i{color:#ffad55!important}

/* Activá tu descuento: filo naranja + verde y un solo círculo */
#uspc3PriceViolet .uspc5-discount-activate{
  position:relative!important;
  overflow:hidden!important;
  padding-right:52px!important;
  border-color:rgba(255,173,85,.48)!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(183,255,75,.10),transparent 30%),
    linear-gradient(145deg,rgba(183,255,75,.08),rgba(255,157,73,.08))!important;
}
#uspc3PriceViolet .uspc5-discount-activate::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:25px!important;
  height:25px!important;
  right:15px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 35%,#fff6d5 0 18%,#d9ff75 28%,#ffad55 68%,rgba(255,173,85,.10) 82%,transparent 86%)!important;
  box-shadow:0 0 18px rgba(255,173,85,.34)!important;
}
#uspc3PriceViolet .uspc5-discount-activate small{color:#ffc47f!important}
#uspc3PriceViolet .uspc5-discount-activate strong{color:#fff!important}

/* Regalo / 30% EXTRA: mismo sistema y círculo limpio */
#uspc3PriceViolet .uspc53-gift-promo{
  position:relative!important;
  overflow:hidden!important;
  padding-right:58px!important;
  border-color:rgba(255,173,85,.46)!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(183,255,75,.10),transparent 30%),
    linear-gradient(135deg,rgba(183,255,75,.08),rgba(255,157,73,.09))!important;
}
#uspc3PriceViolet .uspc53-gift-promo b{color:#ffb15f!important}
#uspc3PriceViolet .uspc53-gift-promo span{color:#fff!important}
#uspc3PriceViolet .uspc53-gift-promo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:30px!important;
  height:30px!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 35%,#fff7db 0 18%,#dfff7f 30%,#ffad55 68%,rgba(255,173,85,.10) 82%,transparent 86%)!important;
  box-shadow:0 0 19px rgba(255,173,85,.34)!important;
}

/* Botón de cupón: misma familia verde+naranja, sin saturarlo */
#uspc3PriceViolet .uspc3-unlock{
  background:linear-gradient(90deg,#caff7e 0%,#a8ff58 72%,#ffc071 100%)!important;
  border-color:rgba(240,255,220,.82)!important;
  color:#071108!important;
  box-shadow:0 10px 24px rgba(111,214,100,.12)!important;
}

/* 30% aplicado: exactamente el mismo sistema cromático */
#uspc3PriceViolet .uspc3-final-badge{
  margin:17px auto 22px!important;
  background:linear-gradient(90deg,#caff7e 0%,#b7ff4b 62%,#ffb05d 100%)!important;
  color:#101207!important;
  border:1px solid rgba(244,255,226,.72)!important;
  box-shadow:0 8px 20px rgba(255,173,85,.12)!important;
}
#uspc3PriceViolet .uspc3-commerce-final .uspc3-installments{
  margin-top:0!important;
}
#uspc3PriceViolet .uspc3-buy-violet{
  margin-top:20px!important;
  background:linear-gradient(180deg,#d6ff7e,#a7ff4a)!important;
  color:#071108!important;
}

/* Especificaciones del plan violeta: repetir verde + naranja con moderación */
.uspc56-spec-strip-violet .uspc56-lime{
  --uspc56-accent:rgba(183,255,75,.27)!important;
  --uspc56-solid:#b7ff4b!important;
  --uspc56-glow:rgba(183,255,75,.34)!important;
}
.uspc56-spec-strip-violet .uspc56-cyan{
  --uspc56-accent:rgba(255,173,85,.28)!important;
  --uspc56-solid:#ffad55!important;
  --uspc56-glow:rgba(255,173,85,.36)!important;
}
.uspc3-modal-card-violet .uspc3-spec-grid article:nth-child(5n+3){
  --uspc56-modal-accent:#ffad55!important;
  --uspc56-modal-glow:rgba(255,173,85,.36)!important;
  --uspc56-modal-soft:rgba(255,173,85,.09)!important;
  --uspc56-modal-border:rgba(255,173,85,.22)!important;
}

/* Responsive */
@media(max-width:780px){
  .uspc563-lead-box{
    max-width:100%!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .uspc563-lead-box p{
    font-size:12px!important;
    line-height:1.58!important;
    text-align:left!important;
  }
  .uspc26-plan-selector-head p{
    font-size:12px!important;
    line-height:1.5!important;
  }
  .uspc562-card-dot{
    width:12px!important;
    height:12px!important;
    right:10px!important;
    top:10px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .uspc562-card-dot{animation:none!important}
}


/* =========================================================
V5.6.4 · Correcciones finales solicitadas
========================================================= */

/* Bloque "Tenemos 2 planes": más limpio, sin sombra pesada */
.uspc563-lead-box{
  background:linear-gradient(90deg,#166f5a 0%, #22405b 45%, #5a3687 100%)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.uspc563-lead-box p,
.uspc563-lead-box b{
  text-shadow:none!important;
}

/* Pasarela principal: tono lima más presente y lectura limpia */
.uspc562-assist-marquee{
  background:linear-gradient(90deg,#c7ff57 0%, #94f07b 28%, #5ed6bb 62%, #c7ff57 100%)!important;
}

/* Selector: dos líneas claras */
.uspc564-selector-copy span{
  display:block!important;
}
.uspc564-selector-copy span + span{
  margin-top:7px!important;
}

/* Mini tarjetas: un solo punto real, sin segundo brillo duplicado */
.uspc562-card-dot{
  box-shadow:none!important;
  filter:none!important;
  border:1px solid rgba(255,255,255,.22)!important;
  outline:none!important;
}
.uspc562-card-dot::before,
.uspc562-card-dot::after{
  content:none!important;
  display:none!important;
}

/* Paleta de puntos mejor intercalada */
.uspc3-mini-violet>div:nth-child(1){--uspc562-dot:#63dfff!important}
.uspc3-mini-violet>div:nth-child(2){--uspc562-dot:#b7ff4b!important}
.uspc3-mini-violet>div:nth-child(3){--uspc562-dot:#c47dff!important}
.uspc3-mini-violet>div:nth-child(4){--uspc562-dot:#63dfff!important}
.uspc3-mini-violet>div:nth-child(5){--uspc562-dot:#ffad55!important}
.uspc3-mini-violet>div:nth-child(6){--uspc562-dot:#b7ff4b!important}
.uspc3-mini-violet>div:nth-child(7){--uspc562-dot:#c47dff!important}
.uspc3-mini-violet>div:nth-child(8){--uspc562-dot:#ffad55!important}

.uspc3-mini-green>div:nth-child(1){--uspc562-dot:#63dfff!important}
.uspc3-mini-green>div:nth-child(2){--uspc562-dot:#b7ff4b!important}
.uspc3-mini-green>div:nth-child(3){--uspc562-dot:#c47dff!important}
.uspc3-mini-green>div:nth-child(4){--uspc562-dot:#63dfff!important}
.uspc3-mini-green>div:nth-child(5){--uspc562-dot:#ffad55!important}
.uspc3-mini-green>div:nth-child(6){--uspc562-dot:#c47dff!important}

/* Tarjeta soporte: más aire para subtítulo */
.uspc-mini-support strong{padding-right:32px!important}
.uspc562-support-sub{
  margin-top:5px!important;
  font-size:.8em!important;
  line-height:1.08!important;
}

/* Plan con tienda: no tan oscuro */
.uspc3-violet-commercial .uspc3-commerce-col{
  background:linear-gradient(145deg,rgba(96,56,151,.95),rgba(67,39,111,.97))!important;
}

/* La pasarela del plan con tienda sigue verde, con acentos naranjas controlados */
.uspc3-marquee-violet{
  background:
    linear-gradient(90deg,#0a7353 0%, #17a66d 42%, #158e63 63%, #0b8158 100%)!important;
}
.uspc3-marquee-violet .uspc3-marquee-group i{color:#ffb46a!important}

/* Descuentos del plan con tienda: usar paleta de la pasarela, no lima puro */
#uspc3PriceViolet .uspc3-final-price strong,
#uspc3PriceViolet .uspc3-installments>span,
#uspc3PriceViolet .uspc5-discount-prices b,
#uspc3PriceViolet .uspc5-discount-prices i,
#uspc3PriceViolet .uspc18-annual-final,
#uspc3PriceViolet .uspc18-annual-violet{
  color:#87ef9a!important;
}
#uspc3PriceViolet .uspc5-discount-activate small,
#uspc3PriceViolet .uspc53-gift-promo b,
#uspc3PriceViolet .uspc3-final-badge,
#uspc3PriceViolet .uspc3-marquee-violet,
#uspc3PriceViolet .uspc3-final-badge{
  letter-spacing:normal;
}
#uspc3PriceViolet .uspc5-discount-activate{
  border-color:rgba(255,174,92,.40)!important;
  background:linear-gradient(145deg,rgba(34,134,96,.15),rgba(255,174,92,.08))!important;
}
#uspc3PriceViolet .uspc5-discount-activate small{color:#ffc479!important}
#uspc3PriceViolet .uspc5-discount-activate::after{
  width:22px!important;
  height:22px!important;
  right:18px!important;
  background:linear-gradient(180deg,#ffe3a6,#ffb86c)!important;
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.25)!important;
}
#uspc3PriceViolet .uspc53-gift-promo{
  border-color:rgba(255,174,92,.40)!important;
  background:linear-gradient(145deg,rgba(30,126,92,.16),rgba(255,174,92,.10))!important;
}
#uspc3PriceViolet .uspc53-gift-promo b{color:#ffb15f!important}
#uspc3PriceViolet .uspc53-gift-promo::after{
  width:26px!important;
  height:26px!important;
  right:16px!important;
  background:linear-gradient(180deg,#ffe5ad,#ffb86c)!important;
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.26)!important;
}
#uspc3PriceViolet .uspc3-unlock{
  background:linear-gradient(90deg,#89ef98 0%, #69dea6 70%, #ffc06f 100%)!important;
  border-color:rgba(245,255,225,.72)!important;
  color:#071108!important;
  box-shadow:none!important;
}
#uspc3PriceViolet .uspc3-final-badge{
  background:linear-gradient(90deg,#8aee99 0%, #66dda8 68%, #ffb56a 100%)!important;
  color:#0f1207!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}
#uspc3PriceViolet .uspc3-buy-violet{
  background:linear-gradient(180deg,#9cf19d,#6fe18a)!important;
  box-shadow:none!important;
}

/* Mantener $69.900 en blanco */
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price strong,
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price i{
  color:#fff!important;
}

/* Texto de la cabecera de selección: ancho total y centrado sin sombras raras */
.uspc26-plan-selector-head p{
  max-width:100%!important;
  width:100%!important;
  padding:0 14px!important;
}

@media(max-width:780px){
  .uspc564-selector-copy span + span{margin-top:5px!important}
}


/* =========================================================
V5.6.5 · PALETA EXACTA DE LA PASARELA EN DESCUENTOS
Base verde de la pasarela:
#0A7353 · #17A66D · #158E63 · #0B8158
Acento mínimo naranja: #FFB46A
========================================================= */

/* 1. GARANTIZAR UN SOLO PUNTO EN CADA MINI TARJETA */
#planes-completos .uspc3-mini-grid>div::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  box-shadow:none!important;
  background:none!important;
}
#planes-completos .uspc3-mini-grid>div>.uspc562-card-dot{
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  box-shadow:none!important;
  filter:none!important;
  outline:none!important;
  animation:none!important;
  opacity:1!important;
}
#planes-completos .uspc3-mini-violet>div:nth-child(4)>.uspc562-card-dot,
#planes-completos .uspc3-mini-green>div:nth-child(4)>.uspc562-card-dot{
  box-shadow:none!important;
  filter:none!important;
}

/* 2. PASARELA: verde exacto + detalle naranja mínimo */
.uspc3-marquee-violet{
  background:linear-gradient(90deg,#0A7353 0%,#17A66D 42%,#158E63 68%,#0B8158 100%)!important;
}
.uspc3-marquee-violet .uspc3-marquee-group i{color:#FFB46A!important}

/* 3. COMERCIAL: violeta más luminoso, no casi negro */
#uspc3PriceViolet.uspc3-violet-commercial .uspc3-commerce-col{
  background:linear-gradient(145deg,#65409A 0%,#53327F 54%,#432966 100%)!important;
  border-color:rgba(221,194,255,.24)!important;
}
#uspc3PriceViolet .uspc3-commerce-coupon{
  background:linear-gradient(145deg,#67419D 0%,#563583 54%,#452B69 100%)!important;
}

/* 4. MISMA LÓGICA QUE HOSTING:
   - precio normal blanco
   - precio final / cuotas / CTA siguen lima
   - color de pasarela SOLO en cupón/descuento/badge */
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price strong,
#uspc3PriceViolet .uspc3-commerce-base .uspc3-price i{color:#fff!important}
#uspc3PriceViolet .uspc3-final-price strong,
#uspc3PriceViolet .uspc3-installments>span,
#uspc3PriceViolet .uspc18-annual-label{color:var(--lime)!important}
#uspc3PriceViolet .uspc3-buy-violet{
  background:linear-gradient(180deg,#d6ff7e,#a7ff4a)!important;
  color:#071108!important;
  box-shadow:0 0 24px rgba(183,255,75,.16)!important;
}

/* 5. ACTIVÁ TU DESCUENTO = verde de pasarela, naranja solo como pequeño punto */
#uspc3PriceViolet .uspc5-discount-activate{
  position:relative!important;
  padding-right:54px!important;
  border:1px solid rgba(23,166,109,.62)!important;
  background:linear-gradient(145deg,rgba(10,115,83,.22),rgba(23,166,109,.10))!important;
}
#uspc3PriceViolet .uspc5-discount-activate small{
  color:#70E1AE!important;
}
#uspc3PriceViolet .uspc5-discount-activate strong{color:#fff!important}
#uspc3PriceViolet .uspc5-discount-prices i{color:#70E1AE!important}
#uspc3PriceViolet .uspc5-discount-prices b{color:#70E1AE!important}
#uspc3PriceViolet .uspc5-discount-activate::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:18px!important;
  height:18px!important;
  right:17px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:#FFB46A!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}

/* 6. REGALO + 30% EXTRA = verde de pasarela; esfera naranja como el separador */
#uspc3PriceViolet .uspc3-gift small,
#uspc3PriceViolet .uspc53-gift-head small{color:#70E1AE!important}
#uspc3PriceViolet .uspc3-gift-icon{
  color:#70E1AE!important;
  border-color:rgba(23,166,109,.38)!important;
  box-shadow:0 0 18px rgba(23,166,109,.10)!important;
}
#uspc3PriceViolet .uspc53-gift-promo{
  position:relative!important;
  padding-right:58px!important;
  border:1px solid rgba(23,166,109,.58)!important;
  background:linear-gradient(145deg,rgba(10,115,83,.22),rgba(23,166,109,.11))!important;
}
#uspc3PriceViolet .uspc53-gift-promo b{color:#70E1AE!important}
#uspc3PriceViolet .uspc53-gift-promo span{color:#fff!important}
#uspc3PriceViolet .uspc53-gift-promo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:25px!important;
  height:25px!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:#FFB46A!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:none!important;
}

/* 7. BOTÓN DESBLOQUEAR = exclusivamente familia verde de la pasarela */
#uspc3PriceViolet .uspc3-unlock{
  background:linear-gradient(90deg,#0A7353 0%,#17A66D 46%,#158E63 72%,#0B8158 100%)!important;
  color:#fff!important;
  border:1px solid rgba(127,229,182,.58)!important;
  box-shadow:none!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
#uspc3PriceViolet .uspc3-unlock:hover{
  background:linear-gradient(90deg,#0D8060 0%,#1DB678 46%,#179B6B 72%,#0E8E63 100%)!important;
}

/* 8. 30% APLICADO = mismo verde; naranja únicamente como punto/acento */
#uspc3PriceViolet .uspc3-final-badge{
  position:relative!important;
  padding:8px 32px 8px 14px!important;
  background:linear-gradient(90deg,#0A7353 0%,#17A66D 50%,#0B8158 100%)!important;
  color:#fff!important;
  border:1px solid rgba(127,229,182,.52)!important;
  box-shadow:none!important;
}
#uspc3PriceViolet .uspc3-final-badge::after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:9px;
  height:9px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#FFB46A;
}

/* 9. SEGUNDOS: mantener lima como en Hosting */
#uspc3PriceViolet .uspc3-seconds strong{color:var(--lime)!important}

/* 10. ESPECIFICACIONES: el mismo verde como acento del plan violeta */
.uspc56-spec-strip-violet .uspc56-lime,
.uspc56-spec-strip-violet .uspc56-cyan{
  --uspc56-accent:rgba(23,166,109,.30)!important;
  --uspc56-solid:#17A66D!important;
  --uspc56-glow:rgba(23,166,109,.34)!important;
}
.uspc56-spec-strip-violet .uspc56-orange{
  --uspc56-accent:rgba(255,180,106,.25)!important;
  --uspc56-solid:#FFB46A!important;
  --uspc56-glow:rgba(255,180,106,.30)!important;
}

@media(max-width:780px){
  #planes-completos .uspc3-mini-grid>div>.uspc562-card-dot{width:12px!important;height:12px!important}
}


/* =========================================================
V5.6.6 · CORRECCIÓN DEFINITIVA DE DOBLE PUNTO
Base: V5.6.5, conservando paleta de pasarela + descuentos.
El segundo círculo no venía del punto de la tarjeta:
era un pequeño punto del fondo general del plan que se veía
a través de las tarjetas translúcidas.
========================================================= */

/* 1) Eliminar los micro-puntos sólidos del fondo general del plan.
      Conservamos luces difusas, pero no círculos que puedan verse
      como un segundo indicador detrás de las mini tarjetas. */
#planes-completos .uspc3-plan-green::before{
  background:
    radial-gradient(circle at 8% 12%,rgba(82,231,214,.14),transparent 24%),
    radial-gradient(circle at 92% 18%,rgba(196,125,255,.11),transparent 25%),
    radial-gradient(circle at 12% 86%,rgba(183,255,75,.09),transparent 25%),
    radial-gradient(circle at 90% 84%,rgba(255,157,82,.08),transparent 24%)!important;
}
#planes-completos .uspc3-plan-violet::before{
  background:
    radial-gradient(circle at 8% 12%,rgba(196,125,255,.14),transparent 24%),
    radial-gradient(circle at 92% 18%,rgba(98,231,213,.10),transparent 25%),
    radial-gradient(circle at 12% 86%,rgba(183,255,75,.08),transparent 25%),
    radial-gradient(circle at 90% 84%,rgba(255,154,88,.08),transparent 24%)!important;
}

/* 2) Las mini tarjetas quedan suficientemente sólidas para que
      ninguna luz del plan atraviese y parezca un punto adicional. */
#planes-completos .uspc3-mini-violet>div{
  background:linear-gradient(145deg,rgba(112,78,161,.97),rgba(91,63,139,.98))!important;
  backdrop-filter:none!important;
}
#planes-completos .uspc3-mini-violet>div:nth-child(2),
#planes-completos .uspc3-mini-violet>div:nth-child(3){
  background:linear-gradient(145deg,rgba(118,78,174,.98),rgba(96,64,148,.98))!important;
}
#planes-completos .uspc3-mini-green>div{
  background:linear-gradient(145deg,rgba(23,113,105,.97),rgba(17,93,91,.98))!important;
  backdrop-filter:none!important;
}
#planes-completos .uspc3-mini-green .uspc-mini-support{
  background:linear-gradient(145deg,rgba(38,135,111,.98),rgba(19,102,93,.98))!important;
}

/* 3) Un solo punto real por tarjeta. Sin glow duplicado. */
#planes-completos .uspc3-mini-grid>div::before{
  content:none!important;
  display:none!important;
}
#planes-completos .uspc3-mini-grid>div>.uspc562-card-dot{
  position:absolute!important;
  right:13px!important;
  top:13px!important;
  width:14px!important;
  height:14px!important;
  display:block!important;
  border-radius:50%!important;
  background:var(--uspc562-dot,#63dfff)!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  animation:none!important;
}

/* 4) Confirmación puntual:
      Mercado Pago = un solo celeste.
      Hosting 30 GB SSD = un solo naranja para no repetir color. */
#planes-completos .uspc3-mini-violet>div:nth-child(4){
  --uspc562-dot:#63dfff!important;
}
#planes-completos .uspc3-mini-green>div:nth-child(4){
  --uspc562-dot:#ffad55!important;
}
#planes-completos .uspc3-mini-violet>div:nth-child(4)>.uspc562-card-dot,
#planes-completos .uspc3-mini-green>div:nth-child(4)>.uspc562-card-dot{
  box-shadow:none!important;
  filter:none!important;
}

/* 5) Mantener el barrido de hover sin convertirlo en otro círculo. */
#planes-completos .uspc3-mini-grid>div::after{
  content:""!important;
  position:absolute!important;
  inset:-20% auto -20% -45%!important;
  width:32%!important;
  height:auto!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)!important;
  opacity:0!important;
  transform:skewX(-18deg) translateX(-160%)!important;
  pointer-events:none!important;
}
@media(hover:hover) and (pointer:fine){
  #planes-completos .uspc3-mini-grid>div:hover::after{
    opacity:1!important;
    transform:skewX(-18deg) translateX(520%)!important;
  }
}
@media(max-width:780px){
  #planes-completos .uspc3-mini-grid>div>.uspc562-card-dot{
    width:12px!important;
    height:12px!important;
    right:10px!important;
    top:10px!important;
  }
}


/* =========================================================
   V5.7.0 · REDISEÑO PLANES COMPLETOS ALINEADO A HOSTING
========================================================= */

/* Fondo general: mismo universo visual que Hosting, sin bloques desconectados. */
#planes-completos.uspc57{
  background:
    radial-gradient(circle at 14% 4%,rgba(72,220,255,.15),transparent 28%),
    radial-gradient(circle at 88% 10%,rgba(164,111,255,.14),transparent 30%),
    radial-gradient(circle at 72% 58%,rgba(72,220,255,.07),transparent 28%),
    linear-gradient(180deg,#06131f 0%,#08283b 22%,#0a3953 43%,#10283e 66%,#071522 100%)!important;
}
#planes-completos .uspc3-bg{
  background:linear-gradient(180deg,rgba(5,20,31,.12),rgba(5,20,31,.48) 64%,rgba(4,13,22,.84))!important;
}
#planes-completos .uspc3-shell{
  opacity:1!important;
  padding-top:34px!important;
}

/* HERO */
.uspc57-hero{
  width:min(1320px,100%);
  margin:0 auto;
  padding:32px 34px 26px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);
  gap:30px;
  align-items:center;
  position:relative;
  overflow:hidden;
  border-radius:28px 28px 0 0;
  border:1px solid rgba(107,226,255,.25);
  border-bottom:0;
  background:
    radial-gradient(circle at 10% 5%,rgba(89,230,255,.14),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(176,117,255,.16),transparent 30%),
    linear-gradient(145deg,rgba(8,38,57,.97),rgba(8,25,42,.98) 56%,rgba(28,35,68,.97));
  box-shadow:0 24px 60px rgba(0,0,0,.26);
}
.uspc57-hero-copy{position:relative;z-index:2}
.uspc57-kicker{color:#69e8ff;font-size:11px;font-weight:950;letter-spacing:1.4px}
.uspc57-kicker span{color:#d8ff53;margin-right:6px}
.uspc57-hero h2{
  margin:9px 0 12px;
  color:#fff;
  font-size:clamp(44px,5vw,68px);
  line-height:.96;
  letter-spacing:-2.4px;
  font-weight:950;
}
.uspc57-hero h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#65e8ff,#8bdcff 38%,#aa86ff 72%,#d8ff59 92%,#b489ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.uspc57-hero p{max-width:820px;margin:0;color:#d7e5ef;font-size:14px;line-height:1.58}
.uspc57-hero-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.uspc57-hero-tags span{padding:8px 11px;border-radius:999px;border:1px solid rgba(113,230,255,.20);background:linear-gradient(135deg,rgba(85,225,255,.08),rgba(170,118,255,.08));color:#effbff;font-size:9px;font-weight:900;letter-spacing:.7px}
.uspc57-hero-orbit{position:relative;width:220px;height:220px;justify-self:center;display:grid;place-items:center}
.uspc57-hero-orbit b{width:134px;height:134px;display:grid;place-items:center;text-align:center;border-radius:32px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 24% 15%,rgba(215,255,83,.12),transparent 30%),linear-gradient(145deg,#122b42,#0a1726);color:#fff;font-size:18px;line-height:1.05;font-weight:950;box-shadow:0 0 40px rgba(76,219,255,.14),0 18px 35px rgba(0,0,0,.24)}
.uspc57-hero-orbit i{position:absolute;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#5be8ff,#a77aff);box-shadow:0 0 20px rgba(85,225,255,.48);animation:uspc57Orbit 12s linear infinite}
.uspc57-hero-orbit i:nth-child(1){transform:translate(100px,0)}
.uspc57-hero-orbit i:nth-child(2){transform:rotate(120deg) translate(100px)}
.uspc57-hero-orbit i:nth-child(3){transform:rotate(240deg) translate(100px)}
@keyframes uspc57Orbit{to{rotate:360deg}}

/* Overview conectado con hero */
.uspc57-overview{
  width:min(1320px,100%)!important;
  margin:0 auto 28px!important;
  padding:24px 30px 28px;
  border-radius:0 0 28px 28px;
  border:1px solid rgba(107,226,255,.20);
  border-top:0;
  background:
    radial-gradient(circle at 10% 0%,rgba(82,221,255,.10),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(173,120,255,.08),transparent 30%),
    linear-gradient(180deg,rgba(13,65,92,.95),rgba(8,39,59,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.uspc57-overview-copy{text-align:center;max-width:1080px;margin:0 auto}
.uspc57-overview-copy>small{color:#82edff;font-size:9px;font-weight:950;letter-spacing:1.2px}
.uspc57-overview-copy h3{margin:7px auto 0;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-1.5px}
.uspc57-overview-copy h3 em{display:block;margin-top:5px;font-style:normal;color:#cda8ff}
.uspc57-overview-copy p{max-width:930px;margin:12px auto 0;color:#d9e7ef;font-size:13px;line-height:1.62}
.uspc57-statement{margin-top:18px!important;background:rgba(3,20,32,.32)!important;border-color:rgba(110,226,255,.16)!important}
.uspc57-assist-marquee{margin-top:14px!important;background:linear-gradient(90deg,#3a2768,#4d347f 36%,#27445f 72%,#24485b)!important;border-color:rgba(220,210,255,.20)!important}

/* Selector */
.uspc57-plan-selector{margin-top:18px!important;background:linear-gradient(145deg,rgba(6,30,45,.84),rgba(8,25,39,.94))!important;border-color:rgba(90,225,255,.18)!important}
.uspc57-plan-jump a{min-height:92px!important;border-radius:17px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.uspc57-plan-jump a:hover{transform:translateY(-3px)!important;box-shadow:0 15px 30px rgba(0,0,0,.16)!important}
.uspc57-plan-jump .uspc22-jump-violet{background:linear-gradient(145deg,rgba(105,64,177,.86),rgba(58,38,102,.94))!important}
.uspc57-plan-jump .uspc22-jump-green{background:linear-gradient(145deg,rgba(17,120,116,.88),rgba(8,69,76,.96))!important}

/* Cada plan se percibe como una sola tarjeta, no secciones pegadas. */
#planes-completos .uspc3-plan{
  margin-bottom:30px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 26px 64px rgba(0,0,0,.28)!important;
}
#planes-completos .uspc3-plan-violet{background:radial-gradient(circle at 86% 0%,rgba(176,121,255,.15),transparent 27%),linear-gradient(180deg,#352756 0%,#23384f 48%,#10293d 100%)!important;border-color:rgba(202,165,255,.28)!important}
#planes-completos .uspc3-plan-green{background:radial-gradient(circle at 12% 0%,rgba(83,231,222,.13),transparent 29%),linear-gradient(180deg,#0d525c 0%,#123f55 48%,#0c293d 100%)!important;border-color:rgba(108,232,230,.28)!important}

/* Pasarelas más oscuras y potentes */
#planes-completos .uspc3-plan-marquee{background:linear-gradient(90deg,#3d286c,#523783 40%,#234962 76%,#1d5060)!important;border-color:rgba(231,218,255,.23)!important}
#planes-completos .uspc3-marquee-group strong{font-size:16px!important}
#planes-completos .uspc3-marquee-group span{font-size:10px!important;color:#f2f5ff!important}

/* Tops y tarjetas de beneficios: oscuro + acentos */
#planes-completos .uspc3-violet-top,
#planes-completos .uspc9-green-top{background:transparent!important}
#planes-completos .uspc3-plan-copy{background:linear-gradient(145deg,rgba(4,28,43,.54),rgba(5,22,35,.72))!important;border-color:rgba(255,255,255,.08)!important}
#planes-completos .uspc3-mini-grid>div{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;border-color:rgba(255,255,255,.11)!important}
#planes-completos .uspc3-mini-grid>div:nth-child(3n+1){border-color:rgba(88,229,255,.18)!important}
#planes-completos .uspc3-mini-grid>div:nth-child(3n+2){border-color:rgba(184,128,255,.20)!important}
#planes-completos .uspc3-mini-grid>div:nth-child(3n+3){border-color:rgba(215,255,83,.18)!important}

/* Carrusel beneficios dentro del mismo universo */
#planes-completos .uspc20-benefits{background:linear-gradient(145deg,rgba(5,27,42,.70),rgba(7,24,37,.88))!important;border-color:rgba(104,226,255,.12)!important}
#planes-completos .uspc20-benefit-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important}

/* Especificaciones como Hosting: fondo oscuro, mini cards claras, CTA violeta */
#planes-completos .uspc3-tech-entry{background:radial-gradient(circle at 8% 0%,rgba(96,232,255,.08),transparent 30%),linear-gradient(135deg,rgba(5,34,51,.96),rgba(6,22,35,.98))!important;border-color:rgba(113,226,255,.20)!important}
#planes-completos .uspc3-tech-copy small{color:#78eaff!important}
#planes-completos .uspc3-tech-open-green,
#planes-completos .uspc3-tech-open-violet{color:#fff!important;background:linear-gradient(180deg,#9f68ff,#7544df)!important;border-color:rgba(235,220,255,.40)!important;box-shadow:0 12px 26px rgba(94,55,168,.22)!important}
#planes-completos .uspc3-tech-open-green:hover,
#planes-completos .uspc3-tech-open-violet:hover{background:linear-gradient(180deg,#ad7cff,#8653eb)!important;transform:translateY(-1px)!important}
#planes-completos .uspc56-spec-item{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;border-color:rgba(255,255,255,.16)!important}

/* PRECIO VIOLETA: estructura simplificada como Hosting */
.uspc57-violet-commercial{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)!important;gap:16px!important;align-items:start!important}
.uspc57-price-card{padding:20px 22px!important;border-radius:22px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;min-height:0!important}
.uspc57-price-base-violet{background:radial-gradient(circle at 13% 12%,rgba(107,226,255,.11),transparent 26%),linear-gradient(145deg,rgba(48,70,100,.98),rgba(33,54,82,.99))!important}
.uspc57-price-final-violet{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 82% 8%,rgba(175,120,255,.12),transparent 28%),linear-gradient(145deg,rgba(25,40,66,.99),rgba(15,29,50,.995))!important;border-color:rgba(186,137,255,.25)!important}
.uspc57-old-price{text-decoration:line-through!important;text-decoration-thickness:3px!important;text-decoration-color:rgba(255,125,125,.95)!important}
.uspc57-old-price strong{font-size:58px!important}
.uspc57-benefit-button{width:100%;margin-top:12px;padding:15px 44px 15px 16px;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:17px;border:1px solid rgba(196,143,255,.26);background:linear-gradient(145deg,rgba(121,82,202,.22),rgba(60,119,157,.20));text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.uspc57-benefit-button small{color:#d9f8ff;font-size:9px;font-weight:900;letter-spacing:.8px}.uspc57-benefit-button strong{margin-top:3px;color:#d8ff55;font-size:21px;line-height:1.04}.uspc57-benefit-button span{margin-top:6px;color:#e4eff6;font-size:10px;line-height:1.4}.uspc57-benefit-button b{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#d8ff55;font-size:24px}.uspc57-benefit-button:hover{transform:translateY(-2px);border-color:rgba(202,154,255,.42);box-shadow:0 14px 28px rgba(0,0,0,.15)}
.uspc57-price-final-violet> s{margin-top:3px!important;color:#eaf2ff!important;font-size:15px!important;text-decoration-color:rgba(255,125,125,.92)!important;text-decoration-thickness:2px!important}
.uspc57-price-final-violet .uspc3-final-price strong{font-size:80px!important;color:#d8ff55!important}
.uspc57-price-final-violet .uspc3-final-badge{background:linear-gradient(135deg,#8059d7,#a16bea)!important;color:#fff!important}
.uspc57-installments-final{width:100%!important;margin-top:11px!important;background:rgba(9,31,48,.60)!important}
.uspc57-buy{width:100%!important;min-height:62px!important;margin-top:12px!important;font-size:16px!important;text-align:center!important}
.uspc57-reminder{text-align:center!important;font-size:10px!important;color:#d8e5ed!important}

/* Plan sin tienda: precio limpio, sin inventar descuento */
.uspc57-green-price-row{background:radial-gradient(circle at 8% 10%,rgba(91,229,255,.09),transparent 28%),linear-gradient(135deg,rgba(6,43,62,.94),rgba(7,31,48,.98))!important;border-color:rgba(105,228,255,.18)!important}
.uspc57-green-price-row .uspc3-price strong{font-size:58px!important}
.uspc57-green-price-row .uspc3-buy-green{min-height:58px!important;background:linear-gradient(180deg,#bdf57e,#81e981)!important}

/* MODALES: cierre discreto abajo a la derecha, como Hosting */
.uspc57-modal-actions{justify-content:flex-end!important;position:static!important;background:transparent!important}
.uspc57-modal-actions button{width:auto!important;min-width:150px!important;min-height:42px!important;padding:0 18px!important;border-radius:12px!important;color:#eefbff!important;background:linear-gradient(90deg,rgba(64,207,238,.14),rgba(115,78,205,.16))!important;border:1px solid rgba(111,229,255,.24)!important;font-size:11px!important;letter-spacing:.6px!important}
.uspc57-modal-actions button:hover{background:linear-gradient(90deg,rgba(64,207,238,.22),rgba(115,78,205,.24))!important;border-color:rgba(215,255,83,.28)!important}

/* MOBILE: no es desktop comprimido. */
@media(max-width:780px){
  #planes-completos .uspc3-shell{padding:18px 10px 32px!important}
  .uspc57-hero{grid-template-columns:1fr!important;padding:22px 17px 17px!important;border-radius:22px 22px 0 0!important;text-align:center!important}
  .uspc57-kicker{font-size:9px!important}
  .uspc57-hero h2{font-size:36px!important;letter-spacing:-1.3px!important}
  .uspc57-hero p{font-size:12px!important;line-height:1.55!important}
  .uspc57-hero-tags{justify-content:center!important}
  .uspc57-hero-tags span{font-size:8px!important;padding:7px 9px!important}
  .uspc57-hero-orbit{display:none!important}
  .uspc57-overview{padding:18px 13px 20px!important;border-radius:0 0 22px 22px!important;margin-bottom:20px!important}
  .uspc57-overview-copy h3{font-size:28px!important}
  .uspc57-overview-copy p{font-size:11.5px!important}
  .uspc57-statement{gap:7px!important;padding:10px!important}
  .uspc57-statement strong{font-size:10px!important}
  .uspc57-assist-marquee{margin-inline:-13px!important}
  .uspc57-plan-selector{padding:14px!important}
  .uspc57-plan-jump{grid-template-columns:1fr!important;gap:8px!important}
  .uspc57-plan-jump a{min-height:72px!important}
  #planes-completos .uspc3-plan{border-radius:20px!important;margin-bottom:22px!important}
  #planes-completos .uspc3-marquee-group strong{font-size:13px!important}
  #planes-completos .uspc3-marquee-group span{font-size:9px!important}
  #planes-completos .uspc3-violet-top,
  #planes-completos .uspc9-green-top{grid-template-columns:1fr!important;padding:12px 10px!important;gap:10px!important}
  #planes-completos .uspc3-plan-copy{padding:17px!important}
  #planes-completos .uspc3-mini-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  #planes-completos .uspc3-mini-grid>div{min-height:96px!important;padding:11px!important}
  #planes-completos .uspc20-benefits{grid-template-columns:1fr!important;margin-inline:10px!important;padding:13px!important}
  #planes-completos .uspc3-tech-entry{margin:0 10px 12px!important;padding:13px!important}
  #planes-completos .uspc56-spec-strip{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
  .uspc57-violet-commercial{grid-template-columns:1fr!important;margin:0 10px 12px!important;gap:9px!important}
  .uspc57-price-card{padding:17px 14px!important}
  .uspc57-old-price strong{font-size:48px!important}
  .uspc57-price-final-violet .uspc3-final-price strong{font-size:64px!important}
  .uspc57-benefit-button strong{font-size:18px!important}
  .uspc57-buy{min-height:58px!important;font-size:14px!important}
  .uspc57-green-price-row{margin:0 10px 12px!important;padding:16px 14px!important;grid-template-columns:1fr!important;gap:13px!important;text-align:center!important}
  .uspc57-green-price-row .uspc9-green-price-heading{text-align:center!important}
  .uspc57-green-price-row .uspc3-price{justify-content:center!important}
  .uspc57-green-price-row .uspc3-price strong{font-size:52px!important}
  .uspc57-modal-actions{justify-content:flex-end!important;margin-top:14px!important;padding-top:12px!important}
  .uspc57-modal-actions button{width:auto!important;min-width:120px!important;min-height:40px!important;font-size:10px!important}
}

@media(max-width:440px){
  #planes-completos .uspc3-mini-grid{grid-template-columns:1fr!important}
  #planes-completos .uspc56-spec-strip{grid-template-columns:1fr!important}
  .uspc57-hero h2{font-size:32px!important}
}

@media(prefers-reduced-motion:reduce){
  .uspc57-hero-orbit i{animation:none!important}
  .uspc57-benefit-button,.uspc57-plan-jump a{transition:none!important}
}


/* V5.7.1 · AJUSTE VISUAL EMERALDA + VIOLETA */
#planes-completos .uspc11-bg-video{
  opacity:.58!important;
  filter:saturate(1.06) hue-rotate(-8deg) brightness(.86)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.9) 78%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.9) 78%,transparent 100%)!important;
}
#planes-completos .uspc3-bg{
  background:
    linear-gradient(180deg,rgba(8,24,20,.18) 0%,rgba(11,31,40,.52) 28%,rgba(20,35,58,.74) 54%,rgba(7,19,31,.92) 100%),
    radial-gradient(circle at 18% 8%,rgba(45,219,156,.16),transparent 28%),
    radial-gradient(circle at 85% 14%,rgba(173,116,255,.18),transparent 30%)!important;
}
#planes-completos .uspc57-hero{
  background:
    radial-gradient(circle at 12% 10%,rgba(47,222,159,.20),transparent 26%),
    radial-gradient(circle at 84% 12%,rgba(170,116,255,.18),transparent 29%),
    linear-gradient(145deg,rgba(10,42,46,.98),rgba(11,54,71,.98) 34%,rgba(47,31,87,.97) 73%,rgba(19,31,54,.99))!important;
  border-color:rgba(111,246,204,.22)!important;
}
#planes-completos .uspc57-kicker{color:#8bf5d0!important}
#planes-completos .uspc57-kicker span{color:#d7ff63!important}
#planes-completos .uspc57-hero h2 em{
  background:linear-gradient(90deg,#c6b4ff 0%,#b188ff 24%,#6ee9ba 54%,#b6ff57 80%,#9d73ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
#planes-completos .uspc57-hero-tags{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:980px!important;
}
#planes-completos .uspc57-hero-tags span{
  text-align:center!important;
  padding:12px 12px!important;
  font-size:10px!important;
  letter-spacing:.85px!important;
  border-color:rgba(128,241,206,.26)!important;
  background:linear-gradient(135deg,rgba(44,216,155,.16),rgba(166,119,255,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.10)!important;
}
#planes-completos .uspc57-hero-orbit b{
  background:radial-gradient(circle at 24% 15%,rgba(185,255,98,.15),transparent 32%),linear-gradient(145deg,#17363a,#301d57)!important;
  box-shadow:0 0 46px rgba(46,219,158,.16),0 0 22px rgba(169,119,255,.14),0 18px 35px rgba(0,0,0,.24)!important;
}
#planes-completos .uspc57-hero-orbit i{width:20px!important;height:20px!important;background:linear-gradient(145deg,#35d89a,#9a6cff)!important;box-shadow:0 0 22px rgba(53,216,154,.32)!important}
#planes-completos .uspc57-overview{
  background:
    radial-gradient(circle at 18% 0%,rgba(54,221,162,.12),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(168,119,255,.11),transparent 30%),
    linear-gradient(180deg,rgba(18,72,77,.96),rgba(17,55,77,.98) 52%,rgba(44,31,82,.97))!important;
  border-color:rgba(108,238,202,.18)!important;
}
#planes-completos .uspc57-overview-copy>small{color:#a6f6dc!important}
#planes-completos .uspc57-overview-copy h3 em{color:#c9b5ff!important}
#planes-completos .uspc57-statement{
  background:linear-gradient(120deg,rgba(31,209,149,.18),rgba(34,28,73,.18) 55%,rgba(153,113,255,.18))!important;
  border-color:rgba(148,240,205,.16)!important;
}
#planes-completos .uspc57-assist-marquee{
  background:linear-gradient(90deg,#2c7d61 0%,#248b8a 22%,#5a3ca7 58%,#7c4fd2 100%)!important;
  border-color:rgba(220,255,244,.18)!important;
}
#planes-completos .uspc57-plan-selector{
  background:linear-gradient(145deg,rgba(21,77,70,.84),rgba(49,38,90,.92))!important;
  border-color:rgba(121,244,206,.18)!important;
}
#planes-completos .uspc57-plan-jump .uspc22-jump-violet{background:linear-gradient(145deg,rgba(120,76,196,.92),rgba(69,44,125,.96))!important}
#planes-completos .uspc57-plan-jump .uspc22-jump-green{background:linear-gradient(145deg,rgba(17,146,118,.92),rgba(10,94,88,.96))!important}
#planes-completos .uspc3-plan-violet{
  background:radial-gradient(circle at 86% 0%,rgba(176,121,255,.18),transparent 26%),radial-gradient(circle at 10% 14%,rgba(39,214,165,.08),transparent 24%),linear-gradient(180deg,#4d337a 0%,#34566b 49%,#162f43 100%)!important;
}
#planes-completos .uspc3-plan-green{
  background:radial-gradient(circle at 12% 0%,rgba(53,217,168,.18),transparent 28%),radial-gradient(circle at 86% 12%,rgba(169,117,255,.08),transparent 24%),linear-gradient(180deg,#166a58 0%,#1b576d 48%,#143448 100%)!important;
}
#planes-completos .uspc3-plan-marquee{
  background:linear-gradient(90deg,rgba(93,66,189,.98) 0%,rgba(49,171,145,.98) 52%,rgba(184,255,88,.92) 100%)!important;
  border-color:rgba(250,255,244,.20)!important;
}
#planes-completos .uspc3-marquee-group strong{font-size:18px!important}
#planes-completos .uspc3-marquee-group span{font-size:10.5px!important;font-weight:800!important}
#planes-completos .uspc3-marquee-group i{color:#0d1a18!important}
#planes-completos .uspc3-plan-copy{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04))!important;
  border-color:rgba(255,255,255,.11)!important;
}
#planes-completos .uspc3-mini-grid>div{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06))!important}
#planes-completos .uspc20-benefits{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.10)!important;
}
#planes-completos .uspc3-tech-entry{
  background:radial-gradient(circle at 8% 0%,rgba(96,232,255,.12),transparent 30%),linear-gradient(135deg,rgba(12,53,64,.96),rgba(42,32,82,.96))!important;
  border-color:rgba(155,239,255,.20)!important;
}
#planes-completos .uspc3-tech-open-violet{
  background:linear-gradient(180deg,#ae7cff,#7b4ede)!important;
  color:#fff!important;
}
#planes-completos .uspc3-tech-open-green{
  background:linear-gradient(180deg,#3cdc93,#189b65)!important;
  color:#06140d!important;
}
#planes-completos .uspc57-price-base-violet{
  background:radial-gradient(circle at 13% 12%,rgba(174,126,255,.12),transparent 26%),linear-gradient(145deg,rgba(82,58,131,.98),rgba(63,47,110,.99))!important;
}
#planes-completos .uspc57-price-final-violet{
  background:radial-gradient(circle at 82% 8%,rgba(185,255,98,.10),transparent 28%),radial-gradient(circle at 18% 16%,rgba(58,221,170,.10),transparent 24%),linear-gradient(145deg,rgba(18,79,66,.99),rgba(14,64,54,.995))!important;
  border-color:rgba(122,241,198,.28)!important;
}
#planes-completos .uspc57-price-final-violet .uspc3-final-price strong{color:#d6ff62!important}
#planes-completos .uspc57-price-final-violet .uspc3-final-badge{background:linear-gradient(135deg,#7f5ae2,#33c796)!important}
#planes-completos .uspc57-green-price-row{
  background:radial-gradient(circle at 8% 10%,rgba(91,229,255,.09),transparent 28%),radial-gradient(circle at 87% 9%,rgba(189,255,100,.08),transparent 23%),linear-gradient(135deg,rgba(22,101,83,.96),rgba(16,77,95,.98))!important;
  border-color:rgba(118,245,207,.18)!important;
}
#planes-completos .uspc57-green-price-row .uspc3-buy-green{
  background:linear-gradient(180deg,#34de95,#1da86e)!important;
  color:#06160f!important;
}
#planes-completos .uspc56-spec-strip-violet .uspc56-spec-item{background:linear-gradient(145deg,rgba(174,126,255,.18),rgba(255,255,255,.08))!important}
#planes-completos .uspc56-spec-strip-green .uspc56-spec-item{background:linear-gradient(145deg,rgba(53,217,168,.18),rgba(255,255,255,.08))!important}
#planes-completos .uspc3-tech-copy p{color:rgba(255,255,255,.84)!important}
#planes-completos .uspc3-tech-copy strong{font-size:18px!important}
@media(max-width:980px){
  #planes-completos .uspc57-hero-tags{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  #planes-completos .uspc57-hero-tags{grid-template-columns:1fr 1fr!important;max-width:none!important}
  #planes-completos .uspc57-hero-tags span{font-size:8.8px!important;padding:10px 8px!important}
  #planes-completos .uspc3-marquee-group strong{font-size:15px!important}
  #planes-completos .uspc3-marquee-group span{font-size:9px!important}
}
@media(max-width:480px){
  #planes-completos .uspc57-hero-tags{grid-template-columns:1fr!important}
}


/* =========================================================
V5.7.2 · TERMINACIÓN VISUAL
ESMERALDA + VIOLETA · MÁS LUZ · MEJOR CONTINUIDAD
========================================================= */

/* Transición suave desde la sección anterior: evita un corte brusco entre videos/fondos. */
#planes-completos::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:150px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(4,17,29,.95) 0%,
    rgba(8,31,35,.70) 34%,
    rgba(28,28,55,.36) 68%,
    rgba(0,0,0,0) 100%
  );
}
#planes-completos .uspc3-shell{position:relative;z-index:2!important}

/* Video menos "separado": más integrado con esmeralda + violeta. */
#planes-completos .uspc11-bg-video{
  opacity:.54!important;
  filter:saturate(1.18) contrast(1.04) brightness(.82) hue-rotate(-12deg)!important;
}
#planes-completos .uspc3-bg{
  background:
    radial-gradient(circle at 16% 12%,rgba(47,230,164,.18),transparent 30%),
    radial-gradient(circle at 86% 15%,rgba(170,112,255,.20),transparent 31%),
    linear-gradient(180deg,
      rgba(5,25,28,.22) 0%,
      rgba(10,48,50,.54) 20%,
      rgba(35,29,71,.63) 42%,
      rgba(11,39,54,.77) 67%,
      rgba(5,17,27,.94) 100%
    )!important;
}

/* HERO: colores más claros y más propios de Planes. */
#planes-completos .uspc57-hero{
  padding:34px 36px 26px!important;
  border-color:rgba(131,255,214,.30)!important;
  background:
    radial-gradient(circle at 11% 8%,rgba(55,237,170,.28),transparent 27%),
    radial-gradient(circle at 87% 12%,rgba(183,126,255,.25),transparent 30%),
    radial-gradient(circle at 50% 120%,rgba(112,224,255,.09),transparent 38%),
    linear-gradient(138deg,#114d46 0%,#155c62 30%,#3a2d70 65%,#211f49 100%)!important;
  box-shadow:
    0 28px 66px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 38px rgba(55,225,168,.06)!important;
}
#planes-completos .uspc57-hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -55% 22%;
  height:240px;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(147,111,255,.17),transparent 63%);
  filter:blur(10px);
}
#planes-completos .uspc57-kicker{
  color:#c8ffe9!important;
  text-shadow:0 0 14px rgba(53,224,164,.16)!important;
}
#planes-completos .uspc57-hero h2{
  text-shadow:0 8px 26px rgba(0,0,0,.32)!important;
}
#planes-completos .uspc57-hero h2 em{
  background:linear-gradient(
    90deg,
    #d3c1ff 0%,
    #b787ff 26%,
    #70f0c1 55%,
    #c8ff62 77%,
    #a778ff 100%
  )!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 0 12px rgba(105,239,191,.10));
}
#planes-completos .uspc57-hero p{
  color:#eefaf8!important;
  font-size:14.5px!important;
}

/* Órbita completamente alineada a esmeralda/violeta/lima. */
#planes-completos .uspc57-hero-orbit b{
  border-color:rgba(183,255,230,.20)!important;
  background:
    radial-gradient(circle at 23% 17%,rgba(200,255,99,.17),transparent 30%),
    radial-gradient(circle at 80% 82%,rgba(168,113,255,.18),transparent 34%),
    linear-gradient(145deg,#164d42,#382463)!important;
  box-shadow:
    0 0 42px rgba(53,225,163,.18),
    0 0 28px rgba(169,114,255,.15),
    0 18px 36px rgba(0,0,0,.24)!important;
}
#planes-completos .uspc57-hero-orbit i:nth-child(1){
  background:linear-gradient(145deg,#4af0ac,#b9ff62)!important;
  box-shadow:0 0 22px rgba(71,235,170,.48)!important;
}
#planes-completos .uspc57-hero-orbit i:nth-child(2){
  background:linear-gradient(145deg,#a875ff,#d0b3ff)!important;
  box-shadow:0 0 22px rgba(167,117,255,.48)!important;
}
#planes-completos .uspc57-hero-orbit i:nth-child(3){
  background:linear-gradient(145deg,#c8ff61,#53e5b2)!important;
  box-shadow:0 0 22px rgba(199,255,94,.38)!important;
}

/* Chips a ANCHO COMPLETO de la portada. */
#planes-completos .uspc57-hero-tags{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  margin-top:4px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  position:relative!important;
  z-index:3!important;
}
#planes-completos .uspc57-hero-tags span{
  min-height:50px!important;
  padding:11px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:14px!important;
  border:1px solid rgba(224,255,243,.20)!important;
  background:
    linear-gradient(135deg,rgba(50,225,164,.21),rgba(149,103,238,.22))!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:950!important;
  letter-spacing:.65px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 20px rgba(0,0,0,.11)!important;
}

/* Overview: levantar sin perder continuidad con el hero. */
#planes-completos .uspc57-overview{
  border-color:rgba(138,250,214,.22)!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(57,224,165,.18),transparent 29%),
    radial-gradient(circle at 87% 12%,rgba(177,120,255,.17),transparent 31%),
    linear-gradient(180deg,#175c5a 0%,#224e69 47%,#382b69 100%)!important;
}
#planes-completos .uspc57-overview-copy>small{color:#c5ffe8!important}
#planes-completos .uspc57-overview-copy h3 em{color:#d5c1ff!important}
#planes-completos .uspc57-overview-copy p{color:#eef7f7!important}

/* Franja resumen + asistencia: menos oscuras. */
#planes-completos .uspc57-statement{
  background:linear-gradient(
    100deg,
    rgba(37,207,149,.26),
    rgba(56,54,111,.27) 48%,
    rgba(145,100,232,.28)
  )!important;
  border-color:rgba(221,255,244,.18)!important;
}
#planes-completos .uspc57-statement strong{color:#fff!important}
#planes-completos .uspc57-statement i{color:#caff61!important}

#planes-completos .uspc57-assist-marquee{
  background:linear-gradient(
    90deg,
    #207f64 0%,
    #319f82 24%,
    #5b48a2 60%,
    #8456d6 100%
  )!important;
  border-color:rgba(235,255,247,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.10)!important;
}
#planes-completos .uspc57-assist-marquee i{color:#caff64!important}

/* Selector más luminoso. */
#planes-completos .uspc57-plan-selector{
  background:
    radial-gradient(circle at 8% 0%,rgba(53,224,162,.12),transparent 28%),
    radial-gradient(circle at 92% 5%,rgba(170,116,255,.14),transparent 28%),
    linear-gradient(145deg,rgba(19,89,75,.92),rgba(65,43,115,.94))!important;
  border-color:rgba(213,255,241,.18)!important;
}
#planes-completos .uspc57-plan-jump .uspc22-jump-violet{
  background:linear-gradient(145deg,#7650c4,#51358f)!important;
  border-color:rgba(221,198,255,.24)!important;
}
#planes-completos .uspc57-plan-jump .uspc22-jump-green{
  background:linear-gradient(145deg,#1fa875,#11785e)!important;
  border-color:rgba(191,255,228,.24)!important;
}

/* TARJETAS: más encendidas, menos apagadas. */
#planes-completos .uspc3-plan-violet{
  background:
    radial-gradient(circle at 87% 2%,rgba(192,139,255,.25),transparent 29%),
    radial-gradient(circle at 7% 18%,rgba(62,226,174,.10),transparent 25%),
    linear-gradient(180deg,#614092 0%,#4f3d7c 29%,#31596e 63%,#163548 100%)!important;
  border-color:rgba(220,190,255,.30)!important;
}
#planes-completos .uspc3-plan-green{
  background:
    radial-gradient(circle at 11% 2%,rgba(80,241,183,.26),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(169,117,255,.10),transparent 25%),
    linear-gradient(180deg,#208368 0%,#1e7569 31%,#286073 65%,#17394c 100%)!important;
  border-color:rgba(178,255,224,.30)!important;
}

/* Pasarelas diferenciadas por plan. */
#planes-completos .uspc3-marquee-violet{
  background:linear-gradient(
    90deg,
    #6842b1 0%,
    #8a5bdd 30%,
    #3e9b91 67%,
    #c3ff5f 100%
  )!important;
}
#planes-completos .uspc3-marquee-green{
  background:linear-gradient(
    90deg,
    #13795e 0%,
    #24a779 33%,
    #5478a7 68%,
    #8d59d8 100%
  )!important;
}
#planes-completos .uspc3-plan-marquee{
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 18px rgba(0,0,0,.12)!important;
}
#planes-completos .uspc3-marquee-group strong{
  font-size:18px!important;
  text-shadow:0 2px 8px rgba(0,0,0,.24)!important;
}
#planes-completos .uspc3-marquee-group span{
  color:#f8fffd!important;
  font-size:10.5px!important;
}
#planes-completos .uspc3-marquee-group i{color:#d6ff62!important}

/* Cajas internas más claras. */
#planes-completos .uspc3-plan-copy{
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#planes-completos .uspc3-mini-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.075))!important;
  border-color:rgba(255,255,255,.14)!important;
}
#planes-completos .uspc3-plan-violet .uspc3-mini-grid>div:nth-child(odd){
  border-color:rgba(213,181,255,.24)!important;
}
#planes-completos .uspc3-plan-violet .uspc3-mini-grid>div:nth-child(even){
  border-color:rgba(114,242,205,.20)!important;
}
#planes-completos .uspc3-plan-green .uspc3-mini-grid>div:nth-child(odd){
  border-color:rgba(128,245,207,.24)!important;
}
#planes-completos .uspc3-plan-green .uspc3-mini-grid>div:nth-child(even){
  border-color:rgba(190,159,255,.18)!important;
}

/* Carrusel: menos bloque oscuro y encabezado más directo. */
#planes-completos .uspc20-benefits{
  background:
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
  border-color:rgba(255,255,255,.12)!important;
}
#planes-completos .uspc572-benefits-copy strong{
  font-size:clamp(25px,3vw,39px)!important;
  line-height:1!important;
  color:#fff!important;
}
#planes-completos .uspc572-benefits-copy small{color:#c8ff64!important}

/* Especificaciones: cada plan con su color. */
#planes-completos .uspc3-tech-violet{
  background:
    radial-gradient(circle at 8% 0%,rgba(195,145,255,.15),transparent 30%),
    linear-gradient(135deg,#533685,#2e2e62)!important;
  border-color:rgba(211,181,255,.25)!important;
}
#planes-completos .uspc3-tech-green{
  background:
    radial-gradient(circle at 8% 0%,rgba(75,235,178,.16),transparent 30%),
    linear-gradient(135deg,#176f58,#1e5361)!important;
  border-color:rgba(174,255,224,.24)!important;
}
#planes-completos .uspc3-tech-violet .uspc3-tech-copy small{color:#dfc9ff!important}
#planes-completos .uspc3-tech-green .uspc3-tech-copy small{color:#c5ffe7!important}
#planes-completos .uspc3-tech-open-violet{
  color:#fff!important;
  background:linear-gradient(180deg,#b382ff,#8051df)!important;
  border-color:rgba(238,221,255,.45)!important;
  box-shadow:0 12px 26px rgba(83,48,155,.24)!important;
}
#planes-completos .uspc3-tech-open-green{
  color:#06160f!important;
  background:linear-gradient(180deg,#55e6a5,#24b979)!important;
  border-color:rgba(219,255,237,.45)!important;
  box-shadow:0 12px 26px rgba(27,157,102,.22)!important;
}
#planes-completos .uspc3-tech-open-violet:hover{
  background:linear-gradient(180deg,#c199ff,#9166e8)!important;
}
#planes-completos .uspc3-tech-open-green:hover{
  background:linear-gradient(180deg,#70efb5,#38c889)!important;
}

/* Precio violeta: separar mejor precio anterior y final sin volverlo oscuro. */
#planes-completos .uspc57-price-base-violet{
  background:
    radial-gradient(circle at 15% 10%,rgba(202,156,255,.14),transparent 27%),
    linear-gradient(145deg,#66508e,#4b3a72)!important;
}
#planes-completos .uspc57-price-final-violet{
  background:
    radial-gradient(circle at 83% 7%,rgba(204,255,104,.13),transparent 28%),
    radial-gradient(circle at 16% 18%,rgba(71,230,177,.13),transparent 25%),
    linear-gradient(145deg,#1b715c,#155d52)!important;
  border-color:rgba(154,255,217,.31)!important;
}
#planes-completos .uspc57-benefit-button{
  border-color:rgba(210,186,255,.34)!important;
  background:linear-gradient(145deg,rgba(151,101,232,.30),rgba(44,196,145,.20))!important;
}
#planes-completos .uspc57-benefit-button:hover{
  border-color:rgba(220,203,255,.48)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.17),0 0 22px rgba(116,241,201,.08)!important;
}

/* Plan verde: que el esmeralda realmente se note. */
#planes-completos .uspc57-green-price-row{
  background:
    radial-gradient(circle at 8% 10%,rgba(88,239,184,.16),transparent 29%),
    radial-gradient(circle at 89% 12%,rgba(183,255,97,.08),transparent 24%),
    linear-gradient(135deg,#1c765f,#176478 72%,#2f446f)!important;
  border-color:rgba(157,255,218,.24)!important;
}
#planes-completos .uspc57-green-price-row .uspc3-buy-green{
  background:linear-gradient(180deg,#5be8aa,#2abd82)!important;
  color:#06170f!important;
  box-shadow:0 13px 28px rgba(39,192,132,.18),0 0 18px rgba(123,255,205,.10)!important;
}

/* Final de sección algo más neutro para fundirse con lo que venga después. */
#planes-completos .uspc3-plan-green{
  box-shadow:0 26px 64px rgba(0,0,0,.28),0 22px 50px rgba(7,22,32,.24)!important;
}
#planes-completos::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:135px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(4,17,29,.86),rgba(4,17,29,.28) 55%,transparent);
}

/* MOBILE: mantener energía sin sobrecargar. */
@media(max-width:780px){
  #planes-completos::before{height:95px}
  #planes-completos .uspc57-hero{
    padding:24px 15px 17px!important;
  }
  #planes-completos .uspc57-hero p{
    font-size:12px!important;
  }
  #planes-completos .uspc57-hero-tags{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:5px!important;
  }
  #planes-completos .uspc57-hero-tags span{
    min-height:48px!important;
    padding:9px 7px!important;
    font-size:8.7px!important;
    line-height:1.25!important;
  }
  #planes-completos .uspc3-marquee-group strong{font-size:15px!important}
  #planes-completos .uspc3-marquee-group span{font-size:9px!important}
  #planes-completos .uspc3-tech-open-violet,
  #planes-completos .uspc3-tech-open-green{
    width:100%!important;
    min-height:54px!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

@media(max-width:430px){
  #planes-completos .uspc57-hero-tags{
    grid-template-columns:1fr 1fr!important;
  }
  #planes-completos .uspc57-hero-tags span{
    min-height:46px!important;
    font-size:8.2px!important;
  }
}


/* =========================================================
V5.7.3 · AJUSTES FINALES PEDIDOS POR EL CLIENTE
- sticker de plan más grande, centrado y con barrido de luz
- badge 30% EXTRA más grande
- botón verde de especificaciones oscuro con texto blanco
- CTA verde “CONTRATAR PLAN” en verde lima
========================================================= */
#planes-completos .uspc22-plan-sticker{
  width:min(100%,420px)!important;
  min-height:92px!important;
  margin:0 auto 18px!important;
  padding:15px 22px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  text-align:center!important;
  gap:6px!important;
  border-radius:17px!important;
  position:relative!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 26px rgba(0,0,0,.12)!important;
}
#planes-completos .uspc22-plan-sticker::after{
  content:"";
  position:absolute;
  inset:-24% auto -24% -34%;
  width:26%;
  transform:skewX(-18deg) translateX(-160%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:uspc573StickerSweep 4.6s ease-in-out infinite;
  pointer-events:none;
}
#planes-completos .uspc22-plan-sticker span{
  font-size:11px!important;
  line-height:1.1!important;
  letter-spacing:1.45px!important;
}
#planes-completos .uspc22-plan-sticker b{
  font-size:16px!important;
  line-height:1.08!important;
  letter-spacing:-.2px!important;
}
#planes-completos .uspc22-plan-sticker-violet{
  background:linear-gradient(145deg,rgba(129,76,207,.92),rgba(110,70,186,.88))!important;
  border-color:rgba(223,198,255,.30)!important;
}
#planes-completos .uspc22-plan-sticker-green{
  background:linear-gradient(145deg,rgba(26,139,103,.92),rgba(30,117,126,.90))!important;
  border-color:rgba(194,255,233,.26)!important;
}
#planes-completos .uspc22-plan-sticker-green span,
#planes-completos .uspc22-plan-sticker-violet span{color:#d4ff6c!important}

#planes-completos .uspc57-price-final-violet .uspc3-final-badge{
  margin-top:15px!important;
  min-width:156px!important;
  padding:10px 22px!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.85px!important;
  border:1px solid rgba(231,214,255,.30)!important;
  box-shadow:0 10px 22px rgba(105,73,180,.20)!important;
}

#planes-completos .uspc3-tech-open-green{
  color:#ffffff!important;
  background:linear-gradient(180deg,#22414a,#13262f)!important;
  border-color:rgba(151,255,219,.34)!important;
  box-shadow:0 12px 24px rgba(3,10,13,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#planes-completos .uspc3-tech-open-green:hover{
  background:linear-gradient(180deg,#2b5661,#18333b)!important;
}
#planes-completos .uspc3-tech-open-green span{color:#cfff65!important}

#planes-completos .uspc3-buy-green{
  color:#06130b!important;
  background:linear-gradient(180deg,#d6ff66,#9dff4e)!important;
  border-color:rgba(245,255,210,.75)!important;
  box-shadow:0 0 24px rgba(190,255,96,.24),0 12px 24px rgba(82,184,86,.18)!important;
}
#planes-completos .uspc3-buy-green:hover{
  background:linear-gradient(180deg,#e0ff82,#afff63)!important;
}

@keyframes uspc573StickerSweep{
  0%, 16% {transform:skewX(-18deg) translateX(-165%); opacity:0}
  21% {opacity:1}
  35% {transform:skewX(-18deg) translateX(410%); opacity:.92}
  42%,100% {transform:skewX(-18deg) translateX(410%); opacity:0}
}

@media(max-width:780px){
  #planes-completos .uspc22-plan-sticker{
    width:min(100%,360px)!important;
    min-height:84px!important;
    padding:13px 16px!important;
    margin:0 auto 15px!important;
  }
  #planes-completos .uspc22-plan-sticker span{font-size:9.6px!important}
  #planes-completos .uspc22-plan-sticker b{font-size:14px!important}
  #planes-completos .uspc57-price-final-violet .uspc3-final-badge{
    min-width:138px!important;
    padding:9px 18px!important;
    font-size:12.5px!important;
  }
}


/* =========================================================
V5.7.4 · CTA intermedio debajo de tarjetitas del plan verde
========================================================= */
#planes-completos .uspc57-inline-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,420px)!important;
  min-height:58px!important;
  margin:20px auto 2px!important;
  padding:16px 28px!important;
  border-radius:18px!important;
  text-decoration:none!important;
  font-weight:950!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:.4px!important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease!important;
}
#planes-completos .uspc57-inline-cta:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08)!important;
}
#planes-completos .uspc57-inline-cta-green{
  color:#07140d!important;
  background:linear-gradient(180deg,#d7ff67 0%,#9dff4d 100%)!important;
  border:1px solid rgba(246,255,214,.72)!important;
  box-shadow:0 14px 28px rgba(108,196,84,.18), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
#planes-completos .uspc57-inline-cta-green:hover{
  background:linear-gradient(180deg,#e2ff86 0%,#adff62 100%)!important;
  box-shadow:0 16px 32px rgba(108,196,84,.24), inset 0 1px 0 rgba(255,255,255,.32)!important;
}
@media (max-width: 780px){
  #planes-completos .uspc57-inline-cta{
    width:100%!important;
    min-height:54px!important;
    margin:16px auto 0!important;
    padding:15px 20px!important;
    font-size:18px!important;
    border-radius:16px!important;
  }
}


/* =========================================================
V5.7.5 · Centrado general, CTA correcto y ajustes visuales
========================================================= */
#planes-completos .uspc3-plan-copy,
#planes-completos .uspc3-plan-copy h3,
#planes-completos .uspc3-plan-copy p,
#planes-completos .uspc3-plan-copy small,
#planes-completos .uspc14-green-detail p,
#planes-completos .uspc20-benefits-copy,
#planes-completos .uspc20-benefits-copy strong,
#planes-completos .uspc20-benefits-copy p,
#planes-completos .uspc20-card-body,
#planes-completos .uspc20-card-body strong,
#planes-completos .uspc20-card-body p,
#planes-completos .uspc3-tech-copy div,
#planes-completos .uspc3-tech-copy strong,
#planes-completos .uspc3-tech-copy p,
#planes-completos .uspc9-green-price-heading,
#planes-completos .uspc9-green-price-heading strong,
#planes-completos .uspc9-green-price-heading p,
#planes-completos .uspc3-commerce-heading,
#planes-completos .uspc3-commerce-heading strong,
#planes-completos .uspc3-commerce-heading p,
#planes-completos .uspc9-green-price-center,
#planes-completos .uspc3-commerce-col,
#planes-completos .uspc3-price-label,
#planes-completos .uspc3-commerce-label,
#planes-completos .uspc18-annual-label,
#planes-completos .uspc19-renew-note,
#planes-completos .uspc3-final-badge,
#planes-completos .uspc3-reminder,
#planes-completos .uspc57-reminder,
#planes-completos .uspc3-mini-grid>div,
#planes-completos .uspc3-mini-grid>div strong,
#planes-completos .uspc3-mini-grid>div span{
  text-align:center!important;
}
#planes-completos .uspc22-plan-sticker{
  margin-inline:auto!important;
  text-align:center!important;
}
#planes-completos .uspc22-plan-sticker span,
#planes-completos .uspc22-plan-sticker b{display:block;text-align:center!important}
#planes-completos .uspc3-tech-copy{justify-content:center!important}
#planes-completos .uspc20-stack-counter,
#planes-completos .uspc3-price,
#planes-completos .uspc3-final-price{justify-content:center!important}
#planes-completos .uspc3-buy,
#planes-completos .uspc57-inline-cta{margin-inline:auto!important}

/* Tarjetas verdes: tono un poco más oscuro y con mejor contraste */
#planes-completos .uspc3-plan-green{
  background:linear-gradient(180deg,#0f6170 0%,#0c4c5a 32%,#093847 100%)!important;
}
#planes-completos .uspc20-benefits-green{
  background:linear-gradient(145deg,rgba(10,72,62,.90),rgba(6,40,35,.94))!important;
  border-color:rgba(109,236,175,.16)!important;
}
#planes-completos .uspc20-benefits-green .uspc20-benefit-card{
  background:linear-gradient(145deg,#105140,#082e24)!important;
}
#planes-completos .uspc9-green-price-row{
  background:linear-gradient(135deg,rgba(9,57,44,.96),rgba(11,70,55,.96))!important;
  border-color:rgba(140,241,181,.24)!important;
}

/* Subtítulos del carrusel un poco más separados y transición más suave */
#planes-completos .uspc20-benefit-card p{margin-top:14px!important}
#planes-completos .uspc20-benefit-card::before{
  background:linear-gradient(90deg,transparent,rgba(126,229,255,.05),rgba(255,182,92,.12),rgba(126,229,255,.05),transparent)!important;
}
#planes-completos .uspc20-benefit-card.uspc-v55-sweep::before{animation:uspc55SweepSoft .42s ease!important}
@keyframes uspc55SweepSoft{
  0%{opacity:0;transform:translate3d(-150%,0,0) skewX(-16deg)}
  24%{opacity:.55}
  100%{opacity:0;transform:translate3d(430%,0,0) skewX(-16deg)}
}

/* Botón de especificaciones: verde oscuro, no negro */
#planes-completos .uspc3-tech-open-green{
  color:#fff!important;
  background:linear-gradient(180deg,#128366 0%,#0b5a47 100%)!important;
  border-color:rgba(204,255,226,.56)!important;
  box-shadow:0 14px 28px rgba(6,56,43,.24), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#planes-completos .uspc3-tech-open-green:hover{
  background:linear-gradient(180deg,#149173 0%,#0c6752 100%)!important;
}

/* CTA intermedio correcto: dentro del bloque de tarjetitas del plan verde */
#planes-completos .uspc57-inline-cta-green-mini{
  grid-column:1 / -1!important;
  width:min(100%,250px)!important;
  min-height:48px!important;
  margin:12px auto 0!important;
  padding:13px 18px!important;
  font-size:15px!important;
  border-radius:15px!important;
  color:#081108!important;
  background:linear-gradient(180deg,#d7ff89 0%,#9aff4e 100%)!important;
  border:1px solid rgba(245,255,225,.88)!important;
  box-shadow:0 12px 24px rgba(125,255,84,.16), inset 0 1px 0 rgba(255,255,255,.26)!important;
}
#planes-completos .uspc57-inline-cta-green-mini:hover{
  background:linear-gradient(180deg,#e4ff9e 0%,#adff5f 100%)!important;
}

/* CTA principal del precio: verde lima claro */
#planes-completos .uspc57-green-price-row .uspc3-buy-green,
#planes-completos .uspc3-buy-green{
  color:#071108!important;
  background:linear-gradient(180deg,#d8ff7f 0%,#a6ff49 100%)!important;
}

/* El bloque de mini tarjetas queda mejor balanceado */
#planes-completos .uspc9-green-mini{align-content:start!important}

@media (max-width:780px){
  #planes-completos .uspc57-inline-cta-green-mini{
    width:100%!important;
    min-height:46px!important;
    margin-top:10px!important;
    font-size:14px!important;
  }
  #planes-completos .uspc3-tech-open-green{min-height:50px!important;font-size:12px!important}
}


/* =========================================================
   V5.8.0 · AJUSTES CONSOLIDADOS
   PASARELA + SELECTOR + CARRUSELES + PRECIO + CTAs + PALETA
========================================================= */

/* 1 · PASARELA SUPERIOR DE ASISTENCIA
   Mismo peso tipográfico, apenas más lenta y con contraste real. */
#planes-completos .uspc57-assist-marquee{
  background:linear-gradient(90deg,#126c58 0%,#1d7b68 22%,#493a91 58%,#6744b0 100%)!important;
  border:1px solid rgba(226,255,244,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.14),0 0 22px rgba(119,92,220,.08)!important;
}
#planes-completos .uspc562-assist-track{animation-duration:28s!important}
#planes-completos .uspc562-assist-group{gap:19px!important;padding:14px 24px!important}
#planes-completos .uspc562-assist-group strong,
#planes-completos .uspc562-assist-group span{
  text-shadow:0 2px 8px rgba(0,0,0,.20)!important;
}
#planes-completos .uspc562-assist-group strong:first-of-type{color:#fff!important}
#planes-completos .uspc562-assist-group span{color:#eadfff!important}
#planes-completos .uspc562-assist-group strong:last-of-type{color:#d5ff69!important}
#planes-completos .uspc562-assist-group i{color:#d5ff69!important;text-shadow:0 0 10px rgba(207,255,96,.22)!important}

/* 2 · SELECTOR: título directo + hover más vivo en desktop. */
#planes-completos .uspc26-plan-selector-head>strong{
  font-size:clamp(38px,4.7vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-1.7px!important;
}
#planes-completos .uspc57-plan-jump a{
  position:relative!important;
  overflow:hidden!important;
  transform-origin:center!important;
  transition:transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .24s ease,filter .24s ease,border-color .24s ease!important;
}
#planes-completos .uspc57-plan-jump a::after{
  content:"";
  position:absolute;
  inset:-35% auto -35% -30%;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:skewX(-18deg) translateX(-210%);
  transition:transform .48s ease!important;
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  #planes-completos .uspc57-plan-jump a:hover{
    transform:translateY(-7px) scale(1.015)!important;
    filter:saturate(1.12) brightness(1.05)!important;
    box-shadow:0 22px 38px rgba(0,0,0,.23),0 0 24px rgba(171,121,255,.10)!important;
    border-color:rgba(255,255,255,.40)!important;
  }
  #planes-completos .uspc57-plan-jump a:hover::after{transform:skewX(-18deg) translateX(600%)!important}
  #planes-completos .uspc57-plan-jump a:hover>span{transform:translateY(5px) scale(1.08)!important;box-shadow:0 0 25px rgba(201,255,94,.35)!important}
}
#planes-completos .uspc57-plan-jump a>span{transition:transform .22s ease,box-shadow .22s ease!important}

/* 3 · PALETA: violeta intenso con celeste; verde más profundo con acentos celeste/naranja. */
#planes-completos .uspc3-plan-violet{
  background:
    radial-gradient(circle at 88% 5%,rgba(186,128,255,.28),transparent 29%),
    radial-gradient(circle at 10% 18%,rgba(85,213,255,.13),transparent 26%),
    linear-gradient(180deg,#6b45a9 0%,#523b8c 34%,#354f79 68%,#1d3851 100%)!important;
  border-color:rgba(220,188,255,.30)!important;
}
#planes-completos .uspc3-plan-green{
  background:
    radial-gradient(circle at 10% 2%,rgba(74,224,211,.16),transparent 29%),
    radial-gradient(circle at 90% 8%,rgba(255,165,73,.10),transparent 24%),
    linear-gradient(180deg,#116354 0%,#0d574e 36%,#124a57 69%,#0c3443 100%)!important;
  border-color:rgba(132,239,203,.26)!important;
}
#planes-completos .uspc3-plan-copy{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.047))!important;
}
#planes-completos .uspc3-plan-green .uspc3-mini-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(55,154,164,.08))!important;
}
#planes-completos .uspc3-plan-violet .uspc3-mini-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(116,91,194,.08))!important;
}

/* 4 · TODOS LOS TEXTOS DE LAS TARJETAS CENTRADOS. */
#planes-completos .uspc3-plan-copy,
#planes-completos .uspc3-plan-copy h3,
#planes-completos .uspc3-plan-copy p,
#planes-completos .uspc14-green-detail,
#planes-completos .uspc14-green-detail p,
#planes-completos .uspc3-mini-grid>div,
#planes-completos .uspc3-mini-grid>div strong,
#planes-completos .uspc3-mini-grid>div span,
#planes-completos .uspc20-benefits-copy,
#planes-completos .uspc20-benefits-copy small,
#planes-completos .uspc20-benefits-copy strong,
#planes-completos .uspc20-card-body,
#planes-completos .uspc20-card-body strong,
#planes-completos .uspc20-card-body p,
#planes-completos .uspc3-tech-copy div,
#planes-completos .uspc3-tech-copy strong,
#planes-completos .uspc3-tech-copy p,
#planes-completos .uspc9-green-price-heading,
#planes-completos .uspc9-green-price-heading p,
#planes-completos .uspc9-green-price-heading strong,
#planes-completos .uspc3-commerce-heading,
#planes-completos .uspc3-commerce-heading strong,
#planes-completos .uspc3-commerce-col,
#planes-completos .uspc3-reminder{
  text-align:center!important;
}
#planes-completos .uspc22-plan-sticker{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#planes-completos .uspc20-stack-counter{display:none!important}
#planes-completos .uspc20-card-index{display:none!important}
#planes-completos .uspc20-benefits-copy>em{display:none!important}
#planes-completos .uspc20-card-icon{margin-left:auto!important;margin-right:auto!important}
#planes-completos .uspc3-tech-copy{justify-content:center!important}
#planes-completos .uspc3-price,
#planes-completos .uspc3-final-price{justify-content:center!important}

/* 5 · CARRUSELES: sin números, sin barrido brillante y copy con más aire. */
#planes-completos .uspc20-benefit-card::before{display:none!important;animation:none!important}
#planes-completos .uspc20-benefit-card.uspc56-switch::before,
#planes-completos .uspc20-benefit-card.uspc-v55-sweep::before{display:none!important;animation:none!important}
#planes-completos .uspc20-card-media .uspc25-card-img.uspc56-img-layer{
  transition:opacity .43s ease!important;
}
#planes-completos .uspc20-card-body{
  transition:opacity .20s ease,transform .22s ease!important;
}
#planes-completos .uspc20-benefit-card.uspc580-copy-out .uspc20-card-body{
  opacity:0!important;
  transform:translateY(5px)!important;
}
#planes-completos .uspc20-benefit-card strong{margin-bottom:0!important}
#planes-completos .uspc20-benefit-card p{margin-top:16px!important}
#planes-completos .uspc580-green-benefits-copy>strong{
  text-transform:uppercase!important;
  font-size:clamp(27px,2.6vw,40px)!important;
  line-height:1.02!important;
}
#planes-completos .uspc580-green-benefits-copy>small{color:#d5ff69!important;font-size:11px!important}

/* 6 · CTA INTERMEDIO DEL PLAN VERDE.
   Está debajo de las mini-tarjetas, lleva al precio y NO es verde lima. */
#planes-completos .uspc57-inline-cta-green-mini{
  grid-column:1 / -1!important;
  width:min(100%,320px)!important;
  min-height:56px!important;
  margin:20px auto 0!important;
  padding:14px 22px!important;
  border-radius:16px!important;
  color:#062219!important;
  background:linear-gradient(180deg,#70e2ad 0%,#42c891 100%)!important;
  border:1px solid rgba(215,255,237,.58)!important;
  box-shadow:0 12px 25px rgba(25,151,104,.18),inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-size:16px!important;
  font-weight:950!important;
}
#planes-completos .uspc57-inline-cta-green-mini:hover{
  background:linear-gradient(180deg,#81e9ba 0%,#50d19c 100%)!important;
  transform:translateY(-2px)!important;
}

/* 7 · ESPECIFICACIONES VERDES: verde oscuro real, no negro. */
#planes-completos .uspc3-tech-open-green{
  color:#fff!important;
  background:linear-gradient(180deg,#14765f 0%,#0c5748 100%)!important;
  border-color:rgba(199,255,229,.45)!important;
  box-shadow:0 12px 25px rgba(4,63,48,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#planes-completos .uspc3-tech-open-green:hover{background:linear-gradient(180deg,#18866c 0%,#0e6452 100%)!important}
#planes-completos .uspc3-tech-open-green span{color:#d5ff69!important}

/* 8 · CTA PRINCIPAL DEL PRECIO VERDE: este SÍ va en verde lima. */
#planes-completos .uspc57-green-price-row .uspc3-buy-green,
#planes-completos .uspc3-buy-green{
  color:#071108!important;
  background:linear-gradient(180deg,#ddff86 0%,#a6ff4d 100%)!important;
  border-color:rgba(248,255,219,.86)!important;
  box-shadow:0 13px 29px rgba(116,238,80,.20),0 0 22px rgba(193,255,94,.13)!important;
}
#planes-completos .uspc57-green-price-row .uspc3-buy-green:hover,
#planes-completos .uspc3-buy-green:hover{background:linear-gradient(180deg,#e8ff9e 0%,#b5ff63 100%)!important}

/* 9 · PRECIO CON DESCUENTO PLAN CON TIENDA: misma jerarquía de Hosting. */
#planes-completos .uspc57-price-final-violet{
  justify-content:flex-start!important;
  padding:20px 24px!important;
  gap:0!important;
  background:
    radial-gradient(circle at 88% 7%,rgba(129,226,255,.10),transparent 24%),
    radial-gradient(circle at 82% 18%,rgba(181,128,255,.13),transparent 29%),
    linear-gradient(145deg,#503677 0%,#3c2d67 42%,#284769 100%)!important;
  border-color:rgba(213,180,255,.26)!important;
}
#planes-completos .uspc57-price-final-violet .uspc3-commerce-label{
  margin:2px 0 0!important;
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:1.25px!important;
  font-weight:950!important;
}
#planes-completos .uspc57-price-final-violet>s{
  display:block!important;
  margin:10px auto 0!important;
  color:#eef4ff!important;
  font-size:18px!important;
  font-weight:900!important;
  text-decoration-color:rgba(255,125,125,.96)!important;
  text-decoration-thickness:2px!important;
}
#planes-completos .uspc57-price-final-violet .uspc3-final-price{margin:0!important;justify-content:center!important}
#planes-completos .uspc57-price-final-violet .uspc3-final-price i{font-size:26px!important;padding-top:14px!important}
#planes-completos .uspc57-price-final-violet .uspc3-final-price strong{
  font-size:82px!important;
  line-height:.92!important;
  letter-spacing:-3px!important;
  color:#d5ff5f!important;
  text-shadow:0 0 24px rgba(204,255,89,.13)!important;
}
#planes-completos .uspc57-price-final-violet .uspc18-annual-final{
  margin-top:8px!important;
  color:#d5ff5f!important;
  font-size:12px!important;
  letter-spacing:1.1px!important;
}
#planes-completos .uspc57-price-final-violet .uspc3-final-badge{
  min-width:0!important;
  width:max-content!important;
  margin:11px auto 0!important;
  padding:9px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#7650cd,#9b67e7)!important;
  color:#f6eaff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.65px!important;
  box-shadow:0 12px 26px rgba(90,56,164,.19)!important;
}
#planes-completos .uspc57-installments-final{
  width:100%!important;
  max-width:560px!important;
  margin:13px auto 0!important;
  padding:12px 18px!important;
  min-height:88px!important;
  border-radius:20px!important;
  background:rgba(7,31,48,.78)!important;
  border-color:rgba(164,229,255,.16)!important;
}
#planes-completos .uspc57-installments-final>span{
  padding:7px 10px!important;
  border-radius:13px!important;
  color:#071108!important;
  background:#d5ff5f!important;
  font-size:28px!important;
  line-height:1!important;
}
#planes-completos .uspc57-installments-final b{font-size:24px!important;color:#fff!important}
#planes-completos .uspc57-installments-final small{font-size:11px!important;color:#eef6ff!important;letter-spacing:.8px!important;font-weight:900!important}
#planes-completos .uspc57-price-final-violet .uspc57-buy{
  width:100%!important;
  max-width:560px!important;
  min-height:64px!important;
  margin:14px auto 0!important;
  padding:0 22px!important;
  border-radius:18px!important;
  font-size:19px!important;
  letter-spacing:.5px!important;
}
#planes-completos .uspc57-price-final-violet .uspc57-reminder{
  max-width:560px!important;
  margin:13px auto 0!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  color:#eef4f8!important;
}

/* 10 · Precio verde algo más oscuro; el lime queda reservado al CTA. */
#planes-completos .uspc57-green-price-row{
  background:
    radial-gradient(circle at 8% 10%,rgba(75,218,197,.10),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(255,166,74,.065),transparent 24%),
    linear-gradient(135deg,#0e5148,#0c4650 68%,#1d3a56)!important;
  border-color:rgba(123,229,196,.20)!important;
}

/* Desktop: botón intermedio cae al fondo del bloque derecho para completar el espacio. */
@media(min-width:781px){
  #planes-completos .uspc9-green-mini{display:grid!important;align-content:start!important}
  #planes-completos .uspc57-inline-cta-green-mini{align-self:end!important}
}

/* Mobile: mismos conceptos, sin depender del hover ni provocar desbordes. */
@media(max-width:780px){
  #planes-completos .uspc562-assist-track{animation-duration:29s!important}
  #planes-completos .uspc26-plan-selector-head>strong{font-size:36px!important}
  #planes-completos .uspc57-plan-jump a:hover{transform:none!important;filter:none!important}
  #planes-completos .uspc57-inline-cta-green-mini{width:100%!important;min-height:52px!important;margin-top:12px!important;font-size:15px!important}
  #planes-completos .uspc57-price-final-violet{padding:18px 14px!important}
  #planes-completos .uspc57-price-final-violet .uspc3-final-price strong{font-size:68px!important;letter-spacing:-2.4px!important}
  #planes-completos .uspc57-price-final-violet .uspc3-final-price i{font-size:23px!important;padding-top:11px!important}
  #planes-completos .uspc57-installments-final{min-height:78px!important;padding:11px 13px!important}
  #planes-completos .uspc57-installments-final>span{font-size:25px!important}
  #planes-completos .uspc57-installments-final b{font-size:21px!important}
  #planes-completos .uspc57-price-final-violet .uspc57-buy{min-height:59px!important;font-size:16px!important}
  #planes-completos .uspc20-benefit-card p{margin-top:12px!important}
}

@media(prefers-reduced-motion:reduce){
  #planes-completos .uspc562-assist-track{animation:none!important}
  #planes-completos .uspc57-plan-jump a,
  #planes-completos .uspc57-plan-jump a::after,
  #planes-completos .uspc57-plan-jump a>span,
  #planes-completos .uspc20-card-media .uspc25-card-img.uspc56-img-layer,
  #planes-completos .uspc20-card-body{transition:none!important}
}


/* =========================================================
V5.8.1 · AJUSTE PRECIO VIOLETA + CTA INTERMEDIO VERDE
========================================================= */

/* 1 · Eliminar por completo el punto naranja de 30% EXTRA ACTIVO. */
#planes-completos #uspc3PriceViolet .uspc3-final-badge::after{
  content:none!important;
  display:none!important;
}

/* 2 · Bloque 3 cuotas: más bajo y mejor aprovechado horizontalmente. */
#planes-completos .uspc57-installments-final{
  min-height:68px!important;
  height:auto!important;
  padding:8px 14px!important;
  display:grid!important;
  grid-template-columns:auto minmax(215px,1fr)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
}
#planes-completos .uspc57-installments-final>span{
  padding:6px 10px!important;
  font-size:27px!important;
}
#planes-completos .uspc57-installments-final>p{
  width:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#planes-completos .uspc57-installments-final b{
  font-size:25px!important;
  line-height:1!important;
}
#planes-completos .uspc57-installments-final small{
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.75px!important;
}

/* 3 · CTA intermedio verde: más abajo, un poco más grande y con brillo sutil.
       Sigue siendo verde claro, NO verde lima. */
@media(min-width:781px){
  #planes-completos .uspc9-green-mini{
    height:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,auto) minmax(28px,1fr) auto!important;
    align-content:stretch!important;
  }
  #planes-completos .uspc57-inline-cta-green-mini{
    grid-column:1 / -1!important;
    grid-row:5!important;
    align-self:end!important;
    width:min(100%,365px)!important;
    min-height:60px!important;
    margin:0 auto 2px!important;
    padding:15px 24px!important;
    font-size:17px!important;
    border-radius:17px!important;
    position:relative!important;
    isolation:isolate!important;
    animation:uspc581GreenCtaGlow 2.8s ease-in-out infinite!important;
  }
}

/* Brillo muy suave, sin convertirlo en el CTA lima principal. */
#planes-completos .uspc57-inline-cta-green-mini{
  background:linear-gradient(180deg,#76dfb0 0%,#49c793 100%)!important;
  border-color:rgba(220,255,240,.66)!important;
  box-shadow:
    0 12px 26px rgba(24,145,103,.18),
    0 0 0 1px rgba(255,255,255,.05) inset!important;
}
#planes-completos .uspc57-inline-cta-green-mini:hover{
  background:linear-gradient(180deg,#86e7bd 0%,#58d09f 100%)!important;
  transform:translateY(-2px)!important;
  box-shadow:
    0 16px 31px rgba(26,160,112,.24),
    0 0 22px rgba(125,244,196,.16)!important;
}

@keyframes uspc581GreenCtaGlow{
  0%,100%{
    box-shadow:
      0 12px 26px rgba(24,145,103,.18),
      0 0 0 1px rgba(220,255,240,.08) inset;
  }
  50%{
    box-shadow:
      0 14px 30px rgba(24,145,103,.23),
      0 0 18px rgba(130,244,199,.18),
      0 0 0 2px rgba(213,255,237,.18) inset;
  }
}

/* Mobile: bloque de cuotas compacto y sin desbordar. */
@media(max-width:780px){
  #planes-completos .uspc57-installments-final{
    min-height:66px!important;
    padding:8px 10px!important;
    grid-template-columns:auto 1fr!important;
    gap:11px!important;
  }
  #planes-completos .uspc57-installments-final>p{
    flex-direction:column!important;
    gap:2px!important;
    white-space:normal!important;
  }
  #planes-completos .uspc57-installments-final b{font-size:22px!important}
  #planes-completos .uspc57-installments-final small{font-size:9.5px!important}
  #planes-completos .uspc57-inline-cta-green-mini{
    animation:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #planes-completos .uspc57-inline-cta-green-mini{
    animation:none!important;
  }
}


/* =========================================================
V5.8.2 · TARJETA VIOLETA = MISMA LÓGICA QUE HOSTING
+ CTA INTERMEDIO VERDE REUBICADO
========================================================= */

/* 1. Badge 30% limpio: sin punto/acento naranja ni pseudo-elementos. */
#planes-completos #uspc3PriceViolet .uspc3-final-badge::before,
#planes-completos #uspc3PriceViolet .uspc3-final-badge::after{
  content:none!important;
  display:none!important;
}
#planes-completos #uspc3PriceViolet .uspc3-final-badge{
  padding:8px 16px!important;
  margin-top:10px!important;
}

/* 2. Cuotas: volver al esquema exacto de Hosting.
   Todo el conjunto queda centrado; $16.310 arriba y la leyenda debajo. */
#planes-completos #uspc3PriceViolet .uspc57-installments-final{
  width:100%!important;
  max-width:560px!important;
  min-height:88px!important;
  height:auto!important;
  margin:12px auto 0!important;
  padding:12px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  text-align:center!important;
}
#planes-completos #uspc3PriceViolet .uspc57-installments-final>span{
  flex:0 0 auto!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
  font-size:28px!important;
  line-height:1!important;
}
#planes-completos #uspc3PriceViolet .uspc57-installments-final>p{
  width:auto!important;
  margin:0!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:4px!important;
  text-align:center!important;
  white-space:normal!important;
}
#planes-completos #uspc3PriceViolet .uspc57-installments-final b{
  display:block!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
}
#planes-completos #uspc3PriceViolet .uspc57-installments-final small{
  display:block!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.9px!important;
  color:#eef6ff!important;
}

/* Nota inferior como Hosting: más firme, no liviana. */
#planes-completos #uspc3PriceViolet .uspc57-reminder{
  max-width:560px!important;
  margin:14px auto 0!important;
  color:#f4f7ff!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:850!important;
  text-align:center!important;
}

/* 3. CTA intermedio verde: posición INTERMEDIA, no pegado arriba ni al fondo. */
@media(min-width:781px){
  #planes-completos .uspc9-green-mini{
    height:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    align-content:start!important;
  }

  #planes-completos .uspc57-inline-cta-green-mini{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    align-self:auto!important;
    width:min(100%,340px)!important;
    min-height:56px!important;
    margin:30px auto 0!important;
    padding:14px 22px!important;
    font-size:16px!important;
    border-radius:17px!important;
  }
}

/* Verde claro, no lima, con contorno luminoso y una luz que cruza suavemente. */
#planes-completos .uspc57-inline-cta-green-mini{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#07140d!important;
  background:linear-gradient(180deg,#78deb0 0%,#4bc994 100%)!important;
  border:1px solid rgba(222,255,241,.76)!important;
  box-shadow:
    0 0 0 1px rgba(158,255,215,.10),
    0 11px 24px rgba(18,136,95,.16),
    0 0 16px rgba(102,235,181,.10)!important;
}
#planes-completos .uspc57-inline-cta-green-mini::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:-2!important;
  border-radius:inherit!important;
  background:linear-gradient(
    110deg,
    rgba(126,239,193,.22),
    rgba(236,255,248,.90),
    rgba(126,239,193,.18),
    rgba(236,255,248,.75)
  )!important;
  background-size:260% 100%!important;
  animation:uspc582CtaOutline 3.2s linear infinite!important;
}
#planes-completos .uspc57-inline-cta-green-mini::after{
  content:""!important;
  position:absolute!important;
  top:-35%!important;
  bottom:-35%!important;
  left:-26%!important;
  width:18%!important;
  z-index:2!important;
  pointer-events:none!important;
  transform:skewX(-18deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent)!important;
  animation:uspc582CtaSweep 3.4s ease-in-out infinite!important;
}
#planes-completos .uspc57-inline-cta-green-mini:hover{
  background:linear-gradient(180deg,#88e5bc 0%,#59d09f 100%)!important;
  transform:translateY(-2px)!important;
  box-shadow:
    0 0 0 1px rgba(181,255,225,.18),
    0 15px 29px rgba(19,148,103,.22),
    0 0 22px rgba(115,241,191,.16)!important;
}
@keyframes uspc582CtaOutline{
  to{background-position:260% 0}
}
@keyframes uspc582CtaSweep{
  0%,58%{left:-26%;opacity:0}
  63%{opacity:.8}
  82%{left:112%;opacity:.65}
  88%,100%{left:112%;opacity:0}
}

/* Mobile: conservar esquema centrado de Hosting y CTA estable. */
@media(max-width:780px){
  #planes-completos #uspc3PriceViolet .uspc57-installments-final{
    min-height:82px!important;
    padding:11px 14px!important;
    display:flex!important;
    gap:12px!important;
  }
  #planes-completos #uspc3PriceViolet .uspc57-installments-final>span{
    min-width:54px!important;
    min-height:54px!important;
    font-size:25px!important;
  }
  #planes-completos #uspc3PriceViolet .uspc57-installments-final b{
    font-size:21px!important;
  }
  #planes-completos #uspc3PriceViolet .uspc57-installments-final small{
    font-size:9.5px!important;
  }
  #planes-completos .uspc57-inline-cta-green-mini{
    width:min(100%,320px)!important;
    min-height:52px!important;
    margin:18px auto 0!important;
    font-size:15px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #planes-completos .uspc57-inline-cta-green-mini::before,
  #planes-completos .uspc57-inline-cta-green-mini::after{
    animation:none!important;
  }
}


/* =========================================================
V5.9.0 · RENDIMIENTO / SCROLL ESTABLE / ANTI-FOUC
Mantiene el diseño V5.8.2 pero reduce capas costosas durante scroll.
========================================================= */

/* Fondo sólido siempre disponible: aunque el navegador todavía esté pintando
   video, gradientes o imágenes, nunca debe aparecer un hueco negro dentro de Planes. */
#planes-completos.uspc3{
  background-color:#103d48!important;
  overflow-x:hidden!important;
}
#planes-completos .uspc3-bg{
  background-color:#123b47!important;
}
#planes-completos .uspc57-hero,
#planes-completos .uspc57-overview,
#planes-completos .uspc3-plan,
#planes-completos .uspc3-plan-copy,
#planes-completos .uspc20-benefits,
#planes-completos .uspc3-tech-entry,
#planes-completos .uspc57-green-price-row,
#planes-completos .uspc57-price-card{
  backface-visibility:hidden;
}

/* El video sigue disponible en escritorio, pero evitamos dos operaciones de
   composición caras: mix-blend-mode y máscara dinámica. El fundido lo hace el overlay. */
#planes-completos .uspc11-bg-video{
  mix-blend-mode:normal!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  opacity:.30!important;
  filter:none!important;
}
#planes-completos .uspc11-bg-video::after{display:none!important}

/* Evita mantener capas GPU permanentes cuando la pasarela no necesita moverse. */
#planes-completos .uspc3-marquee-track{will-change:auto!important}
#planes-completos.uspc-v5-inview:not(.uspc-v590-scrolling) .uspc3-marquee-track{will-change:transform!important}

/* contain:paint puede producir checkerboarding en algunos móviles cuando se
   atraviesan bloques grandes muy rápido. Conservamos sólo aislamiento de layout. */
#planes-completos .uspc3-plan-marquee,
#planes-completos .uspc20-benefits{contain:layout!important}

/* Mientras hay un desplazamiento rápido: detener lo que no aporta al scroll.
   El contenido sigue visible; sólo se congelan animaciones/composición. */
#planes-completos.uspc-v590-scrolling .uspc3-marquee-track,
#planes-completos.uspc-v590-scrolling .uspc57-inline-cta-green-mini::before,
#planes-completos.uspc-v590-scrolling .uspc57-inline-cta-green-mini::after,
#planes-completos.uspc-v590-scrolling .uspc22-plan-sticker::after,
#planes-completos.uspc-v590-scrolling .uspc57-hero-orbit i,
#planes-completos.uspc-v590-scrolling .uspc3-main-statement::after{
  animation-play-state:paused!important;
}
#planes-completos.uspc-v590-scrolling .uspc20-card-media .uspc25-card-img,
#planes-completos.uspc-v590-scrolling .uspc20-card-body{
  transition:none!important;
}

/* Mobile: priorizar scroll fluido. El video ya estaba desactivado; además
   reducimos sombras gigantes y movimientos continuos que fuerzan repaints. */
@media(max-width:780px){
  #planes-completos .uspc11-bg-video{display:none!important}
  #planes-completos .uspc3-plan,
  #planes-completos .uspc57-hero,
  #planes-completos .uspc57-overview,
  #planes-completos .uspc20-benefits,
  #planes-completos .uspc20-benefit-card{
    box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
  }
  #planes-completos .uspc3-marquee-track{will-change:auto!important}
  #planes-completos .uspc57-inline-cta-green-mini::before,
  #planes-completos .uspc57-inline-cta-green-mini::after,
  #planes-completos .uspc22-plan-sticker::after{
    animation:none!important;
  }
  #planes-completos .uspc3-grid{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  #planes-completos .uspc3-marquee-track{will-change:auto!important}
}


/* V5.9.1 · respaldo de pintura durante scroll rápido */
#planes-completos{background-color:#0b2633!important}
#planes-completos .uspc3-shell{background-color:transparent!important}
@media(max-width:780px){
  #planes-completos{background-color:#0a2330!important}
}


/* =========================================================
V5.9.2 · RESTAURACIÓN PORTADA PLANES COMPLETOS
Corrige una regresión del CSS crítico V5.9.0 que dejaba el hero como bloque
vertical incluso después de cargar el CSS completo.
========================================================= */

/* DESKTOP:
   texto/título a la izquierda + órbita/cuadrado a la derecha.
   La portada vuelve a tener el carácter visual original. */
@media(min-width:781px){
  #planes-completos .uspc57-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr)!important;
    grid-template-areas:
      "copy orbit"
      "tags tags"!important;
    column-gap:34px!important;
    row-gap:18px!important;
    align-items:center!important;
    text-align:left!important;
  }

  #planes-completos .uspc57-hero-copy{
    grid-area:copy!important;
    width:100%!important;
    max-width:900px!important;
    justify-self:start!important;
    text-align:left!important;
  }

  #planes-completos .uspc57-hero-orbit{
    grid-area:orbit!important;
    display:grid!important;
    width:220px!important;
    height:220px!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
  }

  #planes-completos .uspc57-hero-tags{
    grid-area:tags!important;
    grid-column:auto!important;
    width:100%!important;
    margin-top:0!important;
  }

  #planes-completos .uspc57-hero h2{
    max-width:840px!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }

  #planes-completos .uspc57-hero p{
    max-width:820px!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
}

/* MOBILE:
   título con presencia, como Hosting/Weblista, y vuelve el elemento visual
   PLANES COMPLETOS con los círculos alrededor. */
@media(max-width:780px){
  #planes-completos .uspc57-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "orbit"
      "tags"!important;
    gap:16px!important;
    padding:25px 15px 18px!important;
    text-align:center!important;
  }

  #planes-completos .uspc57-hero-copy{
    grid-area:copy!important;
    width:100%!important;
    text-align:center!important;
  }

  #planes-completos .uspc57-hero h2{
    margin:8px auto 12px!important;
    max-width:100%!important;
    font-size:clamp(39px,11.5vw,48px)!important;
    line-height:.94!important;
    letter-spacing:-1.8px!important;
    text-align:center!important;
  }

  #planes-completos .uspc57-hero h2 em{
    display:block!important;
    margin-top:4px!important;
  }

  #planes-completos .uspc57-hero p{
    max-width:560px!important;
    margin:0 auto!important;
    font-size:12.2px!important;
    line-height:1.58!important;
    text-align:center!important;
  }

  #planes-completos .uspc57-hero-orbit{
    grid-area:orbit!important;
    display:grid!important;
    position:relative!important;
    width:168px!important;
    height:168px!important;
    margin:2px auto 3px!important;
    place-items:center!important;
    justify-self:center!important;
  }

  #planes-completos .uspc57-hero-orbit b{
    width:104px!important;
    height:104px!important;
    border-radius:25px!important;
    font-size:14px!important;
    line-height:1.02!important;
  }

  #planes-completos .uspc57-hero-orbit i{
    width:14px!important;
    height:14px!important;
    animation-duration:14s!important;
  }

  #planes-completos .uspc57-hero-orbit i:nth-child(1){
    transform:translate(76px,0)!important;
  }
  #planes-completos .uspc57-hero-orbit i:nth-child(2){
    transform:rotate(120deg) translate(76px)!important;
  }
  #planes-completos .uspc57-hero-orbit i:nth-child(3){
    transform:rotate(240deg) translate(76px)!important;
  }

  #planes-completos .uspc57-hero-tags{
    grid-area:tags!important;
    grid-column:auto!important;
    width:100%!important;
    margin-top:0!important;
  }
}

/* Teléfonos angostos: sigue siendo un título protagonista, sin desbordar. */
@media(max-width:430px){
  #planes-completos .uspc57-hero h2{
    font-size:39px!important;
    letter-spacing:-1.45px!important;
  }

  #planes-completos .uspc57-hero-orbit{
    width:154px!important;
    height:154px!important;
  }

  #planes-completos .uspc57-hero-orbit b{
    width:96px!important;
    height:96px!important;
    font-size:13px!important;
  }

  #planes-completos .uspc57-hero-orbit i:nth-child(1){
    transform:translate(69px,0)!important;
  }
  #planes-completos .uspc57-hero-orbit i:nth-child(2){
    transform:rotate(120deg) translate(69px)!important;
  }
  #planes-completos .uspc57-hero-orbit i:nth-child(3){
    transform:rotate(240deg) translate(69px)!important;
  }
}

/* Durante scroll rápido la órbita se pausa (V5.9), pero nunca desaparece. */
#planes-completos.uspc-v590-scrolling .uspc57-hero-orbit{
  visibility:visible!important;
  opacity:1!important;
}


/* =========================================================
V5.9.3 · PORTADA MÁS COMPACTA / 5 BENEFICIOS EN UNA HILERA
========================================================= */

/* Desktop: cinco tarjetas en una sola línea para achicar la altura del hero. */
@media(min-width:981px){
  #planes-completos .uspc57-hero{
    padding-bottom:20px!important;
    row-gap:14px!important;
  }

  #planes-completos .uspc57-hero-tags{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:0!important;
  }

  #planes-completos .uspc57-hero-tags span{
    min-height:42px!important;
    padding:8px 9px!important;
    font-size:9.15px!important;
    line-height:1.18!important;
    letter-spacing:.45px!important;
    border-radius:12px!important;
  }

  /* La sección siguiente sube naturalmente al reducir una fila completa
     de beneficios; además compactamos apenas su arranque. */
  #planes-completos .uspc57-overview{
    padding-top:15px!important;
  }
}

/* Tablet: 3 + 2, manteniendo tarjetas más compactas. */
@media(min-width:781px) and (max-width:980px){
  #planes-completos .uspc57-hero-tags{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  #planes-completos .uspc57-hero-tags span{
    min-height:43px!important;
    padding:8px 9px!important;
    font-size:9px!important;
  }

  #planes-completos .uspc57-hero-tags span:nth-child(4),
  #planes-completos .uspc57-hero-tags span:nth-child(5){
    transform:translateX(50%)!important;
  }
}

/* Mobile: seguimos priorizando lectura, pero más compacto que antes. */
@media(max-width:780px){
  #planes-completos .uspc57-hero{
    padding-bottom:14px!important;
    gap:13px!important;
  }

  #planes-completos .uspc57-hero-tags{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  #planes-completos .uspc57-hero-tags span{
    min-height:41px!important;
    padding:7px 7px!important;
    font-size:8.15px!important;
    line-height:1.2!important;
  }

  #planes-completos .uspc57-hero-tags span:last-child{
    grid-column:1 / -1!important;
    width:calc(50% - 3px)!important;
    justify-self:center!important;
  }

  #planes-completos .uspc57-overview{
    padding-top:15px!important;
  }
}


/* =========================================================
V5.9.4 · BENEFICIOS EN UNA SOLA HILERA, A TODO EL ANCHO
========================================================= */

@media(min-width:981px){
  #planes-completos .uspc57-hero-tags{
    grid-area:tags!important;
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    margin:2px 0 0!important;
    padding:0!important;
    gap:10px!important;
    justify-self:stretch!important;
    align-self:stretch!important;
  }

  #planes-completos .uspc57-hero-tags span{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:10px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:10.8px!important;
    line-height:1.18!important;
    letter-spacing:.5px!important;
    font-weight:900!important;
    border-radius:13px!important;
  }
}

@media(min-width:1180px){
  #planes-completos .uspc57-hero-tags{
    gap:11px!important;
  }

  #planes-completos .uspc57-hero-tags span{
    min-height:50px!important;
    padding:10px 14px!important;
    font-size:11.4px!important;
    letter-spacing:.55px!important;
  }
}

@media(min-width:781px) and (max-width:980px){
  #planes-completos .uspc57-hero-tags{
    grid-area:tags!important;
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    gap:7px!important;
    margin-top:2px!important;
  }

  #planes-completos .uspc57-hero-tags span{
    min-height:44px!important;
    padding:8px 7px!important;
    font-size:8.8px!important;
    line-height:1.16!important;
    letter-spacing:.3px!important;
    transform:none!important;
  }
}


/* =========================================================
   V5.9.6 · ALINEACIÓN CON HOSTING + MÁS NEGRO
   NO TOCA PASARELAS, PRECIOS NI CARRUSEL VERDE.
========================================================= */
#planes-completos .uspc3-shell{width:min(1440px,94vw)!important;margin-left:auto!important;margin-right:auto!important;padding:24px 0 50px!important}
#planes-completos .uspc57-hero,#planes-completos .uspc57-overview{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
#planes-completos .uspc57-hero{margin-top:0!important}
#planes-completos.uspc3{background:#050807!important}
#planes-completos .uspc3-bg{background:radial-gradient(circle at 8% 12%,rgba(31,162,92,.13),transparent 31%),radial-gradient(circle at 91% 23%,rgba(132,75,224,.15),transparent 32%),linear-gradient(120deg,#050907 0%,#060a08 44%,#0b0810 70%,#100817 100%)!important}
#planes-completos .uspc57-hero{border-color:rgba(129,188,211,.20)!important;background:radial-gradient(circle at 10% 5%,rgba(44,181,157,.10),transparent 29%),radial-gradient(circle at 86% 10%,rgba(151,91,230,.14),transparent 31%),linear-gradient(145deg,rgba(6,17,20,.985),rgba(7,14,20,.992) 56%,rgba(20,14,31,.985))!important;box-shadow:0 24px 60px rgba(0,0,0,.34)!important}
#planes-completos .uspc57-overview{border-color:rgba(112,184,207,.16)!important;background:radial-gradient(circle at 10% 0%,rgba(45,168,151,.07),transparent 29%),radial-gradient(circle at 88% 12%,rgba(147,91,225,.07),transparent 31%),linear-gradient(180deg,rgba(8,29,36,.97),rgba(6,18,24,.992))!important;box-shadow:0 24px 60px rgba(0,0,0,.30)!important}
#planes-completos .uspc57-plan-selector{background:radial-gradient(circle at 8% 12%,rgba(39,170,122,.08),transparent 30%),radial-gradient(circle at 90% 10%,rgba(145,87,220,.09),transparent 32%),linear-gradient(145deg,rgba(5,18,22,.94),rgba(7,15,21,.985))!important;border-color:rgba(114,196,211,.14)!important}
#planes-completos .uspc57-plan-jump .uspc22-jump-violet{background:linear-gradient(145deg,rgba(74,46,122,.90),rgba(31,24,48,.97))!important}
#planes-completos .uspc57-plan-jump .uspc22-jump-green{background:linear-gradient(145deg,rgba(12,82,67,.92),rgba(7,39,36,.98))!important}
#planes-completos .uspc3-plan-violet{background:radial-gradient(circle at 86% 0%,rgba(153,94,235,.10),transparent 28%),linear-gradient(180deg,#1b1528 0%,#151824 48%,#0b1620 100%)!important;border-color:rgba(184,141,240,.21)!important}
#planes-completos .uspc3-plan-green{background:radial-gradient(circle at 12% 0%,rgba(48,182,155,.09),transparent 30%),linear-gradient(180deg,#0a2020 0%,#0b1b20 49%,#08151c 100%)!important;border-color:rgba(91,200,179,.20)!important}
#planes-completos .uspc3-plan-copy{background:linear-gradient(145deg,rgba(3,15,20,.72),rgba(5,13,19,.88))!important;border-color:rgba(255,255,255,.065)!important}
#planes-completos .uspc3-mini-grid>div{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.16))!important;border-color:rgba(255,255,255,.07)!important}
#planes-completos .uspc3-tech-entry{background:linear-gradient(145deg,rgba(4,14,20,.92),rgba(6,11,18,.97))!important;border-color:rgba(255,255,255,.075)!important}
#planes-completos .uspc56-spec-strip{background:linear-gradient(145deg,rgba(5,15,19,.90),rgba(6,11,16,.95))!important}
@media(max-width:860px){#planes-completos .uspc3-shell{width:calc(100% - 20px)!important;padding-top:18px!important;padding-bottom:38px!important}}


/* =========================================================
   V5.9.7 · INTERMEDIO: MÁS COLOR, SIN VOLVER A LO ANTERIOR
   Conserva alineación V5.9.6 y NO toca pasarelas, precios ni carrusel verde.
========================================================= */

/* Fondo maestro: sigue oscuro, pero recupera verde/violeta visibles. */
#planes-completos.uspc3{
  background:#07100e!important;
}
#planes-completos .uspc3-bg{
  background:
    radial-gradient(circle at 8% 12%,rgba(35,190,112,.20),transparent 31%),
    radial-gradient(circle at 91% 23%,rgba(151,90,238,.22),transparent 33%),
    radial-gradient(circle at 52% 54%,rgba(32,109,112,.08),transparent 36%),
    linear-gradient(120deg,#07100d 0%,#07110f 40%,#100d18 70%,#160d21 100%)!important;
}

/* Portada: intermedia entre la versión original y la 5.9.6. */
#planes-completos .uspc57-hero{
  border-color:rgba(135,202,221,.24)!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(45,198,168,.16),transparent 30%),
    radial-gradient(circle at 86% 9%,rgba(163,100,244,.22),transparent 32%),
    linear-gradient(145deg,rgba(7,26,29,.97),rgba(9,19,27,.985) 53%,rgba(31,18,46,.97))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.30),0 0 36px rgba(113,78,205,.06)!important;
}

/* Overview: recupera algo de azul/verde y violeta sin quedar claro de más. */
#planes-completos .uspc57-overview{
  border-color:rgba(123,196,218,.20)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(46,184,159,.11),transparent 30%),
    radial-gradient(circle at 89% 10%,rgba(155,96,233,.12),transparent 31%),
    linear-gradient(180deg,rgba(10,38,45,.96),rgba(8,24,31,.985))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.27)!important;
}

/* Selector: más vivo, pero todavía oscuro. */
#planes-completos .uspc57-plan-selector{
  background:
    radial-gradient(circle at 8% 12%,rgba(41,186,132,.13),transparent 31%),
    radial-gradient(circle at 90% 10%,rgba(154,94,230,.15),transparent 33%),
    linear-gradient(145deg,rgba(7,27,31,.95),rgba(10,19,29,.98))!important;
  border-color:rgba(124,204,217,.19)!important;
}
#planes-completos .uspc57-plan-jump .uspc22-jump-violet{
  background:linear-gradient(145deg,rgba(98,58,161,.91),rgba(42,29,65,.97))!important;
}
#planes-completos .uspc57-plan-jump .uspc22-jump-green{
  background:linear-gradient(145deg,rgba(15,106,83,.92),rgba(8,52,45,.98))!important;
}

/* Cuerpo violeta: vuelve un poco el color en sectores altos y medios. */
#planes-completos .uspc3-plan-violet{
  background:
    radial-gradient(circle at 86% 0%,rgba(163,100,242,.18),transparent 30%),
    radial-gradient(circle at 12% 46%,rgba(65,139,176,.07),transparent 35%),
    linear-gradient(180deg,#261a37 0%,#1d1d31 47%,#0f1b27 100%)!important;
  border-color:rgba(194,150,244,.27)!important;
}

/* Cuerpo verde: un poco más esmeralda, pero sin aclarar el carrusel. */
#planes-completos .uspc3-plan-green{
  background:
    radial-gradient(circle at 12% 0%,rgba(53,205,169,.16),transparent 31%),
    radial-gradient(circle at 88% 42%,rgba(61,128,166,.06),transparent 35%),
    linear-gradient(180deg,#0d2d29 0%,#0e2529 48%,#0b1920 100%)!important;
  border-color:rgba(102,212,189,.25)!important;
}

/* Bloques secundarios: algunos un poco más claros para dar ritmo visual. */
#planes-completos .uspc3-plan-copy{
  background:
    radial-gradient(circle at 82% 0%,rgba(131,86,211,.05),transparent 32%),
    linear-gradient(145deg,rgba(7,24,29,.80),rgba(8,17,24,.91))!important;
  border-color:rgba(255,255,255,.085)!important;
}
#planes-completos .uspc3-mini-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.12))!important;
  border-color:rgba(255,255,255,.085)!important;
}
#planes-completos .uspc3-tech-entry{
  background:linear-gradient(145deg,rgba(8,24,30,.94),rgba(8,15,23,.97))!important;
  border-color:rgba(255,255,255,.09)!important;
}
#planes-completos .uspc56-spec-strip{
  background:linear-gradient(145deg,rgba(8,24,27,.92),rgba(8,15,21,.96))!important;
}

/* Intencionalmente sin overrides para:
   .uspc3-plan-marquee / .uspc57-assist-marquee (pasarelas)
   .uspc57-price-card / .uspc57-green-price-row (precios)
   .uspc20-benefits-green (carrusel verde de imágenes)
*/


/* =========================================================
   V5.9.8 · MÁS LUMINOSO Y SATURADO, SIN PERDER PROFUNDIDAD
   Mantiene la alineación y NO toca pasarelas, precios ni carrusel verde.
========================================================= */

/* Fondo maestro: apenas más claro y con color más limpio, menos grisáceo. */
#planes-completos.uspc3{
  background:#081412!important;
}
#planes-completos .uspc3-bg{
  background:
    radial-gradient(circle at 7% 13%,rgba(27,216,127,.26),transparent 31%),
    radial-gradient(circle at 92% 22%,rgba(167,88,255,.29),transparent 34%),
    radial-gradient(circle at 49% 52%,rgba(21,150,165,.11),transparent 37%),
    linear-gradient(120deg,#081511 0%,#0a1714 38%,#151023 70%,#1d102b 100%)!important;
}

/* Portada: más luminosa y saturada, pero todavía oscura. */
#planes-completos .uspc57-hero{
  border-color:rgba(129,216,238,.29)!important;
  background:
    radial-gradient(circle at 9% 4%,rgba(39,224,184,.23),transparent 30%),
    radial-gradient(circle at 87% 8%,rgba(174,99,255,.30),transparent 33%),
    linear-gradient(145deg,rgba(8,35,38,.97),rgba(11,25,35,.985) 52%,rgba(39,21,58,.97))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.26),0 0 42px rgba(137,83,222,.09)!important;
}

/* Overview: subimos claridad y saturación para evitar el aspecto gris. */
#planes-completos .uspc57-overview{
  border-color:rgba(119,211,231,.25)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(39,211,177,.17),transparent 31%),
    radial-gradient(circle at 90% 9%,rgba(169,100,249,.18),transparent 32%),
    linear-gradient(180deg,rgba(11,49,57,.96),rgba(9,31,40,.985))!important;
  box-shadow:0 23px 55px rgba(0,0,0,.24)!important;
}

/* Selector: un poco más claro, con verde y violeta más vivos. */
#planes-completos .uspc57-plan-selector{
  background:
    radial-gradient(circle at 7% 11%,rgba(32,214,148,.18),transparent 31%),
    radial-gradient(circle at 91% 9%,rgba(171,96,247,.21),transparent 33%),
    linear-gradient(145deg,rgba(8,36,40,.95),rgba(12,24,36,.98))!important;
  border-color:rgba(116,218,231,.23)!important;
}
#planes-completos .uspc57-plan-jump .uspc22-jump-violet{
  background:linear-gradient(145deg,rgba(119,66,193,.94),rgba(50,32,78,.97))!important;
}
#planes-completos .uspc57-plan-jump .uspc22-jump-green{
  background:linear-gradient(145deg,rgba(18,132,101,.94),rgba(9,64,54,.98))!important;
}

/* Cuerpo violeta: más brillante y menos apagado/gris. */
#planes-completos .uspc3-plan-violet{
  background:
    radial-gradient(circle at 86% 0%,rgba(179,103,255,.26),transparent 31%),
    radial-gradient(circle at 11% 45%,rgba(47,165,205,.10),transparent 36%),
    linear-gradient(180deg,#322047 0%,#25213b 47%,#122332 100%)!important;
  border-color:rgba(207,159,255,.33)!important;
}

/* Cuerpo verde: más esmeralda y limpio, sin tocar el carrusel de imágenes. */
#planes-completos .uspc3-plan-green{
  background:
    radial-gradient(circle at 11% 0%,rgba(45,229,184,.23),transparent 31%),
    radial-gradient(circle at 89% 42%,rgba(51,158,196,.09),transparent 35%),
    linear-gradient(180deg,#103a33 0%,#103035 48%,#0d222b 100%)!important;
  border-color:rgba(104,230,199,.31)!important;
}

/* Bloques secundarios: algo más claros y con tinte de color, no gris neutro. */
#planes-completos .uspc3-plan-copy{
  background:
    radial-gradient(circle at 82% 0%,rgba(150,93,232,.08),transparent 32%),
    linear-gradient(145deg,rgba(8,31,36,.84),rgba(10,21,30,.92))!important;
  border-color:rgba(255,255,255,.10)!important;
}
#planes-completos .uspc3-mini-grid>div{
  background:linear-gradient(145deg,rgba(40,109,116,.10),rgba(74,43,108,.08))!important;
  border-color:rgba(255,255,255,.10)!important;
}
#planes-completos .uspc3-tech-entry{
  background:linear-gradient(145deg,rgba(9,31,38,.94),rgba(11,20,30,.97))!important;
  border-color:rgba(127,210,226,.11)!important;
}
#planes-completos .uspc56-spec-strip{
  background:linear-gradient(145deg,rgba(9,31,34,.92),rgba(10,20,28,.96))!important;
}

/* Sin overrides sobre:
   .uspc3-plan-marquee / .uspc57-assist-marquee (pasarelas)
   .uspc57-price-card / .uspc57-green-price-row (precios)
   .uspc20-benefits-green (carrusel verde de imágenes)
*/


/* =========================================================
   V5.9.9 · MÁS CLARO EN PLANES + TÍTULO/PÍLLS MOBILE + EFECTO HOSTING
   - aclara sectores oscuros sin tocar pasarelas, precios ni carrusel verde
   - aumenta el peso visual del título mobile
   - agranda texto dentro de las casillas del hero
   - suma efecto de brillo similar a Hosting
   - corrige la barra/selector en celular a ancho completo
========================================================= */

/* 1) Fondo y paneles generales: menos negro, más color real. */
#planes-completos.uspc3{
  background:#0a1614!important;
}
#planes-completos .uspc3-bg{
  background:
    radial-gradient(circle at 8% 12%,rgba(35,218,136,.24),transparent 31%),
    radial-gradient(circle at 92% 21%,rgba(176,98,255,.26),transparent 33%),
    radial-gradient(circle at 48% 52%,rgba(42,157,173,.09),transparent 36%),
    linear-gradient(120deg,#0b1714 0%,#0d1b17 38%,#191329 70%,#201432 100%)!important;
}
#planes-completos .uspc57-hero{
  border-color:rgba(137,219,240,.30)!important;
  background:
    radial-gradient(circle at 10% 5%,rgba(53,221,184,.22),transparent 29%),
    radial-gradient(circle at 86% 9%,rgba(180,103,255,.28),transparent 32%),
    linear-gradient(145deg,rgba(10,41,45,.965),rgba(13,31,41,.98) 51%,rgba(44,25,67,.965))!important;
}
#planes-completos .uspc57-overview{
  border-color:rgba(126,214,232,.24)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(45,212,180,.15),transparent 30%),
    radial-gradient(circle at 89% 9%,rgba(175,102,251,.17),transparent 31%),
    linear-gradient(180deg,rgba(14,56,63,.95),rgba(11,36,44,.98))!important;
}
#planes-completos .uspc57-plan-selector{
  background:
    radial-gradient(circle at 8% 11%,rgba(35,218,156,.17),transparent 31%),
    radial-gradient(circle at 91% 10%,rgba(174,98,249,.20),transparent 33%),
    linear-gradient(145deg,rgba(11,39,43,.95),rgba(13,29,40,.98))!important;
  border-color:rgba(122,220,233,.24)!important;
}
#planes-completos .uspc3-plan-violet{
  background:
    radial-gradient(circle at 86% 0%,rgba(184,106,255,.24),transparent 31%),
    radial-gradient(circle at 13% 44%,rgba(55,168,208,.08),transparent 35%),
    linear-gradient(180deg,#392756 0%,#2c2745 47%,#173042 100%)!important;
  border-color:rgba(212,164,255,.34)!important;
}
#planes-completos .uspc3-plan-green{
  background:
    radial-gradient(circle at 11% 0%,rgba(56,230,186,.21),transparent 31%),
    radial-gradient(circle at 89% 40%,rgba(59,164,204,.08),transparent 35%),
    linear-gradient(180deg,#15463d 0%,#13393d 48%,#123038 100%)!important;
  border-color:rgba(111,233,204,.31)!important;
}
#planes-completos .uspc3-plan-copy{
  background:
    radial-gradient(circle at 82% 0%,rgba(155,96,235,.08),transparent 32%),
    linear-gradient(145deg,rgba(11,37,42,.84),rgba(12,25,34,.92))!important;
  border-color:rgba(255,255,255,.10)!important;
}
#planes-completos .uspc3-mini-grid>div{
  background:linear-gradient(145deg,rgba(48,136,144,.11),rgba(90,52,136,.10))!important;
  border-color:rgba(255,255,255,.11)!important;
}
#planes-completos .uspc3-tech-entry{
  background:linear-gradient(145deg,rgba(11,37,44,.93),rgba(12,24,34,.97))!important;
  border-color:rgba(129,213,229,.12)!important;
}
#planes-completos .uspc56-spec-strip{
  background:linear-gradient(145deg,rgba(12,37,39,.91),rgba(13,24,33,.96))!important;
}

/* 2) Casillas del hero: mismo tamaño aprox., pero texto más grande y con brillo sutil. */
#planes-completos .uspc57-hero-tags span{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.12)!important;
}
#planes-completos .uspc57-hero-tags span::before{
  content:"";
  position:absolute;
  inset:auto auto -28% -10%;
  width:46px;
  height:46px;
  border-radius:12px;
  transform:rotate(18deg);
  background:linear-gradient(135deg,rgba(122,255,181,.16),rgba(116,95,255,.08));
  filter:blur(.2px);
  opacity:.9;
  pointer-events:none;
  z-index:-1;
}
#planes-completos .uspc57-hero-tags span::after{
  content:"";
  position:absolute;
  inset:-24% auto -24% -24%;
  width:20%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:skewX(-18deg) translateX(-230%);
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  #planes-completos .uspc57-hero-tags span{
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease!important;
  }
  #planes-completos .uspc57-hero-tags span:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(212,255,139,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 26px rgba(0,0,0,.16),0 0 20px rgba(112,214,235,.09)!important;
    filter:saturate(1.05);
  }
  #planes-completos .uspc57-hero-tags span:hover::after{
    transform:skewX(-18deg) translateX(640%);
    transition:transform .62s ease!important;
  }
}

/* Desktop / tablet: apenas más legibles adentro de las casillas. */
@media(min-width:981px){
  #planes-completos .uspc57-hero-tags span{
    font-size:11.8px!important;
    line-height:1.16!important;
    letter-spacing:.46px!important;
  }
}
@media(min-width:781px) and (max-width:980px){
  #planes-completos .uspc57-hero-tags span{
    font-size:9.25px!important;
    line-height:1.16!important;
    letter-spacing:.26px!important;
  }
}

/* 3) Mobile: título un poco más protagonista y texto más grande dentro de las casillas. */
@media(max-width:780px){
  #planes-completos .uspc57-hero h2{
    font-size:clamp(41px,12.1vw,50px)!important;
    letter-spacing:-1.75px!important;
  }
  #planes-completos .uspc57-hero-tags{
    gap:6px!important;
  }
  #planes-completos .uspc57-hero-tags span{
    min-height:41px!important;
    padding:7px 7px!important;
    font-size:8.85px!important;
    line-height:1.18!important;
    letter-spacing:.25px!important;
  }
  /* Barra superior/selector centrada y a ancho completo en celular. */
  #planes-completos .uspc57-assist-marquee{
    margin-inline:0!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:14px!important;
  }
  #planes-completos .uspc57-plan-selector,
  #planes-completos .uspc57-plan-jump,
  #planes-completos .uspc57-plan-jump a{
    width:100%!important;
  }
}
@media(max-width:430px){
  #planes-completos .uspc57-hero h2{
    font-size:41px!important;
  }
  #planes-completos .uspc57-hero-tags span{
    font-size:8.7px!important;
  }
}


/* =========================================================
   V5.9.10 · PASARELAS + MINI TARJETAS INTERNAS + VIOLETAS MÁS LILA
========================================================= */

/* Ajuste general de color: menos gris/azulado y más violeta/lila / esmeralda. */
#planes-completos .uspc3-plan-violet{
  background:
    radial-gradient(circle at 100% 0,rgba(227,184,255,.25),transparent 30%),
    radial-gradient(circle at 0 68%,rgba(118,69,255,.11),transparent 34%),
    linear-gradient(145deg,#7a4fe2 0%,#6138ba 40%,#32205d 100%)!important;
  border-color:rgba(223,184,255,.44)!important;
}
#planes-completos .uspc3-plan-green{
  background:
    radial-gradient(circle at 0 0,rgba(128,255,176,.22),transparent 29%),
    radial-gradient(circle at 100% 80%,rgba(47,173,209,.08),transparent 34%),
    linear-gradient(145deg,#138355 0%,#116748 42%,#0f3740 100%)!important;
  border-color:rgba(144,245,195,.38)!important;
}
#planes-completos .uspc3-violet-top .uspc3-plan-copy{
  background:linear-gradient(145deg,rgba(104,62,181,.96),rgba(64,37,121,.95))!important;
}
#planes-completos .uspc9-green-copy{
  background:linear-gradient(145deg,rgba(14,101,64,.96),rgba(12,62,56,.95))!important;
}
#planes-completos .uspc3-plan-detail,
#planes-completos .uspc3-plan-intro,
#planes-completos .uspc14-green-detail p{
  color:#e9edef!important;
}

/* Pasarela superior de cada plan: más protagonista, de ancho completo del bloque. */
#planes-completos .uspc3-plan{overflow:visible!important}
#planes-completos .uspc3-plan-marquee{
  position:relative;
  z-index:3;
  margin:0 0 8px 0!important;
  border-radius:22px 22px 0 0!important;
}
#planes-completos .uspc3-marquee-group strong,
#planes-completos .uspc3-marquee-group span{
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}

/* Mini tarjetas internas: agregar cuadrados/brillos tipo Hosting (las rectangulares). */
#planes-completos .uspc3-mini-grid>div{
  isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 22px rgba(0,0,0,.10)!important;
}
#planes-completos .uspc3-mini-grid>div::before{
  content:"";
  position:absolute;
  right:-8px;
  bottom:-8px;
  width:48px;
  height:48px;
  border-radius:14px;
  transform:rotate(17deg);
  opacity:.78;
  pointer-events:none;
  z-index:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;
}
#planes-completos .uspc3-mini-grid>div::after{
  opacity:.16!important;
  transform:skewX(-18deg) translateX(-20%)!important;
}
#planes-completos .uspc3-mini-violet>div{
  background:linear-gradient(145deg,rgba(126,84,212,.24),rgba(73,45,126,.22))!important;
  border-color:rgba(228,202,255,.16)!important;
}
#planes-completos .uspc3-mini-violet>div::before{
  background:linear-gradient(135deg,rgba(229,191,255,.32),rgba(123,86,250,.14));
}
#planes-completos .uspc3-mini-green>div{
  background:linear-gradient(145deg,rgba(24,116,82,.25),rgba(20,69,70,.22))!important;
  border-color:rgba(197,255,224,.14)!important;
}
#planes-completos .uspc3-mini-green>div::before{
  background:linear-gradient(135deg,rgba(114,255,180,.28),rgba(65,188,224,.12));
}
#planes-completos .uspc3-mini-grid strong,
#planes-completos .uspc3-mini-grid span{
  position:relative;z-index:1;
}
@media (hover:hover) and (pointer:fine){
  #planes-completos .uspc3-mini-grid>div:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(226,255,178,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 28px rgba(0,0,0,.13),0 0 20px rgba(173,240,255,.08)!important;
  }
  #planes-completos .uspc3-mini-grid>div:hover::after{
    opacity:.56!important;
    transform:skewX(-18deg) translateX(430%)!important;
    transition:transform .62s ease,opacity .18s ease!important;
  }
}

/* Otros paneles: más color y menos negro duro. */
#planes-completos .uspc3-tech-violet{
  background:linear-gradient(120deg,rgba(122,75,196,.95),rgba(67,39,122,.95))!important;
}
#planes-completos .uspc3-tech-green{
  background:linear-gradient(120deg,rgba(18,125,78,.95),rgba(14,76,65,.96))!important;
}
#planes-completos .uspc20-benefits-violet{
  background:linear-gradient(145deg,rgba(100,62,167,.92),rgba(61,40,109,.94))!important;
}
#planes-completos .uspc20-benefits-green{
  background:linear-gradient(145deg,rgba(20,102,67,.92),rgba(12,60,47,.94))!important;
}

/* Mobile: que los cuadrados se noten como en Hosting y mejor aire en la pasarela. */
@media(max-width:780px){
  #planes-completos .uspc3-mini-grid>div::before{
    width:42px;
    height:42px;
    right:-6px;
    bottom:-6px;
    opacity:.86;
  }
  #planes-completos .uspc3-marquee-group{
    padding:12px 16px!important;
  }
  #planes-completos .uspc3-plan-marquee{
    margin-bottom:10px!important;
  }
}


/* =========================================================
   V5.9.11 · AJUSTE DE PASARELAS FULL WIDTH + TARJETAS INTERNAS ALINEADAS
========================================================= */

/* Pasarelas superiores fuera del bloque interno, a ancho completo real. */
#planes-completos .uspc3-plan-marquee{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.20)!important;
  overflow:hidden!important;
  position:relative;
  z-index:4;
}
#planes-completos .uspc3-marquee-group{
  padding:16px 28px!important;
}
#planes-completos .uspc3-plan{
  overflow:visible!important;
}
/* Deja el cuerpo del plan claramente por debajo de la pasarela */
#planes-completos .uspc3-violet-top,
#planes-completos .uspc9-green-top{
  margin-top:18px;
}

/* Tarjetas internas rectangulares: efecto más sutil y alineado, sin desfaces. */
#planes-completos .uspc3-mini-grid{
  gap:12px!important;
}
#planes-completos .uspc3-mini-grid>div{
  min-height:118px;
  background:linear-gradient(145deg,rgba(18,41,44,.78),rgba(11,24,33,.78))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.12)!important;
  overflow:hidden!important;
}
#planes-completos .uspc3-mini-violet>div{
  background:linear-gradient(145deg,rgba(55,66,111,.70),rgba(14,30,39,.90))!important;
}
#planes-completos .uspc3-mini-green>div{
  background:linear-gradient(145deg,rgba(24,98,79,.50),rgba(12,34,39,.88))!important;
}
#planes-completos .uspc3-mini-grid>div::before{
  content:"";
  position:absolute;
  right:18px;
  bottom:14px;
  width:56px;
  height:56px;
  border-radius:16px;
  transform:rotate(20deg);
  opacity:.28;
  pointer-events:none;
  z-index:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset;
}
#planes-completos .uspc3-mini-violet>div::before{
  background:linear-gradient(135deg,rgba(205,165,255,.30),rgba(109,86,247,.08));
}
#planes-completos .uspc3-mini-green>div::before{
  background:linear-gradient(135deg,rgba(117,255,191,.28),rgba(71,195,233,.08));
}
#planes-completos .uspc3-mini-grid>div::after{
  content:"";
  position:absolute;
  inset:-20% auto -20% -45%;
  width:28%;
  transform:skewX(-18deg) translateX(-170%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  opacity:0;
  pointer-events:none;
  transition:transform .52s ease,opacity .2s ease;
}
#planes-completos .uspc3-mini-grid strong,
#planes-completos .uspc3-mini-grid span,
#planes-completos .uspc3-mini-grid .uspc562-card-dot{
  position:relative;
  z-index:1;
}
#planes-completos .uspc3-mini-grid .uspc-mini-support{
  background:linear-gradient(145deg,rgba(183,255,75,.16),rgba(42,196,93,.10))!important;
  border-color:rgba(183,255,75,.38)!important;
}
#planes-completos .uspc3-mini-grid .uspc-mini-support strong{color:#e7ffb8!important}
#planes-completos .uspc3-mini-grid strong{font-size:16px!important;line-height:1.15!important}
#planes-completos .uspc3-mini-grid span{font-size:12.4px!important;line-height:1.42!important}
@media (hover:hover) and (pointer:fine){
  #planes-completos .uspc3-mini-grid>div:hover{
    transform:translateY(-2px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 30px rgba(0,0,0,.16),0 0 18px rgba(160,231,255,.08)!important;
  }
  #planes-completos .uspc3-mini-grid>div:hover::after{
    opacity:.52!important;
    transform:skewX(-18deg) translateX(420%)!important;
  }
}

/* Violeta menos gris y mejor integrado al resto. */
#planes-completos .uspc3-plan-violet{
  background:
    radial-gradient(circle at 100% 0,rgba(227,184,255,.19),transparent 31%),
    linear-gradient(145deg,#6940b3 0%,#53318b 46%,#26183f 100%)!important;
}
#planes-completos .uspc3-violet-top .uspc3-plan-copy,
#planes-completos .uspc20-benefits-violet,
#planes-completos .uspc3-tech-violet{
  filter:saturate(1.06);
}

@media(max-width:780px){
  #planes-completos .uspc3-plan-marquee{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  #planes-completos .uspc3-marquee-group{
    padding:13px 18px!important;
  }
  #planes-completos .uspc3-violet-top,
  #planes-completos .uspc9-green-top{
    margin-top:12px;
  }
  #planes-completos .uspc3-mini-grid>div::before{
    width:42px;
    height:42px;
    right:12px;
    bottom:10px;
    opacity:.32;
  }
}


/* =========================================================
   V5.9.13 · CENTRADO + VELOCIDAD + PASARELAS + MODALES MOBILE
   Mantiene intactos los precios y las tarjetas del hero.
========================================================= */

/* HERO: Planes Completos / con WordPress en dos líneas y centrado. */
#planes-completos .uspc57-hero-copy,
#planes-completos .uspc57-hero-copy h2,
#planes-completos .uspc57-hero-copy p,
#planes-completos .uspc57-overview-copy,
#planes-completos .uspc57-overview-copy h3,
#planes-completos .uspc57-overview-copy p{
  text-align:center!important;
}
#planes-completos .uspc57-hero-copy{
  margin-left:auto!important;
  margin-right:auto!important;
}
#planes-completos .uspc57-hero h2 em{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:5px auto 0!important;
  text-align:center!important;
}
#planes-completos .uspc57-hero-copy p{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Selector: “mi sitio / plan con tienda / plan sin tienda” centrado sin tocar las tags del hero. */
#planes-completos .uspc26-plan-selector-head,
#planes-completos .uspc26-plan-selector-head p,
#planes-completos .uspc22-plan-jump a small,
#planes-completos .uspc22-plan-jump a strong{
  text-align:center!important;
}
#planes-completos .uspc26-plan-selector-head{
  justify-items:center!important;
}

/* Textos de los planes centrados. No modifica números, columnas ni tamaños de precio. */
#planes-completos .uspc3-plan-copy,
#planes-completos .uspc3-plan-copy h3,
#planes-completos .uspc3-plan-copy p,
#planes-completos .uspc22-plan-sticker,
#planes-completos .uspc22-plan-sticker span,
#planes-completos .uspc22-plan-sticker b,
#planes-completos .uspc3-mini-grid>div,
#planes-completos .uspc3-mini-grid>div strong,
#planes-completos .uspc3-mini-grid>div span,
#planes-completos .uspc20-benefits-copy,
#planes-completos .uspc20-card-body,
#planes-completos .uspc3-tech-entry,
#planes-completos .uspc3-tech-copy,
#planes-completos .uspc3-tech-copy>div,
#planes-completos .uspc56-spec-item{
  text-align:center!important;
}
#planes-completos .uspc22-plan-sticker{
  justify-items:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#planes-completos .uspc3-tech-copy{
  justify-content:center!important;
}
#planes-completos .uspc3-tech-copy>div{
  flex:1 1 auto!important;
}
#planes-completos .uspc3-mini-grid>div{
  align-items:center!important;
  justify-content:center!important;
}
#planes-completos .uspc20-card-body{
  align-items:center!important;
}

/* VELOCIDAD + RENDIMIENTO: argumento destacado, realista y sin promesas absolutas. */
#planes-completos .uspc593-speed{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin:15px 0 17px;
  padding:18px 18px 16px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:14px;
  align-items:center;
  border-radius:17px;
  text-align:center;
  border:1px solid rgba(185,238,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 13px 28px rgba(0,0,0,.13);
}
#planes-completos .uspc593-speed-violet{
  background:linear-gradient(145deg,rgba(86,188,235,.13),rgba(178,112,255,.17),rgba(10,23,35,.22));
}
#planes-completos .uspc593-speed-green{
  background:linear-gradient(145deg,rgba(84,224,179,.15),rgba(80,194,239,.11),rgba(8,35,31,.20));
}
#planes-completos .uspc593-speed::after{
  content:"";
  position:absolute;
  inset:-35% auto -35% -18%;
  width:18%;
  z-index:-1;
  transform:skewX(-18deg) translateX(-220%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  opacity:.35;
  animation:uspc593SpeedSweep 5.6s ease-in-out infinite;
}
#planes-completos .uspc593-speed-icon{
  position:relative;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#d9ff72;
  background:linear-gradient(145deg,rgba(183,255,75,.18),rgba(86,218,255,.10));
  border:1px solid rgba(202,255,119,.32);
  font-size:30px;
  line-height:1;
  box-shadow:0 0 24px rgba(183,255,75,.10);
  animation:uspc593Bolt 2.45s ease-in-out infinite;
}
#planes-completos .uspc593-speed-copy small{
  display:block;
  color:#d8ff83;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.15px;
}
#planes-completos .uspc593-speed-copy>strong{
  display:block;
  margin-top:4px;
  font-size:18px;
  line-height:1.16;
  font-weight:800;
}
#planes-completos .uspc593-speed-copy>p{
  max-width:690px;
  margin:7px auto 0!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  color:#e4ebea!important;
}
#planes-completos .uspc593-speed-points{
  margin-top:10px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
}
#planes-completos .uspc593-speed-points span{
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.55px;
}
@keyframes uspc593Bolt{
  0%,100%{transform:translateY(0) rotate(0deg);filter:brightness(1)}
  48%{transform:translateY(-1px) rotate(-2deg);filter:brightness(1.15)}
  55%{transform:translateY(1px) rotate(2deg);filter:brightness(1.28)}
  63%{transform:translateY(0) rotate(0deg);filter:brightness(1.06)}
}
@keyframes uspc593SpeedSweep{
  0%,65%{transform:skewX(-18deg) translateX(-220%)}
  100%{transform:skewX(-18deg) translateX(760%)}
}

/* Pasarelas: cuatro grupos idénticos y un ciclo de exactamente un grupo.
   Evita el tramo sin texto antes de reiniciar. */
#planes-completos .uspc3-marquee-track{
  display:flex!important;
  width:max-content!important;
  min-width:0!important;
  animation:uspc593Marquee 30s linear infinite!important;
}
#planes-completos .uspc3-marquee-group{
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  justify-content:flex-start!important;
  gap:17px!important;
  padding:15px 22px!important;
}
@keyframes uspc593Marquee{to{transform:translate3d(-25%,0,0)}}

/* CTA: solamente cambia el texto visible a CONTRATAR y lo centra. */
#planes-completos .uspc3-buy,
#planes-completos .uspc57-inline-cta{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}
#planes-completos #uspc593TechGreen,
#planes-completos #uspc593TechViolet{
  scroll-margin-top:110px;
}

/* MODALES: textos centrados. */
#planes-completos .uspc3-modal-card,
#planes-completos .uspc3-modal-head>div,
#planes-completos .uspc3-spec-subtitle,
#planes-completos .uspc3-spec-grid article,
#planes-completos .uspc4-violet-common,
#planes-completos .uspc4-violet-promo,
#planes-completos .uspc19-modal-highlights{
  text-align:center!important;
}
#planes-completos .uspc593-spec-speed{
  border-color:rgba(188,255,107,.40)!important;
  background:linear-gradient(145deg,rgba(183,255,75,.14),rgba(84,211,255,.09))!important;
}
#planes-completos .uspc593-spec-speed strong{color:#e5ffb5!important}

@media(max-width:780px){
  /* Hero sigue centrado en teléfono y WordPress conserva su propia línea. */
  #planes-completos .uspc57-hero-copy,
  #planes-completos .uspc57-hero-copy h2,
  #planes-completos .uspc57-hero-copy p{
    width:100%!important;
    text-align:center!important;
  }
  #planes-completos .uspc57-hero h2 em{
    display:block!important;
    margin:5px auto 0!important;
  }

  /* Velocidad más compacta en celular. */
  #planes-completos .uspc593-speed{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:10px!important;
    margin:14px 0 15px!important;
    padding:17px 14px 15px!important;
  }
  #planes-completos .uspc593-speed-icon{width:54px;height:54px;font-size:28px}
  #planes-completos .uspc593-speed-copy>strong{font-size:17px!important}
  #planes-completos .uspc593-speed-copy>p{font-size:11px!important;line-height:1.52!important}

  /* Pasarela llena también en mobile. */
  #planes-completos .uspc3-marquee-group{
    gap:14px!important;
    padding:13px 16px!important;
  }
  #planes-completos .uspc3-marquee-track{animation-duration:25s!important}

  /* Modal debajo del menú fijo, como Hosting. */
  #planes-completos .uspc3-modal{
    z-index:2147483000!important;
    padding:94px 0 0!important;
    align-items:flex-start!important;
  }
  #planes-completos .uspc3-modal-card{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:calc(100dvh - 94px)!important;
    max-height:calc(100dvh - 94px)!important;
    padding:0 14px 0!important;
    border-radius:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }
  #planes-completos .uspc3-modal-head{
    position:sticky!important;
    top:0!important;
    z-index:12!important;
    margin:0 -14px!important;
    padding:17px 62px 15px 14px!important;
    min-height:82px!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  #planes-completos .uspc3-modal-card-green .uspc3-modal-head{
    background:linear-gradient(180deg,#125c38 0%,#0d482f 100%)!important;
  }
  #planes-completos .uspc3-modal-card-violet .uspc3-modal-head{
    background:linear-gradient(180deg,#673aa4 0%,#4d2b7d 100%)!important;
  }
  #planes-completos .uspc3-modal-head>button{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    z-index:14!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:11px!important;
    border:1px solid rgba(238,244,246,.28)!important;
    background:rgba(8,21,28,.42)!important;
    color:#fff!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:500!important;
    box-shadow:0 5px 14px rgba(0,0,0,.15)!important;
  }
  #planes-completos .uspc3-spec-grid{
    margin-top:17px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  #planes-completos .uspc3-spec-grid article{
    min-height:0!important;
    padding:13px 12px!important;
  }
  #planes-completos .uspc4-violet-modal-overview{
    margin-top:17px!important;
  }

  /* CERRAR sticky, centrado y moderado. */
  #planes-completos .uspc3-modal-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:11!important;
    margin:18px -14px 0!important;
    padding:11px 14px calc(12px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  #planes-completos .uspc3-modal-card-green .uspc3-modal-actions{
    background:linear-gradient(180deg,rgba(10,52,35,.78),#0a3423 36%)!important;
  }
  #planes-completos .uspc3-modal-card-violet .uspc3-modal-actions{
    background:linear-gradient(180deg,rgba(64,38,109,.78),#40266d 36%)!important;
  }
  #planes-completos .uspc3-modal-actions button{
    width:auto!important;
    min-width:132px!important;
    max-width:170px!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 22px!important;
    border-radius:10px!important;
    border:1px solid rgba(225,236,240,.28)!important;
    background:rgba(8,25,32,.58)!important;
    color:#f0f8fa!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.55px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #planes-completos .uspc593-speed-icon,
  #planes-completos .uspc593-speed::after{animation:none!important}
}


/* =========================================================
   V5.9.14 · VELOCIDAD PROTAGONISTA + FILA DE BENEFICIOS
   Mantiene intactos precios, descuentos y carruseles.
========================================================= */

/* En desktop: descripción oscura a la izquierda + velocidad a la derecha.
   Las mini tarjetas pasan a una fila propia debajo, como en Hosting. */
@media(min-width:781px){
  #planes-completos .uspc3-violet-top,
  #planes-completos .uspc9-green-top{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:16px!important;
  }
  #planes-completos .uspc594-speed-mobile{display:none!important}
  #planes-completos .uspc594-speed-desktop{
    display:grid!important;
    margin:0!important;
    min-height:100%!important;
    padding:24px 22px!important;
    grid-template-columns:70px minmax(0,1fr)!important;
    align-content:center!important;
    align-items:center!important;
    border-radius:20px!important;
  }
  #planes-completos .uspc594-speed-desktop .uspc593-speed-icon{
    width:68px!important;
    height:68px!important;
    font-size:34px!important;
    border-radius:18px!important;
  }
  #planes-completos .uspc594-speed-desktop .uspc593-speed-copy>strong{
    font-size:22px!important;
    line-height:1.13!important;
  }
  #planes-completos .uspc594-speed-desktop .uspc593-speed-copy>p{
    font-size:12.2px!important;
    line-height:1.55!important;
  }
  #planes-completos .uspc594-speed-desktop .uspc593-speed-points{
    margin-top:13px!important;
  }
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid{
    grid-column:1 / -1!important;
    width:100%!important;
    margin-top:2px!important;
  }
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  #planes-completos .uspc9-green-top>.uspc3-mini-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid>div,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid>div{
    min-height:112px!important;
  }
}

/* En mobile conservamos el bloque de velocidad que ya funcionaba bien. */
@media(max-width:780px){
  #planes-completos .uspc594-speed-desktop{display:none!important}
  #planes-completos .uspc594-speed-mobile{display:grid!important}

  /* Primer grupo de beneficios: todos los puntos a la izquierda. */
  #planes-completos .uspc3-mini-grid>div:nth-child(n)>.uspc562-card-dot{
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    top:12px!important;
    width:12px!important;
    height:12px!important;
  }
  #planes-completos .uspc3-mini-grid>div:nth-child(n){
    padding-left:38px!important;
    padding-right:14px!important;
  }
  #planes-completos .uspc3-mini-grid>div:nth-child(n) strong{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Segunda tanda / especificaciones resumidas: punto a la derecha. */
  #planes-completos .uspc56-spec-item:nth-child(n)::after{
    left:auto!important;
    right:12px!important;
    top:12px!important;
  }
  #planes-completos .uspc56-spec-item:nth-child(n)::before{
    left:auto!important;
    right:-26px!important;
  }

  /* Cabecera del modal: compacta para dejar ver contenido enseguida. */
  #planes-completos .uspc3-modal-head{
    min-height:0!important;
    padding:11px 56px 10px 12px!important;
    align-items:center!important;
  }
  #planes-completos .uspc3-modal-head>div{
    min-width:0!important;
  }
  #planes-completos .uspc3-modal-head small{
    display:block!important;
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.1!important;
    letter-spacing:.65px!important;
  }
  #planes-completos .uspc3-modal-head h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.14!important;
    letter-spacing:-.25px!important;
  }
  #planes-completos .uspc3-modal-head p{
    margin:4px 0 0!important;
    font-size:9.6px!important;
    line-height:1.28!important;
  }
  #planes-completos .uspc3-modal-head>button{
    top:10px!important;
    right:11px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }

  /* CTA verde superior: al saltar al precio deja la tarjeta bien encuadrada. */
  #planes-completos #uspc3PriceGreen{
    scroll-margin-top:82px!important;
  }
}


/* =========================================================
   V5.9.15 · VELOCIDAD COMO HOSTING + CORTES RESPONSIVE
   - Un solo bloque de velocidad por plan, en el mismo orden visual que Hosting.
   - Texto del plan primero; velocidad después; mini-beneficios debajo.
   - No modifica precios, descuentos ni modales aprobados.
========================================================= */

#planes-completos .uspc5915-hero-desc span{display:block!important}
#planes-completos .uspc5915-hero-desc span+span{margin-top:7px!important}
#planes-completos .uspc5915-mobile-br{display:none}
#planes-completos .uspc5915-price-mobile{display:none}

/* Bloque de velocidad tomado del criterio visual aprobado en Hosting. */
#planes-completos .uspc5915-performance{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  padding:24px 24px 21px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(118,226,255,.42)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(112,225,255,.15),transparent 42%),
    linear-gradient(135deg,rgba(7,56,81,.97),rgba(14,72,104,.96) 50%,rgba(44,39,112,.92))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 32px rgba(79,211,255,.08)!important;
  text-align:center!important;
  font-family:"Manrope",Arial,sans-serif!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
#planes-completos .uspc5915-performance-green{
  border-color:rgba(108,232,188,.42)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(98,234,203,.14),transparent 42%),
    linear-gradient(135deg,rgba(6,58,68,.98),rgba(10,79,84,.96) 52%,rgba(33,58,99,.94))!important;
}
#planes-completos .uspc5915-performance::before{
  content:"";position:absolute;inset:-70% auto auto -16%;width:42%;height:240%;
  transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  pointer-events:none;transition:transform .7s ease;
}
#planes-completos .uspc5915-performance-icon{
  position:relative;z-index:2;width:62px;height:62px;margin:0 auto 14px;display:grid;place-items:center;
  border-radius:18px;color:#321600;
  background:linear-gradient(145deg,#ffd17c,#ff972f)!important;
  border:1px solid rgba(255,232,196,.92)!important;
  box-shadow:0 0 0 7px rgba(255,155,47,.07),0 12px 28px rgba(255,138,36,.16)!important;
  animation:uspc5915Bolt 2.45s ease-in-out infinite!important;
}
#planes-completos .uspc5915-performance-icon svg{width:31px;height:31px;fill:currentColor;filter:drop-shadow(0 2px 2px rgba(255,255,255,.22))}
#planes-completos .uspc5915-performance-copy{position:relative;z-index:2;max-width:820px;margin:0 auto!important}
#planes-completos .uspc5915-performance-copy small{
  display:block!important;color:#ffbd68!important;font-size:11px!important;line-height:1.2!important;
  font-weight:800!important;letter-spacing:1.55px!important;text-align:center!important;
}
#planes-completos .uspc5915-performance-copy h4{
  margin:7px auto 9px!important;max-width:760px!important;color:#fff!important;
  font-family:"Manrope",Arial,sans-serif!important;font-size:27px!important;line-height:1.08!important;
  font-weight:800!important;letter-spacing:-.55px!important;text-align:center!important;
}
#planes-completos .uspc5915-performance-copy p{
  margin:0 auto!important;max-width:780px!important;color:#e0edf4!important;
  font-family:"Manrope",Arial,sans-serif!important;font-size:13px!important;line-height:1.58!important;
  font-weight:500!important;text-align:center!important;
}
#planes-completos .uspc5915-performance-copy p strong{color:#fff!important;font-weight:800!important}
#planes-completos .uspc5915-performance-points{
  position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;margin:18px auto 0!important;width:100%!important;max-width:880px!important;
}
#planes-completos .uspc5915-performance-points>div{
  min-height:86px!important;padding:13px 10px!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;border-radius:15px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .23s ease,border-color .23s ease,background .23s ease,box-shadow .23s ease!important;
}
#planes-completos .uspc5915-performance-points b{display:block!important;color:#aeeaff!important;font-size:11px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:1px!important}
#planes-completos .uspc5915-performance-points>div:nth-child(2) b{color:#d4b4ff!important}
#planes-completos .uspc5915-performance-points>div:nth-child(3) b{color:#caff7d!important}
#planes-completos .uspc5915-performance-points span{display:block!important;margin-top:6px!important;color:#edf6fa!important;font-size:11px!important;line-height:1.38!important;font-weight:500!important;text-align:center!important}
#planes-completos .uspc5915-performance-note{position:relative;z-index:2;margin:14px auto 0!important;max-width:760px!important;color:#bfcfd8!important;font-size:10.8px!important;line-height:1.5!important;font-weight:500!important;text-align:center!important}
#planes-completos .uspc5915-performance-note strong{color:#fff!important;font-weight:700!important}
#planes-completos .uspc5915-performance-note span{display:block!important;margin-top:2px!important}

@keyframes uspc5915Bolt{
  0%,100%{transform:translateY(0) rotate(0deg);filter:brightness(1)}
  48%{transform:translateY(-1px) rotate(-2deg);filter:brightness(1.12)}
  55%{transform:translateY(1px) rotate(2deg);filter:brightness(1.25)}
  63%{transform:translateY(0) rotate(0deg);filter:brightness(1.05)}
}

/* Desktop: copy + velocidad en fila superior; mini tarjetas en fila inferior. */
@media(min-width:781px){
  #planes-completos .uspc3-violet-top,
  #planes-completos .uspc9-green-top{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;gap:16px!important;
  }
  #planes-completos .uspc3-violet-top>.uspc3-plan-copy,
  #planes-completos .uspc9-green-top>.uspc3-plan-copy{
    min-height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  }
  #planes-completos .uspc3-violet-top>.uspc5915-performance,
  #planes-completos .uspc9-green-top>.uspc5915-performance{
    height:100%!important;align-self:stretch!important;
  }
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid{
    grid-column:1 / -1!important;width:100%!important;margin-top:2px!important;
  }
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #planes-completos .uspc9-green-top>.uspc3-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid>div,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid>div{min-height:112px!important}
}

/* Mobile: texto del plan primero, velocidad después y recién entonces los beneficios. */
@media(max-width:780px){
  #planes-completos .uspc5915-mobile-br{display:block!important;height:0!important}
  #planes-completos .uspc5915-price-desktop{display:none!important}
  #planes-completos .uspc5915-price-mobile{display:block!important}

  #planes-completos .uspc5915-performance{
    order:2!important;margin:0!important;padding:23px 15px 19px!important;border-radius:19px!important;
  }
  #planes-completos .uspc3-violet-top>.uspc3-plan-copy,
  #planes-completos .uspc9-green-top>.uspc3-plan-copy{order:1!important}
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid{order:3!important}
  #planes-completos .uspc5915-performance-icon{width:56px!important;height:56px!important;border-radius:16px!important;margin-bottom:12px!important}
  #planes-completos .uspc5915-performance-icon svg{width:28px!important;height:28px!important}
  #planes-completos .uspc5915-performance-copy h4{font-size:25px!important;line-height:1.1!important;letter-spacing:-.45px!important}
  #planes-completos .uspc5915-performance-copy p{font-size:13px!important;line-height:1.56!important}
  #planes-completos .uspc5915-performance-points{grid-template-columns:1fr!important;gap:8px!important;margin-top:17px!important}
  #planes-completos .uspc5915-performance-points>div{min-height:0!important;padding:13px 12px!important}
  #planes-completos .uspc5915-performance-points span{font-size:11.6px!important}
  #planes-completos .uspc5915-performance-note{font-size:11px!important;margin-top:14px!important}

  /* Cortes de lectura solicitados para celular. */
  #planes-completos .uspc5915-more-title span{display:block!important}
  #planes-completos .uspc20-card-body strong,
  #planes-completos .uspc20-card-body p{white-space:pre-line!important}
  #planes-completos .uspc564-selector-copy>span{display:block!important}
  #planes-completos .uspc9-green-price-heading .uspc5915-price-copy{max-width:330px!important;margin-inline:auto!important}

  /* Primer grupo de puntos a la izquierda; especificaciones a la derecha. */
  #planes-completos .uspc3-mini-grid>div>.uspc562-card-dot{left:12px!important;right:auto!important;top:12px!important}
  #planes-completos .uspc56-spec-item::after{left:auto!important;right:12px!important;top:12px!important}

  /* El precio verde es el destino real de CONTRATAR en teléfono. */
  #planes-completos #uspc3PriceGreen{scroll-margin-top:86px!important}
}

@media(hover:hover) and (pointer:fine){
  #planes-completos .uspc5915-performance:hover{transform:translateY(-2px)!important;border-color:rgba(255,174,83,.55)!important;box-shadow:0 22px 45px rgba(0,0,0,.27),0 0 38px rgba(89,216,255,.11)!important}
  #planes-completos .uspc5915-performance:hover::before{transform:translateX(330%) rotate(22deg)!important}
  #planes-completos .uspc5915-performance-points>div:hover{transform:translateY(-3px)!important;border-color:rgba(255,181,89,.40)!important;background:linear-gradient(145deg,rgba(90,220,255,.12),rgba(255,159,54,.06))!important;box-shadow:0 10px 22px rgba(0,0,0,.15)!important}
}

@media(prefers-reduced-motion:reduce){
  #planes-completos .uspc5915-performance-icon{animation:none!important}
  #planes-completos .uspc5915-performance,
  #planes-completos .uspc5915-performance-points>div,
  #planes-completos .uspc5915-performance::before{transition:none!important}
}

/* =========================================================
   V5.9.16 · DESKTOP REEQUILIBRADO + VELOCIDAD EN FILA COMPLETA
   - Desktop: presentación + mini beneficios arriba, como antes.
   - Velocidad ocupa todo el ancho debajo.
   - Violeta para Plan con Tienda; verde para Plan sin Tienda.
   - Mobile conserva: copy -> velocidad -> beneficios.
   - No modifica precios, CTA, modales ni saltos ya aprobados.
========================================================= */

@media(min-width:781px){
  /* Recuperamos el equilibrio original: texto a la izquierda, beneficios a la derecha. */
  #planes-completos .uspc3-violet-top,
  #planes-completos .uspc9-green-top{
    grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  #planes-completos .uspc3-violet-top>.uspc3-plan-copy,
  #planes-completos .uspc9-green-top>.uspc3-plan-copy{
    grid-column:1!important;
    grid-row:1!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  #planes-completos .uspc3-violet-top>.uspc3-mini-grid,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
    align-content:stretch!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #planes-completos .uspc3-violet-top>.uspc3-mini-grid>div,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid>div{
    min-height:0!important;
    height:100%!important;
  }

  /* Velocidad pasa a ser una segunda fila de ancho completo. */
  #planes-completos .uspc3-violet-top>.uspc5915-performance,
  #planes-completos .uspc9-green-top>.uspc5915-performance{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-height:0!important;
    margin-top:0!important;
    padding:24px 28px 20px!important;
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    grid-template-rows:auto 1fr auto!important;
    grid-template-areas:
      "icon points"
      "copy points"
      "note note"!important;
    column-gap:28px!important;
    row-gap:8px!important;
    align-items:center!important;
    justify-items:stretch!important;
    text-align:center!important;
  }

  #planes-completos .uspc5915-performance-icon{
    grid-area:icon!important;
    width:64px!important;
    height:64px!important;
    margin:0 auto 4px!important;
    align-self:end!important;
  }
  #planes-completos .uspc5915-performance-copy{
    grid-area:copy!important;
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    align-self:start!important;
  }
  #planes-completos .uspc5915-performance-copy h4{
    max-width:560px!important;
    font-size:28px!important;
    line-height:1.08!important;
  }
  #planes-completos .uspc5915-performance-copy p{
    max-width:590px!important;
    font-size:13.2px!important;
  }
  #planes-completos .uspc5915-performance-points{
    grid-area:points!important;
    margin:0!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-self:stretch!important;
  }
  #planes-completos .uspc5915-performance-points>div{
    min-height:116px!important;
    padding:16px 12px!important;
  }
  #planes-completos .uspc5915-performance-points b{
    font-size:12px!important;
  }
  #planes-completos .uspc5915-performance-points span{
    font-size:11.4px!important;
    line-height:1.42!important;
  }
  #planes-completos .uspc5915-performance-note{
    grid-area:note!important;
    width:100%!important;
    max-width:none!important;
    margin:6px auto 0!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
  }
  #planes-completos .uspc5915-performance-note span{
    display:inline!important;
    margin-left:4px!important;
  }
}

/* COLOR CORRECTO DEL BLOQUE DE VELOCIDAD SEGÚN EL PLAN. */
#planes-completos .uspc5915-performance-violet{
  border-color:rgba(205,157,255,.48)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(210,155,255,.18),transparent 36%),
    radial-gradient(circle at 88% 100%,rgba(151,92,230,.16),transparent 42%),
    linear-gradient(135deg,rgba(83,43,137,.98),rgba(65,35,111,.98) 52%,rgba(49,27,91,.99))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.23),0 0 34px rgba(175,113,255,.10)!important;
}
#planes-completos .uspc5915-performance-green{
  border-color:rgba(117,235,169,.46)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(123,238,174,.16),transparent 36%),
    radial-gradient(circle at 88% 100%,rgba(62,182,117,.15),transparent 42%),
    linear-gradient(135deg,rgba(11,101,61,.98),rgba(8,78,50,.98) 52%,rgba(6,59,41,.99))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.23),0 0 34px rgba(89,217,145,.09)!important;
}

/* Nada de azules en las mini tarjetas internas de velocidad: siguen la identidad del plan. */
#planes-completos .uspc5915-performance-violet .uspc5915-performance-points>div{
  background:linear-gradient(145deg,rgba(211,165,255,.13),rgba(255,255,255,.045))!important;
  border-color:rgba(225,193,255,.23)!important;
}
#planes-completos .uspc5915-performance-violet .uspc5915-performance-points b{
  color:#ffbd68!important;
}
#planes-completos .uspc5915-performance-violet .uspc5915-performance-points>div:nth-child(2) b{
  color:#e1c2ff!important;
}
#planes-completos .uspc5915-performance-violet .uspc5915-performance-points>div:nth-child(3) b{
  color:#d9ff98!important;
}

#planes-completos .uspc5915-performance-green .uspc5915-performance-points>div{
  background:linear-gradient(145deg,rgba(126,239,176,.12),rgba(255,255,255,.04))!important;
  border-color:rgba(159,243,195,.22)!important;
}
#planes-completos .uspc5915-performance-green .uspc5915-performance-points b{
  color:#ffbd68!important;
}
#planes-completos .uspc5915-performance-green .uspc5915-performance-points>div:nth-child(2) b{
  color:#c7ffd9!important;
}
#planes-completos .uspc5915-performance-green .uspc5915-performance-points>div:nth-child(3) b{
  color:#e1ff9f!important;
}

/* En mobile mantenemos el orden que ya pidió el usuario: texto -> velocidad -> beneficios. */
@media(max-width:780px){
  #planes-completos .uspc3-violet-top>.uspc3-plan-copy,
  #planes-completos .uspc9-green-top>.uspc3-plan-copy{order:1!important}
  #planes-completos .uspc5915-performance{order:2!important}
  #planes-completos .uspc3-violet-top>.uspc3-mini-grid,
  #planes-completos .uspc9-green-top>.uspc3-mini-grid{order:3!important}

  #planes-completos .uspc5915-performance-violet,
  #planes-completos .uspc5915-performance-green{
    padding:22px 15px 18px!important;
  }
  #planes-completos .uspc5915-performance-copy h4{
    font-size:24px!important;
    line-height:1.1!important;
  }
  #planes-completos .uspc5915-performance-note span{
    display:block!important;
    margin-left:0!important;
    margin-top:2px!important;
  }
}

@media(hover:hover) and (pointer:fine){
  #planes-completos .uspc5915-performance-violet:hover{
    border-color:rgba(222,184,255,.62)!important;
    box-shadow:0 22px 45px rgba(0,0,0,.27),0 0 38px rgba(184,124,255,.15)!important;
  }
  #planes-completos .uspc5915-performance-green:hover{
    border-color:rgba(148,244,190,.60)!important;
    box-shadow:0 22px 45px rgba(0,0,0,.27),0 0 38px rgba(88,220,148,.13)!important;
  }
  #planes-completos .uspc5915-performance-violet .uspc5915-performance-points>div:hover{
    background:linear-gradient(145deg,rgba(218,176,255,.18),rgba(255,255,255,.06))!important;
    border-color:rgba(226,194,255,.38)!important;
  }
  #planes-completos .uspc5915-performance-green .uspc5915-performance-points>div:hover{
    background:linear-gradient(145deg,rgba(139,241,184,.17),rgba(255,255,255,.055))!important;
    border-color:rgba(173,246,205,.35)!important;
  }
}


/* =========================================================
   V5.9.17 · AJUSTE DESKTOP DE JERARQUÍA Y DISTRIBUCIÓN
   Prioridad: escritorio. Mobile se conserva salvo ajustes seguros de estabilidad.
   NO toca Velocidad + Rendimiento, precios ni modales.
========================================================= */

/* 1) ELEGÍ TU PLAN: usar el ancho real, sin una torre angosta en el centro. */
@media(min-width:781px){
  #planes-completos .uspc5917-selector-head{
    display:grid!important;
    grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)!important;
    gap:34px!important;
    align-items:center!important;
    margin:0!important;
    padding:19px 24px 18px!important;
    text-align:left!important;
  }
  #planes-completos .uspc5917-selector-title{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  #planes-completos .uspc5917-selector-title small{
    display:block!important;
    margin:0 0 8px!important;
    font-size:11px!important;
    line-height:1.2!important;
    text-align:left!important;
  }
  #planes-completos .uspc5917-selector-title strong{
    display:block!important;
    margin:0!important;
    font-size:clamp(38px,4vw,62px)!important;
    line-height:.95!important;
    letter-spacing:-2px!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  #planes-completos .uspc5917-selector-copy{
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px!important;
    align-items:center!important;
    text-align:left!important;
    max-width:none!important;
    width:100%!important;
  }
  #planes-completos .uspc5917-selector-copy>span{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 0 4px 22px!important;
    border-left:2px solid rgba(133,236,204,.42)!important;
    color:#eef7f7!important;
    font-size:14px!important;
    line-height:1.5!important;
    text-align:left!important;
  }
  #planes-completos .uspc5917-selector-copy>span+span{
    border-left-color:rgba(197,157,255,.46)!important;
  }
  #planes-completos .uspc5917-selector-copy b{font-weight:800!important;color:#fff!important}

  /* 2) Cabeceras de ambos planes: menos aire entre sticker, título y explicación. */
  #planes-completos .uspc3-violet-top>.uspc3-plan-copy,
  #planes-completos .uspc9-green-top>.uspc3-plan-copy{
    justify-content:flex-start!important;
    padding:21px 24px 23px!important;
  }
  #planes-completos .uspc3-plan-copy .uspc22-plan-sticker{
    margin-bottom:9px!important;
  }
  #planes-completos .uspc3-plan-copy h3{
    margin:0 auto!important;
    max-width:96%!important;
    line-height:1.02!important;
  }
  #planes-completos .uspc3-plan-copy .uspc3-plan-intro{
    margin-top:12px!important;
    line-height:1.54!important;
  }
  #planes-completos .uspc3-plan-copy .uspc3-plan-detail,
  #planes-completos .uspc3-plan-copy .uspc14-green-detail{
    margin-top:11px!important;
  }
  #planes-completos .uspc3-plan-copy .uspc3-plan-detail,
  #planes-completos .uspc3-plan-copy .uspc14-green-detail p{
    line-height:1.56!important;
  }

  /* 3) CTA intermedio verde: vuelve a ser botón, no una tarjeta gigante. */
  #planes-completos .uspc9-green-mini .uspc57-inline-cta-green-mini{
    grid-column:1 / -1!important;
    width:min(100%,290px)!important;
    min-height:54px!important;
    height:54px!important;
    align-self:start!important;
    justify-self:center!important;
    margin:16px auto 2px!important;
    padding:0 22px!important;
    border-radius:15px!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.35px!important;
  }

  /* 4) Beneficio del 30%: contenido verdaderamente centrado dentro del rectángulo. */
  #planes-completos .uspc57-benefit-button{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:16px 42px!important;
  }
  #planes-completos .uspc57-benefit-button small,
  #planes-completos .uspc57-benefit-button strong,
  #planes-completos .uspc57-benefit-button span{
    width:100%!important;
    text-align:center!important;
  }
  #planes-completos .uspc57-benefit-button b{
    right:16px!important;
  }

  /* 5) Más luz verde en portada y overview, sin cambiar la identidad violeta/verde. */
  #planes-completos .uspc57-hero{
    background:
      radial-gradient(circle at 12% 8%,rgba(96,240,187,.18),transparent 31%),
      radial-gradient(circle at 78% 18%,rgba(169,128,255,.12),transparent 32%),
      linear-gradient(145deg,rgba(8,45,47,.96),rgba(12,31,48,.98) 52%,rgba(31,28,71,.96))!important;
    border-color:rgba(122,230,194,.24)!important;
  }
  #planes-completos .uspc57-overview{
    background:
      radial-gradient(circle at 8% 0%,rgba(74,226,169,.15),transparent 28%),
      radial-gradient(circle at 90% 14%,rgba(152,104,235,.09),transparent 30%),
      linear-gradient(180deg,rgba(8,39,40,.97),rgba(7,25,30,.992))!important;
    border-color:rgba(123,224,190,.20)!important;
  }
  #planes-completos .uspc57-kicker{margin-bottom:7px!important}
  #planes-completos .uspc57-hero h2{margin-top:0!important;margin-bottom:12px!important}
  #planes-completos .uspc5915-hero-desc{margin-top:0!important}
}

/* Mobile: conservar lo que ya funciona; sólo asegurar proporciones normales del CTA. */
@media(max-width:780px){
  #planes-completos .uspc5917-selector-head{
    display:block!important;
    padding:0!important;
    text-align:center!important;
  }
  #planes-completos .uspc5917-selector-title{text-align:center!important}
  #planes-completos .uspc5917-selector-title small,
  #planes-completos .uspc5917-selector-title strong{display:block!important;text-align:center!important}
  #planes-completos .uspc5917-selector-copy{
    display:block!important;
    width:100%!important;
    margin:10px auto 0!important;
    text-align:center!important;
  }
  #planes-completos .uspc5917-selector-copy>span{
    display:block!important;
    margin:0 auto 10px!important;
    text-align:center!important;
  }
  #planes-completos .uspc9-green-mini .uspc57-inline-cta-green-mini{
    width:min(100%,320px)!important;
    height:auto!important;
    min-height:52px!important;
    margin:16px auto 0!important;
    padding:0 18px!important;
    font-size:16px!important;
    line-height:1!important;
  }
}


/* =========================================================
   V5.9.18 · PORTADA MÁS LIMA + PASARELA + CORTES MOBILE
   - Refuerza verde/lima sólo en la zona superior.
   - Aumenta jerarquía de la pasarela previa a ELEGÍ TU PLAN.
   - Acerca y agranda el título de la solución completa.
   - Ajusta el paso 1 del selector.
   - Corrige cortes de lectura del carrusel en celular.
   - NO toca Velocidad + Rendimiento, precios ni modales.
========================================================= */

/* Portada: más verde/lima, manteniendo la base oscura y el violeta. */
#planes-completos .uspc57-hero{
  background:
    radial-gradient(circle at 9% 6%,rgba(183,255,75,.20),transparent 29%),
    radial-gradient(circle at 26% 18%,rgba(70,230,166,.18),transparent 31%),
    radial-gradient(circle at 82% 17%,rgba(169,128,255,.12),transparent 33%),
    linear-gradient(145deg,rgba(7,52,47,.97),rgba(9,33,43,.985) 52%,rgba(31,27,69,.97))!important;
  border-color:rgba(186,255,108,.25)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(211,255,177,.07),0 0 36px rgba(142,255,93,.055)!important;
}
#planes-completos .uspc57-overview{
  background:
    radial-gradient(circle at 7% 0%,rgba(183,255,75,.15),transparent 27%),
    radial-gradient(circle at 26% 5%,rgba(66,225,159,.13),transparent 29%),
    radial-gradient(circle at 91% 12%,rgba(155,104,235,.09),transparent 31%),
    linear-gradient(180deg,rgba(7,43,39,.975),rgba(6,24,29,.994))!important;
  border-color:rgba(175,245,112,.20)!important;
}
#planes-completos .uspc57-kicker,
#planes-completos .uspc57-overview-copy>small{
  color:#caff73!important;
  text-shadow:0 0 14px rgba(183,255,75,.14)!important;
}

/* UNA SOLUCIÓN COMPLETA + título: más cerca y con mayor presencia. */
#planes-completos .uspc57-overview-copy>small{
  display:block!important;
  margin:0 0 2px!important;
  font-size:10px!important;
  letter-spacing:1.35px!important;
}
#planes-completos .uspc57-overview-copy h3{
  margin:2px auto 0!important;
  font-size:clamp(34px,4.35vw,54px)!important;
  line-height:.99!important;
  letter-spacing:-1.65px!important;
}
#planes-completos .uspc57-overview-copy h3 em{
  margin-top:3px!important;
}
#planes-completos .uspc57-overview-copy p{
  margin-top:10px!important;
}

/* Pasarela inmediatamente anterior al selector: letras más grandes sin tocar su movimiento. */
#planes-completos .uspc57-assist-marquee{
  border-color:rgba(210,255,151,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.15),0 0 26px rgba(183,255,75,.07)!important;
}
#planes-completos .uspc562-assist-group{
  gap:20px!important;
  padding:14px 25px!important;
}
#planes-completos .uspc562-assist-group strong{
  font-size:17px!important;
  line-height:1.05!important;
  letter-spacing:.28px!important;
}
#planes-completos .uspc562-assist-group span{
  font-size:13px!important;
  line-height:1.1!important;
  letter-spacing:.2px!important;
}
#planes-completos .uspc562-assist-group i{
  font-size:17px!important;
}

/* Selector: paso 1 claro, en una sola línea. */
#planes-completos .uspc5917-selector-title small{
  color:#caff73!important;
  font-size:12.5px!important;
  font-weight:850!important;
  letter-spacing:.7px!important;
  white-space:nowrap!important;
}

/* Desktop: sólo refinamos la zona superior; el resto queda como V5.9.17. */
@media(min-width:781px){
  #planes-completos .uspc57-overview-copy{transform:translateY(-2px)!important}
  #planes-completos .uspc5917-selector-title small{margin-bottom:7px!important}
}

/* Mobile: cortes deliberados para que las frases no queden partidas al azar. */
@media(max-width:780px){
  #planes-completos .uspc57-hero{
    background:
      radial-gradient(circle at 12% 4%,rgba(183,255,75,.18),transparent 31%),
      radial-gradient(circle at 72% 13%,rgba(72,225,163,.13),transparent 34%),
      linear-gradient(155deg,rgba(7,49,45,.98),rgba(10,31,43,.99) 55%,rgba(29,26,64,.98))!important;
  }
  #planes-completos .uspc57-overview{
    background:
      radial-gradient(circle at 10% 0%,rgba(183,255,75,.13),transparent 30%),
      linear-gradient(180deg,rgba(7,42,38,.98),rgba(6,23,29,.995))!important;
  }
  #planes-completos .uspc57-overview-copy>small{font-size:9.5px!important;margin-bottom:1px!important}
  #planes-completos .uspc57-overview-copy h3{font-size:31px!important;line-height:1.02!important;margin-top:1px!important}

  #planes-completos .uspc562-assist-group{padding:13px 17px!important;gap:11px!important}
  #planes-completos .uspc562-assist-group strong{font-size:13px!important}
  #planes-completos .uspc562-assist-group span{font-size:11px!important}
  #planes-completos .uspc562-assist-group i{font-size:14px!important}

  #planes-completos .uspc5917-selector-title small{
    display:block!important;
    width:100%!important;
    margin:0 auto 7px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    letter-spacing:.25px!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Encabezado verde del carrusel en dos líneas intencionales. */
  #planes-completos .uspc5918-green-carousel-title span{display:block!important}

  /* JS usa saltos de línea; pre-line los respeta sólo en mobile. */
  #planes-completos .uspc20-card-body strong,
  #planes-completos .uspc20-card-body p{
    white-space:pre-line!important;
    text-wrap:balance!important;
  }
}


/* =========================================================
   V5.9.19 · AJUSTES FINOS SOLICITADOS
   - Cortes de lectura mobile del carrusel.
   - Nombres del Plan sin Tienda más claros.
   - Destaque lima en encabezados de especificaciones.
   - No toca precios, Velocidad + Rendimiento ni modales aprobados.
========================================================= */

/* Encabezado previo a VER ESPECIFICACIONES: identidad lima clara en ambos planes. */
#planes-completos .uspc3-tech-violet .uspc3-tech-copy small,
#planes-completos .uspc3-tech-green .uspc3-tech-copy small,
#planes-completos .uspc3-tech-violet .uspc3-tech-copy strong,
#planes-completos .uspc3-tech-green .uspc3-tech-copy strong{
  color:#d5ff69!important;
  text-shadow:0 0 16px rgba(213,255,105,.12)!important;
}

/* Cabecera del carrusel verde: lectura intencional en tres líneas en desktop y mobile. */
#planes-completos .uspc5918-green-carousel-title span{
  display:block!important;
}

/* Nombre del plan sin tienda, después de la primera etiqueta comercial, con destaque consistente. */
#planes-completos .uspc580-green-benefits-copy>small,
#planes-completos .uspc9-green-price-heading>small{
  color:#d5ff69!important;
}

@media(max-width:780px){
  /* Los saltos definidos en JS se respetan exactamente en teléfono. */
  #planes-completos .uspc20-card-body strong,
  #planes-completos .uspc20-card-body p{
    white-space:pre-line!important;
    text-wrap:balance!important;
  }
}