.ush12{--cyan:#47d7ff;--cyan2:#27bde8;--deep:#071827;--deep2:#0b3146;--blue:#126b8d;--violet:#774bda;--violet2:#a56dff;--lime:#b7ff4b;--white:#fff;position:relative;width:100%;font-family:Poppins,Arial,sans-serif;color:#fff;overflow:hidden}.ush12 *{box-sizing:border-box}.ush12 button,.ush12 a{font-family:inherit}.ush12 svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ush12-section{position:relative;isolation:isolate;overflow:hidden;background:#04111d}.ush12-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-6;opacity:.88;filter:saturate(1.08) contrast(1.03) brightness(.82)}.ush12-overlay{position:absolute;inset:0;z-index:-5;background:linear-gradient(180deg,rgba(3,13,23,.40) 0%,rgba(3,13,23,.23) 20%,rgba(3,13,23,.40) 48%,rgba(3,13,23,.79) 82%,rgba(3,13,23,.97) 100%),linear-gradient(90deg,rgba(2,12,21,.54),rgba(2,12,21,.13) 45%,rgba(2,12,21,.40))}.ush12-grid{position:absolute;inset:0;z-index:-4;opacity:.12;background-image:linear-gradient(rgba(91,215,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(91,215,255,.16) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black 0%,transparent 82%)}.ush12-glow{position:absolute;z-index:-3;border-radius:50%;pointer-events:none}.ush12-glow-a{width:580px;height:580px;left:-140px;top:110px;background:rgba(56,199,245,.20);filter:blur(110px)}.ush12-glow-b{width:580px;height:580px;right:-170px;top:370px;background:rgba(132,82,231,.16);filter:blur(120px)}.ush12-shell{width:min(1440px,94vw);margin:0 auto;padding:44px 0 54px}.ush12-section-intro{text-align:center;padding:12px 0 38px}.ush12-section-intro small{display:block;color:var(--lime);font-size:10px;font-weight:950;letter-spacing:1.5px}.ush12-section-intro h2{margin:7px 0 5px;font-size:48px;line-height:1;font-weight:950;letter-spacing:-1.6px;text-shadow:0 8px 28px rgba(0,0,0,.52),0 0 26px rgba(71,215,255,.10)}.ush12-section-arrow{display:inline-block;color:var(--lime);font-size:27px;line-height:1}.ush12-heading{max-width:900px;margin:0 auto 26px;text-align:center}.ush12-kicker{display:inline-flex;gap:8px;align-items:center;color:#d7e8ef;font-size:10px;font-weight:950;letter-spacing:1.2px}.ush12-kicker span{color:var(--lime)}.ush12-heading h3{margin:10px 0 8px;font-size:49px;line-height:1.01;letter-spacing:-1.6px;font-weight:950;text-shadow:0 7px 26px rgba(0,0,0,.55)}.ush12-heading h3 em{display:block;color:#c9f4ff;font-style:normal}.ush12-heading p{margin:0 auto;max-width:760px;color:#e5eef2;font-size:14px;line-height:1.55;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.ush12-plan{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(31,139,178,.95),rgba(18,96,132,.97) 52%,rgba(10,64,91,.98));border:1px solid rgba(125,226,255,.46);box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 38px rgba(64,205,255,.10)}.ush12-marquee{overflow:hidden;background:linear-gradient(90deg,#5a31a0,#794bd8 45%,#4c2a8b);border-bottom:1px solid rgba(229,204,255,.35)}.ush12-marquee-track{display:flex;width:max-content;animation:ush12Marquee 24s linear infinite;will-change:transform}.ush12-marquee-group{display:flex;align-items:center;gap:22px;padding:15px 24px;white-space:nowrap}.ush12-marquee-group strong{font-size:17px;font-weight:950}.ush12-marquee-group span{font-size:11px;font-weight:800;color:#ece3ff}.ush12-marquee-group i{font-style:normal;color:var(--lime)}@keyframes ush12Marquee{to{transform:translateX(-50%)}}
.ush12-top{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;padding:24px 22px 18px}.ush12-copy{padding:26px;border-radius:22px;background:linear-gradient(145deg,rgba(4,46,66,.70),rgba(3,38,57,.82));border:1px solid rgba(255,255,255,.17)}.ush12-sticker{display:inline-flex;flex-direction:column;gap:3px;padding:10px 13px;border-radius:12px;background:rgba(44,173,219,.22);border:1px solid rgba(141,227,255,.42)}.ush12-sticker span{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1px}.ush12-sticker b{font-size:13px}.ush12-copy h3{margin:19px 0 8px;font-size:42px;line-height:1.02;letter-spacing:-1.3px;font-weight:950}.ush12-intro{margin:0;color:#fff;font-size:14px;line-height:1.55}.ush12-detail{margin:26px 0 0;color:#e0ecf1;font-size:13px;line-height:1.65}.ush12-copy-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.ush12-features-side{display:flex;flex-direction:column;gap:13px}.ush12-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ush12-feature{position:relative;min-height:116px;padding:18px;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.20);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.ush12-feature strong{display:block;font-size:17px;line-height:1.12;font-weight:950}.ush12-feature span{display:block;margin-top:7px;color:#e7f0f4;font-size:12px;line-height:1.45}.ush12-feature-support{border-color:rgba(183,255,75,.58);background:linear-gradient(145deg,rgba(183,255,75,.15),rgba(35,175,153,.15))}.ush12-feature-support strong{color:#e5ffb9}.ush12-jump-buy{margin-top:auto;min-height:64px;width:100%;border:1px solid rgba(243,255,226,.88);border-radius:15px;cursor:pointer;color:#061006;background:linear-gradient(180deg,#d7ff89,#9aff4e);font-size:22px;font-weight:950;letter-spacing:1px;box-shadow:0 13px 30px rgba(89,255,108,.14)}
.ush12-tech-entry{margin:0 22px 20px;padding:17px 18px;display:grid;grid-template-columns:minmax(0,620px) minmax(280px,360px);gap:24px;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(255,255,255,.20);background:linear-gradient(120deg,rgba(31,126,162,.94),rgba(17,82,119,.96))}.ush12-tech-copy{display:flex;align-items:center;gap:13px;min-width:0}.ush12-tech-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:var(--lime)}.ush12-tech-icon svg{width:24px;height:24px}.ush12-tech-copy small{display:block;color:var(--lime);font-size:9.5px;font-weight:950;letter-spacing:1.1px}.ush12-tech-copy strong{display:block;margin-top:3px;font-size:18px;font-weight:950}.ush12-tech-copy p{margin:5px 0 0;color:#e4edf1;font-size:12px;line-height:1.42}.ush12-tech-open{min-height:58px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid rgba(255,255,255,.67);cursor:pointer;color:#fff;background:linear-gradient(180deg,#b67cff,#774bda);font-size:15px;font-weight:950;line-height:1.2;white-space:nowrap;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}.ush12-tech-open span{font-size:22px}
.ush12-commercial{margin:0 22px 22px;display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:12px}.ush12-commercial-col{min-width:0;padding:22px;border-radius:19px;border:1px solid rgba(164,233,255,.27);background:linear-gradient(145deg,rgba(17,91,123,.96),rgba(10,60,84,.98));box-shadow:0 16px 32px rgba(0,0,0,.16)}.ush12-base,.ush12-final{text-align:center}.ush12-coupon-col{display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(145deg,rgba(29,111,143,.98),rgba(13,69,96,.99))}.ush12-price-heading small{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1.15px}.ush12-price-heading strong{display:block;margin-top:6px;font-size:21px;line-height:1.1;font-weight:950}.ush12-commercial-label{display:block;margin-top:22px;color:#d1eaf2;font-size:9px;font-weight:900;letter-spacing:1px}.ush12-price,.ush12-final-price{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin-top:4px}.ush12-price i,.ush12-final-price i{font-style:normal;font-size:23px;font-weight:900;padding-top:7px}.ush12-price strong{font-size:51px;line-height:1;font-weight:950;letter-spacing:-1.8px}.ush12-annual-label{display:block;margin-top:8px;color:var(--lime);font-size:11px;font-weight:950;letter-spacing:1px}.ush12-renew-note{display:block;margin:6px auto 0;max-width:94%;color:rgba(238,249,252,.65);font-size:7.8px;font-weight:800;letter-spacing:.35px;line-height:1.45}.ush12-installments{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;border-radius:13px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.075)}.ush12-installments>span{color:var(--lime);font-size:31px;font-weight:950}.ush12-installments p{margin:0;display:grid;gap:2px;text-align:left}.ush12-installments b{font-size:16px}.ush12-installments small{color:rgba(255,255,255,.72);font-size:8.5px;font-weight:850}.ush12-discount-activate{margin-top:18px;padding:14px 15px;border-radius:13px;border:1px solid rgba(183,255,75,.34);background:rgba(183,255,75,.08);text-align:left}.ush12-discount-activate small{color:#e0ffaf;font-size:10px;font-weight:950;letter-spacing:1px}.ush12-discount-activate strong{display:block;margin-top:5px;font-size:18px;line-height:1.08}.ush12-discount-activate>div{margin-top:8px;display:flex;align-items:center;gap:8px}.ush12-discount-activate s{color:#c3d6dc;font-size:11px}.ush12-discount-activate i{font-style:normal;color:var(--lime)}.ush12-discount-activate b{color:var(--lime);font-size:18px}.ush12-gift{display:flex;align-items:flex-start;gap:16px}.ush12-gift-icon{position:relative;width:64px;height:64px;min-width:64px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:var(--lime)}.ush12-gift-icon svg{width:36px;height:36px;position:relative;z-index:2}.ush12-gift-copy{flex:1}.ush12-gift-head small{display:block;color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1.1px}.ush12-gift-head strong{display:block;margin-top:4px;font-size:20px;line-height:1.07;font-weight:950}.ush12-gift-promo{margin-top:10px;padding:10px 12px;border-radius:13px;border:1px solid rgba(183,255,75,.28);background:linear-gradient(135deg,rgba(183,255,75,.12),rgba(255,255,255,.045))}.ush12-gift-promo b{display:block;color:var(--lime);font-size:31px;line-height:1;font-weight:950}.ush12-gift-promo span{display:block;margin-top:4px;font-size:10px;font-weight:900}.ush12-paper{position:absolute;z-index:1;width:7px;height:10px;border-radius:2px;opacity:0;pointer-events:none;animation:ush12Confetti 1.9s ease-out infinite;will-change:transform,opacity}.ush12-paper.p1{left:7px;top:6px;background:#b7ff4b;--tx:-20px;--ty:-24px;animation-delay:.05s}.ush12-paper.p2{right:7px;top:7px;background:#68dcff;--tx:20px;--ty:-23px;animation-delay:.27s}.ush12-paper.p3{left:4px;bottom:8px;background:#ffcc55;--tx:-24px;--ty:14px;animation-delay:.52s}.ush12-paper.p4{right:5px;bottom:8px;background:#d58cff;--tx:23px;--ty:15px;animation-delay:.78s}.ush12-paper.p5{left:23px;top:1px;background:#ff6f91;--tx:-5px;--ty:-30px;animation-delay:1.02s}.ush12-paper.p6{right:19px;bottom:2px;background:#7cffab;--tx:7px;--ty:27px;animation-delay:1.28s}@keyframes ush12Confetti{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)}}.ush12-countdown-title{margin-top:18px;text-align:center;color:#eef7fb;font-size:10.5px;font-weight:950;letter-spacing:1px}.ush12-countdown{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px}.ush12-countdown>div{min-width:51px;padding:8px 7px;border-radius:10px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.15);text-align:center}.ush12-countdown strong{display:block;font-size:22px;line-height:1}.ush12-countdown small{display:block;margin-top:4px;color:#cfe1e7;font-size:7px;font-weight:900}.ush12-countdown>i{font-style:normal;color:rgba(255,255,255,.58);font-weight:950}.ush12-seconds strong{color:var(--lime);transform-origin:center}.ush12-coupon-bottom{margin-top:14px;display:grid;gap:9px}.ush12-unlock{width:100%;min-height:52px;padding:0 13px;border-radius:12px;border:1px solid rgba(220,255,184,.76);background:linear-gradient(180deg,#caff7e,#9dff4f);color:#071108;cursor:pointer;font-size:12px;font-weight:950;line-height:1.18;box-shadow:0 0 0 3px rgba(183,255,75,.08),0 10px 24px rgba(36,142,78,.12)}.ush12-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}.ush12-coupon-box.is-open{display:block}.ush12-coupon-box>span{display:block;color:#e0ffaf;font-size:8px;font-weight:900}.ush12-coupon-box>strong{display:block;margin-top:4px;font-size:27px;letter-spacing:2px}.ush12-coupon-box button{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-size:9px;font-weight:900}.ush12-coupon-box p{margin:7px 0 0;color:#d8e7eb;font-size:8.5px;line-height:1.4}.ush12-final>s{display:block;margin-top:8px;color:#c8d7dc;font-size:15px}.ush12-final-price strong{font-size:68px;line-height:.94;color:var(--lime);font-weight:950;letter-spacing:-2.6px;text-shadow:0 0 22px rgba(183,255,75,.13)}.ush12-final-badge{margin:15px auto 0;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:var(--lime);color:#0b1209;font-size:9px;font-weight:950}.ush12-installments-final{margin-top:18px}.ush12-buy{margin-top:16px;min-height:68px;padding:0 18px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#061006;background:linear-gradient(180deg,#d7ff89,#9aff4e);border:1px solid rgba(243,255,226,.88);font-size:25px;font-weight:950;letter-spacing:1.1px;text-decoration:none;box-shadow:0 13px 28px rgba(102,255,92,.16),0 0 22px rgba(183,255,75,.16)}.ush12-reminder{margin-top:15px;color:#f4fbfd;font-size:14px;line-height:1.45;font-weight:850}
.ush12-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:24px}.ush12-modal.is-open{display:flex}.ush12-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,14,.82)}.ush12-modal-card{position:relative;width:min(1040px,94vw);max-height:90vh;overflow:auto;padding:24px;border-radius:22px;background:linear-gradient(155deg,#176f94,#0b4968 62%,#083b56);border:1px solid rgba(133,225,255,.34);box-shadow:0 28px 80px rgba(0,0,0,.52)}.ush12-modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ush12-modal-head small{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1px}.ush12-modal-head h2{margin:5px 0 5px;font-size:35px;line-height:1}.ush12-modal-head h2 em{color:#c9f4ff;font-style:normal}.ush12-modal-head p{margin:0;color:#d8e8ed;font-size:12px}.ush12-modal-head>button{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:28px}.ush12-modal-overview{margin-top:20px;display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.ush12-modal-common,.ush12-modal-promo{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.075)}.ush12-modal-common>span,.ush12-modal-promo>span{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1px}.ush12-modal-common strong{display:block;margin-top:6px;font-size:18px;line-height:1.25}.ush12-modal-common p{margin:7px 0 0;color:#d9e9ed;font-size:11.5px;line-height:1.5}.ush12-modal-promo{text-align:center}.ush12-modal-promo>div{margin-top:5px;display:flex;align-items:baseline;justify-content:center;gap:10px}.ush12-modal-promo s{color:#c5d3d8;font-size:13px}.ush12-modal-promo strong{color:var(--lime);font-size:31px}.ush12-modal-promo small{display:block;color:#dceaf0;font-size:10px}.ush12-modal-highlights{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.ush12-modal-highlights span{padding:8px 10px;border-radius:999px;background:rgba(183,255,75,.10);border:1px solid rgba(183,255,75,.27);color:#e9ffca;font-size:10px;font-weight:850}.ush12-spec-subtitle{margin:21px 0 10px;font-size:17px}.ush12-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ush12-spec-grid article{min-height:134px;padding:16px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.17);transition:transform .2s ease,border-color .2s ease,background .2s ease}.ush12-spec-grid article small{color:var(--lime);font-size:8.5px;font-weight:950;letter-spacing:.8px}.ush12-spec-grid article strong{display:block;margin-top:5px;font-size:17px}.ush12-spec-grid article p{margin:7px 0 0;color:#e0ebef;font-size:11.5px;line-height:1.5}.ush12-spec-grid .ush12-spec-support{border-color:rgba(183,255,75,.50);background:linear-gradient(145deg,rgba(183,255,75,.17),rgba(58,178,158,.10))}.ush12-modal-note{margin-top:15px;padding:13px 14px;display:flex;gap:10px;border-radius:13px;background:rgba(3,17,28,.23);border:1px solid rgba(255,255,255,.13)}.ush12-modal-note b{color:var(--lime);font-size:10px}.ush12-modal-note span{color:#d9e5e9;font-size:10px;line-height:1.45}.ush12-modal-actions{margin-top:20px;padding-top:17px;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.14)}.ush12-modal-actions button{min-width:270px;min-height:64px;border-radius:14px;cursor:pointer;color:#061006;background:linear-gradient(180deg,#d7ff89,#9aff4e);border:1px solid rgba(243,255,226,.88);font-size:21px;font-weight:950;letter-spacing:.9px}
.ush12-reveal{opacity:0;transform:translate3d(0,12px,0);transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}.ush12-reveal.is-visible{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.ush12-feature:hover{transform:translateY(-2px);border-color:rgba(183,255,75,.45);background:linear-gradient(145deg,rgba(183,255,75,.10),rgba(255,255,255,.10));box-shadow:0 10px 24px rgba(2,22,35,.12)}.ush12-jump-buy:hover,.ush12-buy:hover,.ush12-modal-actions button:hover{background:linear-gradient(180deg,#7beeff,#36c9ef);transform:translateY(-1px)}.ush12-tech-open:hover{background:linear-gradient(180deg,#ca98ff,#8d5df0)}.ush12-unlock:hover{box-shadow:0 0 0 5px rgba(183,255,75,.10),0 12px 28px rgba(36,142,78,.16)}.ush12-spec-grid article:hover{transform:translateY(-2px);border-color:rgba(183,255,75,.42);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(183,255,75,.05))}}
@media(max-width:1050px){.ush12-top{grid-template-columns:1fr}.ush12-copy-cards{grid-template-columns:1fr 1fr}.ush12-commercial{grid-template-columns:1fr 1fr}.ush12-final{grid-column:1/-1}.ush12-tech-entry{grid-template-columns:1fr}.ush12-modal-overview{grid-template-columns:1fr}.ush12-spec-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.ush12{width:100%;margin:0}.ush12-section{background:radial-gradient(circle at 20% 8%,rgba(63,190,238,.16),transparent 35%),linear-gradient(180deg,#061521,#04101a)}.ush12-video,.ush12-grid,.ush12-glow{display:none!important}.ush12-overlay{background:linear-gradient(180deg,rgba(2,10,18,.18),rgba(2,10,18,.54))}.ush12-shell{width:100%;padding:26px 12px 32px}.ush12-section-intro{padding:8px 0 28px}.ush12-section-intro h2{font-size:37px}.ush12-heading{margin-bottom:18px}.ush12-heading h3{font-size:35px;line-height:1.02;letter-spacing:-1.1px}.ush12-heading p{font-size:12.5px;padding:0 4px}.ush12-plan{border-radius:20px}.ush12-marquee-group{padding:12px 14px;gap:14px}.ush12-marquee-group strong{font-size:15px}.ush12-marquee-group span{font-size:10px}.ush12-top{grid-template-columns:1fr;gap:12px;padding:14px 10px 12px}.ush12-copy{padding:18px;border-radius:16px}.ush12-copy h3{font-size:31px}.ush12-intro,.ush12-detail{font-size:12px;line-height:1.56}.ush12-copy-cards,.ush12-mini-grid{grid-template-columns:1fr 1fr;gap:8px}.ush12-feature{min-height:100px;padding:13px}.ush12-feature strong{font-size:15px}.ush12-feature span{font-size:11.2px}.ush12-jump-buy{min-height:60px;font-size:20px}.ush12-tech-entry{margin:0 10px 14px;padding:14px;grid-template-columns:1fr;gap:12px;border-radius:16px}.ush12-tech-copy{align-items:flex-start}.ush12-tech-copy strong{font-size:15.5px}.ush12-tech-copy p{font-size:11px}.ush12-tech-open{width:100%;min-height:56px;white-space:normal;text-align:center;font-size:13px}.ush12-commercial{margin:0 10px 14px;grid-template-columns:1fr;gap:10px}.ush12-commercial-col{padding:18px;border-radius:16px}.ush12-final{grid-column:auto}.ush12-price strong{font-size:45px}.ush12-final-price strong{font-size:60px}.ush12-gift-icon{width:56px;height:56px;min-width:56px}.ush12-gift-head strong{font-size:18px}.ush12-gift-promo b{font-size:28px}.ush12-countdown{gap:4px}.ush12-countdown>div{min-width:46px;padding:7px 5px}.ush12-countdown strong{font-size:20px}.ush12-unlock{font-size:11px}.ush12-buy{min-height:64px;font-size:22px}.ush12-modal{padding:0;align-items:flex-start}.ush12-modal-card{width:100%;max-height:100dvh;min-height:100dvh;border-radius:0;padding:18px 14px 26px}.ush12-modal-head{position:sticky;top:-18px;z-index:4;margin:-18px -14px 0;padding:18px 14px 16px;background:#176f94}.ush12-modal-head h2{font-size:30px}.ush12-modal-head p{font-size:12px}.ush12-modal-overview{grid-template-columns:1fr}.ush12-spec-grid{grid-template-columns:1fr;gap:8px}.ush12-spec-grid article{min-height:0;padding:14px}.ush12-modal-actions{position:sticky;bottom:-26px;margin:18px -14px -26px;padding:12px 14px 16px;background:#0b4968}.ush12-modal-actions button{width:100%;min-width:0;min-height:62px;font-size:20px}.ush12-reveal{transform:translate3d(0,7px,0);transition-duration:.34s}}
@media(max-width:440px){.ush12-copy-cards,.ush12-mini-grid{grid-template-columns:1fr}.ush12-heading h3{font-size:32px}.ush12-countdown>div{min-width:42px}.ush12-countdown strong{font-size:18px}.ush12-final-price strong{font-size:56px}}
@media(prefers-reduced-motion:reduce){.ush12-marquee-track,.ush12-paper{animation:none!important}.ush12-reveal{opacity:1!important;transform:none!important;transition:none!important}}
\n\n/* =========================================================\nV1.3 · CABECERA + JERARQUÍA VISUAL ALINEADA A PLANES COMPLETOS\n========================================================= */\n.ush12-section-intro{\n  width:min(1120px,100%);\n  min-height:150px;\n  margin:0 auto 34px;\n  padding:24px;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n  overflow:hidden;\n  border-radius:26px;\n  background:\n    radial-gradient(circle at 15% 0%,rgba(120,255,194,.26),transparent 38%),\n    radial-gradient(circle at 84% 0%,rgba(203,168,255,.28),transparent 38%),\n    linear-gradient(105deg,rgba(16,149,140,.91),rgba(15,74,94,.92) 48%,rgba(112,64,205,.93));\n  border:1px solid rgba(255,255,255,.24);\n  box-shadow:0 24px 48px rgba(0,0,0,.24),0 0 36px rgba(71,215,255,.08);\n}\n.ush12-section-intro::after{\n  content:"";position:absolute;inset:0;pointer-events:none;\n  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.10) 49%,transparent 63%);\n  transform:translateX(-110%);animation:ush13IntroShine 6.2s ease-in-out infinite;\n}\n.ush12-section-intro small{position:relative;z-index:1;color:#ecfff4;font-size:10px;font-weight:950;letter-spacing:1.35px}\n.ush12-section-intro h2{position:relative;z-index:1;margin:8px 0 0;color:#fff;font-size:clamp(38px,5vw,60px);line-height:.98;font-weight:950;letter-spacing:-1.8px;text-shadow:0 5px 18px rgba(0,0,0,.48)}\n.ush12-section-arrow{position:relative;z-index:1;width:44px;height:44px;margin-top:13px;display:grid;place-items:center;border-radius:50%;color:#071108;background:var(--lime);font-size:24px;font-weight:950;box-shadow:0 0 27px rgba(183,255,75,.34);animation:ush13Arrow 1.55s ease-in-out infinite}\n@keyframes ush13IntroShine{0%,68%,100%{transform:translateX(-110%)}82%{transform:translateX(110%)}}\n@keyframes ush13Arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}\n\n/* Más video visible alrededor de la cabecera y el título */\n.ush12-overlay{background:linear-gradient(180deg,rgba(3,13,23,.27) 0%,rgba(3,13,23,.20) 20%,rgba(3,13,23,.37) 50%,rgba(3,13,23,.77) 82%,rgba(3,13,23,.96) 100%),linear-gradient(90deg,rgba(2,12,21,.42),rgba(2,12,21,.08) 47%,rgba(2,12,21,.34))}\n.ush12-heading{max-width:980px;margin:0 auto 28px}\n.ush12-heading h3{font-size:clamp(40px,4.8vw,58px);text-shadow:0 7px 25px rgba(0,0,0,.72),0 2px 4px rgba(0,0,0,.70)}\n.ush12-heading h3 em{color:#d8ffb8;text-shadow:0 7px 25px rgba(0,0,0,.74),0 0 20px rgba(183,255,75,.14)}\n.ush12-heading p{max-width:820px;font-size:14.5px;text-shadow:0 3px 10px rgba(0,0,0,.80)}\n\n/* Pasarela violeta más clara */\n.ush12-marquee{background:linear-gradient(90deg,#7548c9,#9a67ef 48%,#7042bf);border-bottom:1px solid rgba(239,221,255,.46);box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}\n.ush12-marquee-group span{color:#f5efff}\n\n/* Tarjeta celeste algo más viva */\n.ush12-plan{background:linear-gradient(145deg,rgba(38,157,198,.96),rgba(20,111,148,.98) 53%,rgba(12,76,106,.99));border-color:rgba(138,232,255,.55);box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 42px rgba(64,205,255,.13)}\n.ush12-copy{background:linear-gradient(145deg,rgba(4,55,78,.76),rgba(3,43,64,.86))}\n.ush12-sticker{background:rgba(49,194,239,.24);border-color:rgba(157,237,255,.48)}\n\n/* CTA intermedio: promoción + comprar, sin botón gigante */\n.ush12-top-actions{margin-top:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:10px;align-items:stretch}\n.ush12-top-promo{min-height:74px;padding:13px 15px;border-radius:15px;border:1px solid rgba(183,255,75,.36);background:linear-gradient(145deg,rgba(183,255,75,.11),rgba(6,70,82,.20));display:flex;flex-direction:column;justify-content:center}\n.ush12-top-promo small{color:#ddffad;font-size:9px;font-weight:950;letter-spacing:1px}\n.ush12-top-promo strong{display:block;margin-top:3px;color:#fff;font-size:15px;line-height:1.15;font-weight:950}\n.ush12-top-promo strong b{color:var(--lime);font-size:17px}\n.ush12-top-promo span{display:block;margin-top:4px;color:#e1eef3;font-size:10.5px;line-height:1.35}\n.ush12-jump-buy{margin:0;min-height:74px;border:1px solid rgba(227,251,255,.88);border-radius:15px;color:#06212b;background:linear-gradient(180deg,#c6f5ff,#69ddff);font-size:20px;letter-spacing:1px;box-shadow:0 13px 30px rgba(68,207,255,.18);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}\n.ush12-jump-buy:hover{transform:translateY(-2px);background:linear-gradient(180deg,#e2fbff,#87e6ff);box-shadow:0 16px 34px rgba(74,216,255,.26)}\n\n/* Especificaciones: misma jerarquía de Planes, CTA lima */\n.ush12-tech-entry{grid-template-columns:minmax(0,620px) minmax(250px,360px);gap:24px;justify-content:center;background:linear-gradient(120deg,rgba(35,139,176,.94),rgba(18,91,126,.96))}\n.ush12-tech-open{min-height:58px;padding:0 22px;color:#071108;background:linear-gradient(180deg,#d3ff8d,#8ff45a);border-color:rgba(245,255,233,.78);font-size:15px;text-shadow:none;box-shadow:0 10px 24px rgba(101,255,92,.14),0 0 0 1px rgba(255,255,255,.10) inset}\n.ush12-tech-open:hover{background:linear-gradient(180deg,#e4ffae,#a8ff70);transform:translateY(-1px)}\n\n/* Bloque comercial: una misma familia celeste, como la violeta de Planes */\n.ush12-commercial-col,.ush12-coupon-col{background:linear-gradient(145deg,rgba(27,113,149,.96),rgba(14,76,105,.98));border-color:rgba(185,235,250,.25);box-shadow:0 16px 32px rgba(0,0,0,.16)}\n.ush12-final{background:linear-gradient(145deg,rgba(25,108,143,.97),rgba(12,71,98,.99));border-color:rgba(183,255,75,.32)}\n.ush12-coupon-col{background:linear-gradient(145deg,rgba(30,118,154,.97),rgba(15,80,109,.99))}\n\n@media(max-width:790px){\n  .ush12-section-intro{min-height:126px;padding:20px 14px;margin:0 auto 24px;border-radius:20px}\n  .ush12-section-intro::after{display:none}\n  .ush12-section-intro h2{font-size:34px}\n  .ush12-section-arrow{animation:none;width:38px;height:38px;font-size:21px}\n  .ush12-heading h3{font-size:35px}\n  .ush12-heading h3 em{color:#d8ffb8}\n  .ush12-top-actions{grid-template-columns:1fr;gap:8px}\n  .ush12-top-promo{min-height:0}\n  .ush12-jump-buy{min-height:58px;font-size:19px}\n  .ush12-tech-entry{grid-template-columns:1fr}\n  .ush12-tech-open{width:100%;white-space:normal;text-align:center}\n}\n@media(prefers-reduced-motion:reduce){.ush12-section-intro::after,.ush12-section-arrow{animation:none!important}}\n

/* =========================================================
V1.4 · AJUSTE EXACTO SEGÚN PLANES COMPLETOS
- Cabecera replica la tarjeta "Contratá un plan completo"
- Promo 30% + Comprar en una misma fila
- Comprar celeste
- Especificaciones verde lima
========================================================= */

/* CABECERA: mismos valores visuales que Planes Completos */
.ush12-section-intro{
  width:min(1120px,100%)!important;
  min-height:150px!important;
  margin:0 auto 32px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  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))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.22)!important;
}
.ush12-section-intro::after{display:none!important}
.ush12-section-intro small{
  position:relative;z-index:1;color:#e9fff0!important;font-size:10px!important;font-weight:950!important;letter-spacing:1.3px!important
}
.ush12-section-intro h2{
  position:relative;z-index:1;margin:7px 0 0!important;color:#fff!important;
  font-size:clamp(34px,5vw,58px)!important;line-height:.98!important;font-weight:950!important;
  letter-spacing:-1.6px!important;text-shadow:0 4px 18px rgba(0,0,0,.32)!important
}
.ush12-section-arrow{
  position:relative;z-index:1;width:42px!important;height:42px!important;margin-top:12px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;color:#071108!important;
  background:var(--lime)!important;font-size:23px!important;font-weight:950!important;
  box-shadow:0 0 26px rgba(183,255,75,.32)!important;animation:ush14Arrow 1.5s ease-in-out infinite!important
}
@keyframes ush14Arrow{50%{transform:translateY(5px)}}

/* Dejar respirar y lucir el video alrededor de la cabecera */
.ush12-shell{padding-top:40px!important}
.ush12-video{opacity:.90!important;filter:saturate(1.08) contrast(1.03) brightness(.88)!important}
.ush12-overlay{
  background:
    linear-gradient(180deg,rgba(3,13,23,.22) 0%,rgba(3,13,23,.15) 20%,rgba(3,13,23,.34) 50%,rgba(3,13,23,.76) 82%,rgba(3,13,23,.96) 100%),
    linear-gradient(90deg,rgba(2,12,21,.38),rgba(2,12,21,.06) 47%,rgba(2,12,21,.30))!important
}
.ush12-heading{max-width:980px!important;margin:0 auto 28px!important}
.ush12-heading h3{
  font-size:clamp(40px,4.8vw,58px)!important;
  text-shadow:0 7px 25px rgba(0,0,0,.72),0 2px 4px rgba(0,0,0,.70)!important
}
.ush12-heading h3 em{
  color:#d7ffc0!important;
  text-shadow:0 7px 25px rgba(0,0,0,.74),0 0 18px rgba(183,255,75,.16)!important
}
.ush12-heading p{text-shadow:0 3px 10px rgba(0,0,0,.80)!important}

/* Pasarela violeta: más clara */
.ush12-marquee{
  background:linear-gradient(90deg,#8555df,#a872ff 48%,#7a49d2)!important;
  border-bottom:1px solid rgba(239,221,255,.50)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.10)!important
}

/* CTA superior: promo y comprar LADO A LADO */
.ush12-top-actions{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr)!important;
  gap:12px!important;
  align-items:stretch!important
}
.ush12-top-promo{
  min-height:76px!important;padding:12px 18px!important;border-radius:15px!important;
  border:1px solid rgba(210,255,151,.58)!important;
  background:linear-gradient(135deg,rgba(79,126,51,.34),rgba(23,88,81,.32))!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important
}
.ush12-top-promo strong{
  display:block!important;margin:0!important;color:var(--lime)!important;font-size:24px!important;
  line-height:1!important;font-weight:950!important;letter-spacing:.2px!important
}
.ush12-top-promo span{
  display:block!important;margin-top:5px!important;color:#fff!important;font-size:12px!important;
  line-height:1.2!important;font-weight:950!important;letter-spacing:.35px!important
}
.ush12-top-promo small,.ush12-top-promo strong b{display:none!important}
.ush12-jump-buy{
  margin:0!important;min-height:76px!important;width:100%!important;
  border:1px solid rgba(235,252,255,.95)!important;border-radius:15px!important;
  color:#06212b!important;background:linear-gradient(180deg,#d9f9ff,#7ee4ff)!important;
  font-size:22px!important;font-weight:950!important;letter-spacing:1.2px!important;
  box-shadow:0 13px 30px rgba(68,207,255,.20)!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important
}
.ush12-jump-buy:hover{
  transform:translateY(-2px)!important;background:linear-gradient(180deg,#effdff,#9cebff)!important;
  box-shadow:0 16px 34px rgba(74,216,255,.28)!important
}

/* Especificaciones: LIMÓN real, no violeta */
.ush12-tech-open{
  color:#071108!important;
  background:linear-gradient(180deg,#d6ff8e,#9dff55)!important;
  border-color:rgba(245,255,233,.90)!important;
  text-shadow:none!important;
  box-shadow:0 10px 24px rgba(101,255,92,.18),0 0 0 1px rgba(255,255,255,.12) inset!important
}
.ush12-tech-open:hover{
  color:#071108!important;background:linear-gradient(180deg,#e8ffb8,#b1ff76)!important;
  transform:translateY(-1px)!important
}

@media(max-width:780px){
  .ush12-section-intro{min-height:126px!important;padding:20px 14px!important;margin-bottom:24px!important;border-radius:20px!important}
  .ush12-section-intro h2{font-size:34px!important}
  .ush12-section-arrow{animation:none!important;width:38px!important;height:38px!important;font-size:21px!important}
  .ush12-video{display:none!important}
  .ush12-top-actions{grid-template-columns:1fr!important;gap:8px!important}
  .ush12-top-promo{min-height:66px!important;align-items:center!important;text-align:center!important}
  .ush12-top-promo strong{font-size:22px!important}
  .ush12-jump-buy{min-height:60px!important;font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){.ush12-section-arrow{animation:none!important}}

/* =========================================================
V1.5 · AJUSTES FINALES SEGÚN FEEDBACK
- cabecera tipo Planes Completos
- botón/flecha centrados
- más color y luces suaves
- CTA superior dividido promo + contratar
- botón de especificaciones en degradado oscuro del sistema
- jerarquías tipográficas más claras
========================================================= */

/* Cabecera principal más parecida a Planes Completos */
.ush12-section-intro{
  width:min(1180px,100%)!important;
  min-height:170px!important;
  margin:0 auto 34px!important;
  padding:26px 28px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:
    radial-gradient(circle at 10% 18%, rgba(96,255,184,.26), transparent 22%),
    radial-gradient(circle at 88% 16%, rgba(176,116,255,.30), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(73,203,255,.12), transparent 36%),
    linear-gradient(100deg, rgba(20,144,139,.88), rgba(10,60,79,.90) 46%, rgba(103,60,193,.90))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.28), 0 0 36px rgba(76,217,255,.08)!important;
}
.ush12-section-intro::before{
  content:"";
  position:absolute;inset:auto auto 22px 50%;transform:translateX(-50%);
  width:100px;height:100px;border-radius:50%;
  background:radial-gradient(circle, rgba(183,255,75,.16) 0%, rgba(183,255,75,.06) 36%, transparent 68%);
  filter:blur(10px);pointer-events:none;z-index:0;
}
.ush12-section-intro::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 16% 24%, rgba(125,255,190,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 84% 30%, rgba(115,233,255,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 74% 72%, rgba(255,167,72,.9) 0 2.5px, transparent 3.5px),
    radial-gradient(circle at 26% 76%, rgba(208,146,255,.9) 0 2.5px, transparent 3.5px),
    linear-gradient(108deg, transparent 35%, rgba(255,255,255,.09) 49%, transparent 62%)!important;
  transform:translateX(-110%);
  animation:ush15IntroShine 7s ease-in-out infinite;
}
@keyframes ush15IntroShine{0%,70%,100%{transform:translateX(-110%)}84%{transform:translateX(110%)}}
.ush12-section-intro small{
  font-size:11px!important;
  letter-spacing:1.6px!important;
  color:#f4fff6!important;
}
.ush12-section-intro h2{
  margin:10px 0 0!important;
  font-size:clamp(42px,5.2vw,66px)!important;
  letter-spacing:-2px!important;
  text-shadow:0 7px 24px rgba(0,0,0,.44)!important;
}
.ush12-section-arrow{
  display:grid!important;place-items:center!important;
  margin:14px auto 0!important;
  width:48px!important;height:48px!important;
  background:var(--lime)!important;color:#091108!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 28px rgba(183,255,75,.33)!important;
}

/* Título general: un poco más respirado */
.ush12-heading{max-width:1020px!important;margin:0 auto 30px!important}
.ush12-heading .ush12-kicker{font-size:11px!important;letter-spacing:1.4px!important}
.ush12-heading h3{font-size:clamp(42px,5vw,60px)!important}
.ush12-heading p{max-width:840px!important;font-size:15px!important;line-height:1.6!important}

/* Tarjeta principal más viva */
.ush12-plan{
  background:linear-gradient(145deg,rgba(31,156,197,.97),rgba(18,108,148,.98) 54%,rgba(11,74,104,.99))!important;
  border-color:rgba(150,233,255,.56)!important;
}
.ush12-copy{background:linear-gradient(145deg,rgba(4,61,87,.76),rgba(4,47,70,.88))!important}
.ush12-sticker{
  margin:0 auto 0 0!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:190px!important;
  background:rgba(53,192,236,.22)!important;
  border-color:rgba(160,235,255,.48)!important;
}
.ush12-sticker span{font-size:10px!important;letter-spacing:1.15px!important}
.ush12-sticker b{font-size:17px!important;line-height:1.15!important}
.ush12-copy h3{font-size:50px!important;line-height:1.02!important;margin-top:22px!important}
.ush12-intro{font-size:15px!important;line-height:1.62!important}
.ush12-detail{font-size:14px!important;line-height:1.72!important}

/* Tarjetas de beneficios: un poco más grandes */
.ush12-copy-cards{margin-top:22px!important}
.ush12-feature{
  overflow:hidden!important;
}
.ush12-feature::after{
  content:"";position:absolute;inset:auto -40% 0 auto;width:70%;height:120%;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.06) 45%, transparent 70%);
  transform:translateX(0) rotate(18deg);
  transition:transform .45s ease, opacity .45s ease;opacity:.55;pointer-events:none;
}
.ush12-feature:hover::after{transform:translateX(-38%) rotate(18deg);opacity:.95}
.ush12-feature strong{font-size:18px!important}
.ush12-feature span{font-size:12.6px!important;line-height:1.48!important}

/* Botón/Promo lateral */
.ush12-top-actions{
  grid-template-columns:minmax(0,1.42fr) minmax(180px,.58fr)!important;
  gap:12px!important;
}
.ush12-top-promo{
  min-height:78px!important;
  padding:13px 16px!important;
  border:1px solid rgba(183,255,75,.44)!important;
  background:linear-gradient(145deg,rgba(183,255,75,.12),rgba(6,76,88,.24))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.10)!important;
  position:relative;overflow:hidden!important;
}
.ush12-top-promo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg, transparent 35%, rgba(255,255,255,.08) 50%, transparent 65%);
  transform:translateX(-120%);animation:ush15Sweep 5.8s ease-in-out infinite;
}
@keyframes ush15Sweep{0%,72%,100%{transform:translateX(-120%)}86%{transform:translateX(120%)}}
.ush12-top-promo small{display:block!important;color:#dbff9f!important;font-size:9px!important;font-weight:950!important;letter-spacing:1.05px!important}
.ush12-top-promo strong{display:block!important;margin-top:3px!important;color:var(--lime)!important;font-size:24px!important;line-height:1!important;font-weight:950!important}
.ush12-top-promo span{display:block!important;margin-top:5px!important;color:#fff!important;font-size:11.5px!important;line-height:1.25!important;font-weight:900!important}
.ush12-jump-buy{
  min-height:78px!important;
  font-size:19px!important;
  background:linear-gradient(180deg,#ccf6ff,#74e0ff)!important;
  color:#082332!important;
}
.ush12-jump-buy:hover{background:linear-gradient(180deg,#e6fbff,#97eaff)!important}

/* Fila de especificaciones: texto más grande y botón oscuro degradado */
.ush12-tech-entry{
  margin-top:6px!important;
  grid-template-columns:minmax(0,660px) minmax(260px,360px)!important;
  background:linear-gradient(120deg,rgba(38,145,184,.96),rgba(21,95,132,.97))!important;
}
.ush12-tech-copy small{font-size:10.5px!important;letter-spacing:1.2px!important}
.ush12-tech-copy strong{font-size:22px!important;line-height:1.14!important}
.ush12-tech-copy p{font-size:14px!important;line-height:1.5!important;margin-top:6px!important}
.ush12-tech-open{
  min-height:60px!important;
  padding:0 24px!important;
  background:linear-gradient(180deg,rgba(12,76,104,.96),rgba(20,94,129,.98))!important;
  color:#fff!important;
  border-color:rgba(184,235,255,.42)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.07)!important;
  font-size:15px!important;
  text-shadow:0 2px 8px rgba(0,0,0,.24)!important;
}
.ush12-tech-open:hover{background:linear-gradient(180deg,rgba(15,90,122,.98),rgba(27,111,150,.98))!important;color:#fff!important}

/* Bloque comercial más alineado al violeta */
.ush12-commercial-col,.ush12-coupon-col{background:linear-gradient(145deg,rgba(27,113,149,.97),rgba(14,76,105,.99))!important}
.ush12-base,.ush12-final,.ush12-coupon-col{border-color:rgba(188,235,251,.24)!important}
.ush12-price-heading strong{font-size:22px!important}
.ush12-commercial-label{font-size:10px!important}
.ush12-price strong{font-size:56px!important}
.ush12-final-price strong{font-size:82px!important}
.ush12-annual-label{font-size:12px!important}
.ush12-renew-note{font-size:8.4px!important;max-width:96%!important}
.ush12-discount-activate strong{font-size:17px!important}
.ush12-discount-activate b{font-size:17px!important}

/* Botones comerciales: decir CONTRATAR */
.ush12-buy,
.ush12-modal-actions button,
.ush12-unlock{
  letter-spacing:.4px!important;
}
.ush12-buy{
  background:linear-gradient(180deg,#d8ff8f,#9eff5a)!important;
  color:#081008!important;
}
.ush12-buy:hover{background:linear-gradient(180deg,#e6ffb2,#b2ff75)!important}

/* Modal specs: mismo idioma visual */
.ush12-modal-actions button{
  background:linear-gradient(180deg,#d8ff90,#a2ff60)!important;
  color:#081008!important;
}

@media (max-width:980px){
  .ush12-section-intro{min-height:150px!important}
  .ush12-copy h3{font-size:42px!important}
  .ush12-top-actions{grid-template-columns:1fr!important}
}
@media (max-width:780px){
  .ush12-section-intro{min-height:128px!important;padding:20px 14px!important;border-radius:22px!important}
  .ush12-section-intro h2{font-size:34px!important}
  .ush12-section-arrow{width:40px!important;height:40px!important;font-size:20px!important}
  .ush12-section-intro::after{display:none!important}
  .ush12-heading h3{font-size:34px!important}
  .ush12-heading p{font-size:13px!important}
  .ush12-copy h3{font-size:34px!important}
  .ush12-intro,.ush12-detail{font-size:12.6px!important}
  .ush12-copy-cards,.ush12-mini-grid{grid-template-columns:1fr!important}
  .ush12-feature strong{font-size:16px!important}
  .ush12-feature span{font-size:11.5px!important}
  .ush12-top-promo{min-height:70px!important;text-align:center!important;align-items:center!important}
  .ush12-top-promo strong{font-size:22px!important}
  .ush12-top-promo span{font-size:11px!important}
  .ush12-jump-buy{min-height:60px!important;font-size:18px!important}
  .ush12-tech-entry{grid-template-columns:1fr!important}
  .ush12-tech-copy strong{font-size:18px!important}
  .ush12-tech-copy p{font-size:12px!important}
  .ush12-tech-open{width:100%!important;white-space:normal!important}
  .ush12-price strong{font-size:48px!important}
  .ush12-final-price strong{font-size:62px!important}
}
@media (prefers-reduced-motion:reduce){
  .ush12-section-intro::after,.ush12-top-promo::after{animation:none!important}
}

/* =========================================================
V1.6 · AJUSTE FINO DE ESCALA + DETALLES DE COLOR
========================================================= */

/* Puntos / luces circulares de color en la tarjeta principal */
.ush12-plan::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 2.8% 12%, rgba(96,228,255,.98) 0 4px, rgba(96,228,255,.28) 5px 9px, transparent 10px),
    radial-gradient(circle at 97.2% 17%, rgba(194,122,255,.98) 0 4px, rgba(194,122,255,.26) 5px 9px, transparent 10px),
    radial-gradient(circle at 3.8% 83%, rgba(183,255,75,.98) 0 4px, rgba(183,255,75,.24) 5px 9px, transparent 10px),
    radial-gradient(circle at 96.4% 86%, rgba(255,159,71,.96) 0 4px, rgba(255,159,71,.22) 5px 9px, transparent 10px),
    radial-gradient(circle at 18% 4%, rgba(84,207,255,.15), transparent 15%),
    radial-gradient(circle at 84% 8%, rgba(166,103,255,.15), transparent 16%),
    radial-gradient(circle at 10% 96%, rgba(183,255,75,.11), transparent 15%),
    radial-gradient(circle at 91% 96%, rgba(255,157,73,.11), transparent 16%);
  opacity:.92;
  animation:ush16PlanGlow 6.8s ease-in-out infinite;
}
.ush12-plan > *{position:relative;z-index:1}
@keyframes ush16PlanGlow{0%,100%{opacity:.78}50%{opacity:1}}

/* El precio sigue protagonista, pero baja un cambio respecto de V1.5 */
.ush12-price strong{font-size:52px!important;letter-spacing:-1.8px!important}
.ush12-final-price strong{font-size:72px!important;letter-spacing:-2.3px!important}
.ush12-final-price i{font-size:22px!important}

/* CTA final más proporcionado */
.ush12-buy{
  min-height:60px!important;
  margin-top:15px!important;
  font-size:21px!important;
  border-radius:13px!important;
  box-shadow:0 11px 24px rgba(102,255,92,.14),0 0 18px rgba(183,255,75,.12)!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
.ush12-buy:hover{transform:translateY(-2px) scale(1.01)!important;filter:brightness(1.04)!important}

/* Segundero: latido visual más evidente */
.ush12-seconds{
  border-color:rgba(183,255,75,.42)!important;
  box-shadow:0 0 0 1px rgba(183,255,75,.05) inset,0 0 18px rgba(183,255,75,.08)!important;
}
.ush12-seconds strong{
  color:var(--lime)!important;
  text-shadow:0 0 14px rgba(183,255,75,.30)!important;
  will-change:transform,filter;
}

/* El bloque del regalo respira un poco más y tiene una flotación suave */
.ush12-gift-icon{
  animation:ush16GiftFloat 3.6s ease-in-out infinite;
  box-shadow:0 0 22px rgba(183,255,75,.08);
}
@keyframes ush16GiftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* Algo más de vida en los bloques comerciales sin animación pesada */
.ush12-commercial-col{position:relative;overflow:hidden}
.ush12-commercial-col::after{
  content:"";position:absolute;inset:-20% auto auto -35%;width:70%;height:140%;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.045) 50%,transparent 62%);
  transform:translateX(-115%) rotate(8deg);
  transition:transform .7s ease;
}
.ush12-commercial-col:hover::after{transform:translateX(250%) rotate(8deg)}

@media(max-width:780px){
  .ush12-plan::before{animation:none;opacity:.7}
  .ush12-price strong{font-size:45px!important}
  .ush12-final-price strong{font-size:60px!important}
  .ush12-buy{min-height:58px!important;font-size:19px!important}
  .ush12-gift-icon{animation:none}
}
@media(max-width:440px){
  .ush12-final-price strong{font-size:56px!important}
}
@media(prefers-reduced-motion:reduce){
  .ush12-plan::before,.ush12-gift-icon{animation:none!important}
}


/* =========================================================
V1.7 · VIOLETA EN PROMO + ESPECIFICACIONES MULTICOLOR
========================================================= */

/* Promo superior: mantener azul predominante, sumar violeta real */
.ush12-top-promo{
  border-color:rgba(196,142,255,.48)!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(182,110,255,.22),transparent 34%),
    linear-gradient(145deg,rgba(64,42,120,.42),rgba(17,87,108,.34))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 26px rgba(66,32,120,.14)!important;
}
.ush12-top-promo strong{
  color:#d7a7ff!important;
  text-shadow:0 0 18px rgba(181,103,255,.18)!important;
}
.ush12-top-promo span{color:#f7f2ff!important}

/* Regalo/cupón: violeta como segundo acento */
.ush12-gift-icon{
  color:#d5a0ff!important;
  background:
    radial-gradient(circle at 35% 30%,rgba(190,121,255,.18),transparent 46%),
    rgba(255,255,255,.08)!important;
  border-color:rgba(203,149,255,.36)!important;
  box-shadow:0 0 26px rgba(171,92,255,.10)!important;
}
.ush12-gift-head small{color:#d8adff!important}
.ush12-gift-promo{
  border-color:rgba(203,143,255,.38)!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(183,113,255,.20),transparent 38%),
    linear-gradient(135deg,rgba(118,65,177,.24),rgba(43,113,138,.12))!important;
}
.ush12-gift-promo b{
  color:#d6a2ff!important;
  text-shadow:0 0 18px rgba(187,115,255,.18)!important;
}
.ush12-unlock{
  background:linear-gradient(180deg,#caa0ff,#9458dc)!important;
  color:#12091b!important;
  border-color:rgba(242,222,255,.85)!important;
  box-shadow:0 12px 27px rgba(123,66,183,.20)!important;
}
.ush12-unlock:hover{
  background:linear-gradient(180deg,#ddc0ff,#aa71ec)!important;
  box-shadow:0 14px 31px rgba(137,76,201,.28)!important;
}

/* Activá tu descuento: más grande, centrado y con violeta sutil */
.ush12-discount-activate{
  min-height:132px!important;
  padding:18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-color:rgba(194,139,255,.38)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(178,106,255,.17),transparent 52%),
    linear-gradient(145deg,rgba(128,76,177,.18),rgba(30,107,128,.14))!important;
}
.ush12-discount-activate small{
  color:#d8aeff!important;
  font-size:11px!important;
  letter-spacing:1.15px!important;
}
.ush12-discount-activate strong{
  margin-top:7px!important;
  font-size:21px!important;
  line-height:1.12!important;
}
.ush12-discount-activate>div{
  margin-top:11px!important;
  justify-content:center!important;
  gap:10px!important;
}
.ush12-discount-activate s{font-size:12px!important}
.ush12-discount-activate b{
  color:#d3a0ff!important;
  font-size:20px!important;
}
.ush12-discount-activate i{color:#c69aff!important}

/* Fila técnica: ahora el contenido usa todo el ancho */
.ush12-tech-entry{
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
}
.ush17-spec-strip{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  width:100%;
  margin-top:4px;
}
.ush17-spec-item{
  min-height:92px;
  padding:16px 14px;
  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(6,61,87,.70),rgba(7,48,70,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.ush17-spec-item::before{
  content:"";
  position:absolute;
  width:70px;height:70px;
  right:-24px;top:-28px;
  border-radius:50%;
  background:var(--ush17-accent,rgba(72,211,255,.26));
  filter:blur(20px);
  opacity:.82;
  pointer-events:none;
}
.ush17-spec-item:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.27);
  box-shadow:0 11px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06);
}
.ush17-spec-item small{
  position:relative;z-index:1;
  color:#e7f8ff;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.2px;
}
.ush17-spec-item strong{
  position:relative;z-index:1;
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:16px;
  line-height:1.16;
  font-weight:950;
}
.ush17-spec-cyan{--ush17-accent:rgba(68,218,255,.34)}
.ush17-spec-violet{--ush17-accent:rgba(185,110,255,.38);border-color:rgba(197,145,255,.25)}
.ush17-spec-blue{--ush17-accent:rgba(69,126,255,.34)}
.ush17-spec-orange{--ush17-accent:rgba(255,156,69,.34);border-color:rgba(255,179,106,.24)}
.ush17-spec-lime{--ush17-accent:rgba(183,255,75,.30);border-color:rgba(190,255,100,.22)}

/* Modal técnico: tarjetas más grandes y acentos alternados */
.ush12-spec-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.ush12-spec-grid article{
  min-height:170px!important;
  padding:20px!important;
  border-radius:16px!important;
}
.ush12-spec-grid article small{
  font-size:9.5px!important;
  letter-spacing:1.15px!important;
}
.ush12-spec-grid article strong{
  font-size:18px!important;
  line-height:1.18!important;
}
.ush12-spec-grid article p{
  font-size:12px!important;
  line-height:1.55!important;
}
.ush12-spec-grid article:nth-child(2),
.ush12-spec-grid article:nth-child(6){
  border-color:rgba(196,139,255,.28)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(181,102,255,.14),transparent 42%),
    rgba(255,255,255,.05)!important;
}
.ush12-spec-grid article:nth-child(3),
.ush12-spec-grid article:nth-child(7){
  border-color:rgba(255,166,82,.25)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,155,63,.12),transparent 42%),
    rgba(255,255,255,.05)!important;
}

/* El predominio sigue siendo azul: no alterar precio ni estructura V1.6 */
@media(max-width:1040px){
  .ush17-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ush12-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .ush17-spec-strip{grid-template-columns:1fr 1fr;gap:8px}
  .ush17-spec-item{min-height:82px;padding:13px 10px}
  .ush17-spec-item strong{font-size:14px}
  .ush12-discount-activate{min-height:118px!important}
  .ush12-discount-activate strong{font-size:19px!important}
  .ush12-spec-grid{grid-template-columns:1fr!important}
  .ush12-spec-grid article{min-height:0!important}
}
@media(max-width:440px){
  .ush17-spec-strip{grid-template-columns:1fr}
}


/* =========================================================
V1.8 · PUNTOS MULTICOLOR + PROMO MÁS VIVA
========================================================= */

/* Tarjetas del plan con puntos de color sutiles y latentes */
.ush12-copy-cards .ush12-feature,
.ush12-mini-grid .ush12-feature,
.ush17-spec-item,
.ush12-top-promo,
.ush12-discount-activate,
.ush12-gift-promo{overflow:hidden!important;position:relative!important}

.ush12-copy-cards .ush12-feature::before,
.ush12-mini-grid .ush12-feature::before{
  content:"";
  position:absolute;
  width:18px;height:18px;
  right:14px;top:12px;
  border-radius:50%;
  background:var(--ush18-dot, rgba(96,228,255,.95));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--ush18-dot, rgba(96,228,255,.95)) 28%, transparent), 0 0 18px color-mix(in srgb, var(--ush18-dot, rgba(96,228,255,.95)) 42%, transparent);
  animation:ush18Pulse 2.6s ease-in-out infinite;
  z-index:1;
}
.ush12-copy-cards .ush12-feature strong,
.ush12-copy-cards .ush12-feature span,
.ush12-mini-grid .ush12-feature strong,
.ush12-mini-grid .ush12-feature span{position:relative;z-index:2}

.ush12-copy-cards .ush12-feature:nth-child(1){--ush18-dot:#b7ff4b}
.ush12-copy-cards .ush12-feature:nth-child(2){--ush18-dot:#bf7bff}
.ush12-mini-grid .ush12-feature:nth-child(1){--ush18-dot:#57dcff}
.ush12-mini-grid .ush12-feature:nth-child(2){--ush18-dot:#ffad4f}
.ush12-mini-grid .ush12-feature:nth-child(3){--ush18-dot:#b7ff4b}
.ush12-mini-grid .ush12-feature:nth-child(4){--ush18-dot:#bf7bff}
.ush12-mini-grid .ush12-feature:nth-child(5){--ush18-dot:#64c0ff}
.ush12-mini-grid .ush12-feature:nth-child(6){--ush18-dot:#ff8d5a}

/* Punto violeta más grande en promoción */
.ush12-gift-promo::after,
.ush12-discount-activate::after,
.ush12-top-promo::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.ush12-gift-promo::after{
  width:28px;height:28px;right:14px;top:50%;transform:translateY(-50%);
  background:radial-gradient(circle at 35% 35%, #f2d7ff 0 18%, #bf7bff 28%, #7c49cc 62%, rgba(124,73,204,.18) 74%, transparent 78%);
  box-shadow:0 0 22px rgba(191,123,255,.38);
  animation:ush18Pulse 2.2s ease-in-out infinite;
}
.ush12-discount-activate::after{
  width:22px;height:22px;right:16px;top:14px;
  background:radial-gradient(circle at 35% 35%, #eed6ff 0 18%, #c487ff 30%, #7f55d8 66%, rgba(127,85,216,.12) 78%, transparent 82%);
  box-shadow:0 0 18px rgba(196,135,255,.34);
  animation:ush18Pulse 2.7s ease-in-out infinite;
}
.ush12-top-promo::after{
  width:16px;height:16px;right:14px;top:14px;
  background:radial-gradient(circle at 35% 35%, #ead1ff 0 18%, #b76cff 30%, #7a46c8 66%, rgba(122,70,200,.12) 78%, transparent 82%);
  box-shadow:0 0 16px rgba(183,108,255,.34);
  animation:ush18Pulse 2.9s ease-in-out infinite;
}
@keyframes ush18Pulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.16);filter:brightness(1.12)}
}

/* Un poco más de jerarquía y respiración en la promo */
.ush12-discount-activate small{font-size:12px!important}
.ush12-discount-activate strong{font-size:23px!important;max-width:92%;margin-left:auto!important;margin-right:auto!important}
.ush12-discount-activate > div{margin-top:13px!important}

/* Especificaciones técnicas: más grandes y anchas, siguiendo el look del hosting */
.ush17-spec-strip{gap:12px!important}
.ush17-spec-item{min-height:104px!important;padding:16px 12px!important}
.ush17-spec-item small{font-size:10px!important;letter-spacing:1.24px!important}
.ush17-spec-item strong{font-size:17px!important;line-height:1.14!important}
.ush17-spec-violet{background:linear-gradient(145deg,rgba(44,34,94,.74),rgba(7,48,70,.80))!important}
.ush17-spec-orange{background:linear-gradient(145deg,rgba(86,53,14,.72),rgba(7,48,70,.82))!important}

/* Botón de especificaciones: más oscuro del mismo tono azul, con texto blanco */
.ush12-tech-open{
  background:linear-gradient(180deg,#0d5877,#083f58)!important;
  color:#fff!important;
  border-color:rgba(158,227,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 10px 22px rgba(2,23,35,.12)!important;
}
.ush12-tech-open:hover{
  background:linear-gradient(180deg,#127097,#0b506e)!important;
  color:#fff!important;
}

@media(max-width:780px){
  .ush12-copy-cards .ush12-feature::before,
  .ush12-mini-grid .ush12-feature::before{width:14px;height:14px;right:10px;top:10px}
  .ush12-gift-promo::after{width:22px;height:22px;right:10px}
  .ush17-spec-item{min-height:88px!important}
  .ush17-spec-item strong{font-size:15px!important}
  .ush12-discount-activate strong{font-size:21px!important}
}
@media(prefers-reduced-motion:reduce){
  .ush12-copy-cards .ush12-feature::before,
  .ush12-mini-grid .ush12-feature::before,
  .ush12-gift-promo::after,
  .ush12-discount-activate::after,
  .ush12-top-promo::after{animation:none!important}
}


/* =========================================================
V1.8.1 · AJUSTE DE PUNTOS Y BLOQUES PROMOCIONALES
========================================================= */

/* Puntos de tarjetas: más limpios, sin doble lectura visual */
.ush12-copy-cards .ush12-feature::before,
.ush12-mini-grid .ush12-feature::before{
  width:17px!important;height:17px!important;
  right:14px!important;top:12px!important;
  box-shadow:0 0 14px color-mix(in srgb, var(--ush18-dot, rgba(96,228,255,.95)) 48%, transparent)!important;
}

/* SSD + transferencia: mantener un solo punto violeta limpio */
.ush12-mini-grid .ush12-feature:nth-child(4)::before{
  width:18px!important;height:18px!important;
  background:#bf7bff!important;
  box-shadow:0 0 16px rgba(191,123,255,.48)!important;
}

/* Sacar la luz del bloque "Activá tu descuento" */
.ush12-discount-activate::after{content:none!important;display:none!important}

/* Ajuste del bloque Activá tu descuento */
.ush12-discount-activate{
  background:linear-gradient(145deg,rgba(86,73,162,.18),rgba(28,104,128,.16))!important;
}

/* Punto principal en el 30% EXTRA del bloque regalo: más grande y mejor centrado a la derecha */
.ush12-gift-promo{
  padding-right:66px!important;
  background:linear-gradient(135deg,rgba(92,62,170,.34),rgba(36,112,151,.18))!important;
}
.ush12-gift-promo::after{
  width:34px!important;height:34px!important;
  right:20px!important;top:50%!important;transform:translateY(-50%)!important;
  background:radial-gradient(circle at 35% 35%, #f6deff 0 18%, #d190ff 28%, #9f5ff0 58%, #7b45cf 75%, rgba(123,69,207,.12) 82%, transparent 86%)!important;
  box-shadow:0 0 22px rgba(191,123,255,.48)!important;
  animation:ush181Glow 2.6s ease-in-out infinite!important;
}

/* Promo superior al lado de contratar: dot centrado a la derecha */
.ush12-top-promo{
  padding-right:58px!important;
}
.ush12-top-promo::after{
  width:26px!important;height:26px!important;
  right:18px!important;top:50%!important;transform:translateY(-50%)!important;
  background:radial-gradient(circle at 35% 35%, #f4ddff 0 18%, #cb8cff 30%, #9954ea 58%, #7a46c8 76%, rgba(122,70,200,.10) 84%, transparent 88%)!important;
  box-shadow:0 0 18px rgba(183,108,255,.42)!important;
  animation:ush181Glow 2.8s ease-in-out infinite!important;
}

@keyframes ush181Glow{
  0%,100%{opacity:.95;filter:brightness(1)}
  50%{opacity:1;filter:brightness(1.18)}
}

/* Badge bajo el precio final: violeta con texto oscuro */
.ush12-final-badge{
  background:linear-gradient(180deg,#d9b5ff,#b97bff)!important;
  color:#111018!important;
  border:1px solid rgba(245,225,255,.62)!important;
  box-shadow:0 8px 22px rgba(158,92,236,.16)!important;
}

/* Afinar la jerarquía del bloque regalo */
.ush12-gift-promo b{font-size:32px!important}
.ush12-gift-promo span{font-size:11px!important;letter-spacing:.35px!important}

@media(max-width:780px){
  .ush12-gift-promo{padding-right:54px!important}
  .ush12-gift-promo::after{width:26px!important;height:26px!important;right:14px!important}
  .ush12-top-promo{padding-right:48px!important}
  .ush12-top-promo::after{width:22px!important;height:22px!important;right:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .ush12-gift-promo::after,
  .ush12-top-promo::after{animation:none!important}
}


/* =========================================================
V1.8.2 · PROMO SUPERIOR UNIFICADA + LUZ NO CIRCULAR
========================================================= */

/* 1) Eliminar puntos decorativos globales que podían duplicarse con los puntos de las tarjetas */
.ush12-plan::before{
  background:
    radial-gradient(circle at 18% 4%, rgba(84,207,255,.14), transparent 16%),
    radial-gradient(circle at 84% 8%, rgba(166,103,255,.13), transparent 17%),
    radial-gradient(circle at 10% 96%, rgba(183,255,75,.09), transparent 16%),
    radial-gradient(circle at 91% 96%, rgba(255,157,73,.09), transparent 17%)!important;
  opacity:.95!important;
}

/* SSD + transferencia: un único punto violeta limpio */
.ush12-mini-grid .ush12-feature:nth-child(4)::before{
  content:""!important;
  width:17px!important;
  height:17px!important;
  right:14px!important;
  top:12px!important;
  border-radius:50%!important;
  background:#c477ff!important;
  box-shadow:0 0 13px rgba(196,119,255,.48)!important;
  animation:ush182DotPulse 2.8s ease-in-out infinite!important;
}
@keyframes ush182DotPulse{
  0%,100%{opacity:.9;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}

/* 2) Promo superior junto a CONTRATAR: una sola pieza, más unida */
.ush12-top-actions{
  grid-template-columns:minmax(0,1fr) 205px!important;
  gap:6px!important;
  padding:6px!important;
  border-radius:16px!important;
  border:1px solid rgba(190,132,255,.42)!important;
  background:linear-gradient(135deg,rgba(78,54,151,.48),rgba(31,103,136,.42))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(27,22,57,.14)!important;
}
.ush12-top-promo{
  min-height:66px!important;
  padding:9px 14px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:none!important;
  justify-content:center!important;
}
.ush12-top-promo::after{
  content:none!important;
  display:none!important;
}
.ush12-top-promo strong{
  font-size:23px!important;
  line-height:1!important;
  color:#d391ff!important;
}
.ush12-top-promo span{
  margin-top:4px!important;
  font-size:11px!important;
  color:#fff!important;
}
.ush12-jump-buy{
  min-height:66px!important;
  margin:0!important;
  border-radius:11px!important;
  font-size:18px!important;
  letter-spacing:.9px!important;
  box-shadow:0 7px 18px rgba(78,207,255,.16)!important;
}

/* 3) “Hacé real tu proyecto / 30% extra”: reemplazar esfera por una luz lineal */
.ush12-gift-promo{
  padding-right:56px!important;
  background:
    linear-gradient(90deg,rgba(103,67,182,.34),rgba(61,101,166,.24) 60%,rgba(44,119,151,.12))!important;
}
.ush12-gift-promo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:7px!important;
  height:42px!important;
  right:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f0c9ff 0%,#c777ff 42%,#8e4de0 100%)!important;
  box-shadow:
    0 0 9px rgba(210,142,255,.78),
    0 0 24px rgba(169,88,244,.34)!important;
  animation:ush182LightBar 2.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes ush182LightBar{
  0%,100%{opacity:.78;filter:brightness(1)}
  50%{opacity:1;filter:brightness(1.18)}
}

/* Activá tu descuento: definitivamente sin punto ni luz adicional */
.ush12-discount-activate::after,
.ush12-discount-activate::before{
  content:none!important;
  display:none!important;
}

/* Mantener badge violeta aplicado */
.ush12-final-badge{
  background:linear-gradient(180deg,#dcbaff,#b978ff)!important;
  color:#111018!important;
}

@media(max-width:780px){
  .ush12-top-actions{grid-template-columns:1fr!important;gap:6px!important;padding:6px!important}
  .ush12-top-promo{min-height:60px!important;text-align:center!important;align-items:center!important}
  .ush12-jump-buy{min-height:58px!important}
  .ush12-gift-promo{padding-right:46px!important}
  .ush12-gift-promo::after{right:16px!important;height:34px!important;width:6px!important}
}
@media(prefers-reduced-motion:reduce){
  .ush12-mini-grid .ush12-feature:nth-child(4)::before,
  .ush12-gift-promo::after{animation:none!important}
}


/* =========================================================
V1.8.3 · PUNTOS REALES + PROMOS MÁS COMPACTAS
========================================================= */

/* 1) Desactivar definitivamente los puntos pseudo-elemento de las tarjetas.
   Ahora cada tarjeta usa un único punto real en el HTML. */
.ush12-copy-cards .ush12-feature::before,
.ush12-mini-grid .ush12-feature::before,
.ush12-mini-grid .ush12-feature:nth-child(4)::before{
  content:none!important;
  display:none!important;
}
.ush12-mini-grid .ush12-feature:nth-child(4)::after{
  display:none!important;
}
.ush183-dot{
  position:absolute;
  z-index:3;
  top:13px;
  right:14px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:var(--ush183-color,#5fdfff);
  box-shadow:0 0 14px var(--ush183-glow,rgba(95,223,255,.42));
  animation:ush183DotPulse 2.8s ease-in-out infinite;
  pointer-events:none;
}
.ush183-lime{--ush183-color:#baff42;--ush183-glow:rgba(186,255,66,.42)}
.ush183-violet{--ush183-color:#c579ff;--ush183-glow:rgba(197,121,255,.44)}
.ush183-cyan{--ush183-color:#5de8ff;--ush183-glow:rgba(93,232,255,.40)}
.ush183-orange{--ush183-color:#ffb348;--ush183-glow:rgba(255,179,72,.42)}
.ush183-blue{--ush183-color:#62c9ff;--ush183-glow:rgba(98,201,255,.42)}
.ush183-coral{--ush183-color:#ff9360;--ush183-glow:rgba(255,147,96,.42)}
@keyframes ush183DotPulse{
  0%,100%{transform:scale(1);opacity:.9}
  50%{transform:scale(1.08);opacity:1}
}

/* 2) Promo superior + CONTRATAR: bloque más corto y texto más pegado al botón */
.ush12-top-actions{
  width:min(100%,620px)!important;
  margin-left:auto!important;
  margin-right:0!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:4px!important;
  padding:5px!important;
  border-radius:15px!important;
}
.ush12-top-promo{
  min-height:64px!important;
  padding:8px 10px!important;
  align-items:flex-end!important;
  text-align:right!important;
}
.ush12-top-promo strong{font-size:22px!important}
.ush12-top-promo span{font-size:10.5px!important;margin-top:3px!important}
.ush12-jump-buy{
  min-height:64px!important;
  border-radius:10px!important;
  font-size:17px!important;
  padding:0 16px!important;
}

/* 3) Hacé real tu proyecto: sacar el palo, centrar el texto y usar una luz equilibrada */
.ush12-gift-promo{
  padding:12px 50px!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 92% 50%,rgba(180,105,255,.16),transparent 22%),
    linear-gradient(90deg,rgba(103,67,182,.34),rgba(61,101,166,.24) 60%,rgba(44,119,151,.12))!important;
}
.ush12-gift-promo b,
.ush12-gift-promo span{
  text-align:center!important;
  position:relative!important;
  z-index:2!important;
}
.ush12-gift-promo::after{
  content:none!important;
  display:none!important;
}
.ush12-gift-promo::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:24px!important;
  height:24px!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 35%,#f5ddff 0 16%,#cf8cff 30%,#9a5be8 62%,#7545c9 82%)!important;
  box-shadow:0 0 16px rgba(190,121,255,.42)!important;
  animation:ush183PromoGlow 2.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes ush183PromoGlow{
  0%,100%{opacity:.88;filter:brightness(1)}
  50%{opacity:1;filter:brightness(1.14)}
}

@media(max-width:780px){
  .ush183-dot{width:14px;height:14px;top:10px;right:10px;animation:none}
  .ush12-top-actions{width:100%!important;grid-template-columns:1fr!important;gap:5px!important}
  .ush12-top-promo{align-items:center!important;text-align:center!important}
  .ush12-jump-buy{min-height:58px!important}
  .ush12-gift-promo{padding:11px 42px!important}
  .ush12-gift-promo::before{width:20px!important;height:20px!important;left:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .ush183-dot,.ush12-gift-promo::before{animation:none!important}
}


/* =========================================================
V1.8.4 · CTA SUPERIOR COMPACTO + ESPECIFICACIONES MÁS DINÁMICAS
========================================================= */

/* CTA superior: una sola pieza visual, más corta y sin espacio muerto */
.ush12-top-actions{
  width:min(100%,535px)!important;
  grid-template-columns:minmax(0,1fr) 178px!important;
  gap:7px!important;
  padding:7px!important;
  border-radius:17px!important;
  margin-left:auto!important;
  margin-right:0!important;
  background:
    radial-gradient(circle at 10% 50%,rgba(169,99,255,.12),transparent 32%),
    linear-gradient(135deg,rgba(73,54,145,.52),rgba(30,100,133,.44))!important;
  border:1px solid rgba(194,142,255,.40)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(23,22,55,.14)!important;
}
.ush12-top-promo{
  min-height:62px!important;
  padding:8px 8px 8px 14px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,rgba(89,57,169,.28),rgba(56,92,153,.10))!important;
}
.ush12-top-promo strong{
  font-size:21px!important;
  letter-spacing:.25px!important;
  line-height:1!important;
}
.ush12-top-promo span{
  margin-top:4px!important;
  font-size:10.3px!important;
  line-height:1.1!important;
  letter-spacing:.3px!important;
}
.ush12-jump-buy{
  min-height:62px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  font-size:17px!important;
  letter-spacing:.9px!important;
}

/* Especificaciones: bloque más rico en color, tipografía y profundidad */
.ush12-tech-entry{
  position:relative!important;
  overflow:hidden!important;
  padding:22px!important;
  gap:18px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 6% 8%,rgba(70,224,255,.14),transparent 23%),
    radial-gradient(circle at 92% 12%,rgba(190,111,255,.15),transparent 25%),
    radial-gradient(circle at 78% 100%,rgba(255,161,70,.09),transparent 24%),
    linear-gradient(120deg,rgba(33,139,177,.96),rgba(18,88,124,.97))!important;
  border:1px solid rgba(163,229,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 32px rgba(0,0,0,.12)!important;
}
.ush12-tech-entry::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.045) 49%,transparent 64%);
  transform:translateX(-115%);
  transition:transform .85s ease;
}
.ush12-tech-entry:hover::before{transform:translateX(115%)}
.ush12-tech-copy{position:relative;z-index:2;gap:16px!important}
.ush12-tech-icon{
  width:54px!important;height:54px!important;flex:0 0 54px!important;
  border-radius:15px!important;
  color:#d9a1ff!important;
  background:linear-gradient(145deg,rgba(154,88,230,.28),rgba(64,190,224,.14))!important;
  border-color:rgba(207,155,255,.34)!important;
  box-shadow:0 0 20px rgba(167,94,235,.10)!important;
}
.ush12-tech-icon svg{width:27px!important;height:27px!important}
.ush12-tech-copy small{font-size:11px!important;letter-spacing:1.35px!important;color:#baff54!important}
.ush12-tech-copy strong{
  margin-top:4px!important;
  font-size:24px!important;
  line-height:1.12!important;
  letter-spacing:-.3px!important;
}
.ush12-tech-copy p{
  margin-top:7px!important;
  font-size:14.5px!important;
  line-height:1.5!important;
  color:#eaf5f8!important;
}
.ush12-tech-open{
  min-height:62px!important;
  font-size:15.5px!important;
  letter-spacing:.15px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#0e5e80,#083f58)!important;
  border-color:rgba(169,231,255,.34)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(2,23,35,.13)!important;
}
.ush12-tech-open:hover{
  background:linear-gradient(180deg,#16739a,#0b4f6d)!important;
  transform:translateY(-2px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 27px rgba(2,23,35,.16)!important;
}

/* Mini tarjetas técnicas: más grandes, acentos claros y un solo punto limpio */
.ush17-spec-strip{gap:12px!important;margin-top:5px!important}
.ush17-spec-item{
  min-height:116px!important;
  padding:18px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(5,59,85,.74),rgba(7,45,66,.86))!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
}
.ush17-spec-item::before{
  width:14px!important;height:14px!important;
  right:13px!important;top:13px!important;
  filter:none!important;
  opacity:1!important;
  background:var(--ush17-accent-solid,#59ddff)!important;
  box-shadow:0 0 13px var(--ush17-accent-glow,rgba(89,221,255,.42))!important;
}
.ush17-spec-item::after{
  content:"";
  position:absolute;
  inset:auto -38% -55% auto;
  width:85%;height:130%;
  background:radial-gradient(circle,var(--ush17-accent-soft,rgba(89,221,255,.09)),transparent 65%);
  pointer-events:none;
  transition:transform .35s ease,opacity .35s ease;
  opacity:.75;
}
.ush17-spec-item:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.ush17-spec-item:hover::after{transform:scale(1.08);opacity:1}
.ush17-spec-item small{font-size:10.5px!important;letter-spacing:1.28px!important;color:#e8f8ff!important}
.ush17-spec-item strong{margin-top:8px!important;font-size:18px!important;line-height:1.14!important}

.ush17-spec-cyan{--ush17-accent-solid:#5ee8ff;--ush17-accent-glow:rgba(94,232,255,.42);--ush17-accent-soft:rgba(94,232,255,.10)}
.ush17-spec-violet{--ush17-accent-solid:#c27cff;--ush17-accent-glow:rgba(194,124,255,.44);--ush17-accent-soft:rgba(194,124,255,.11);background:linear-gradient(145deg,rgba(48,38,102,.72),rgba(7,46,68,.84))!important}
.ush17-spec-blue{--ush17-accent-solid:#6ca3ff;--ush17-accent-glow:rgba(108,163,255,.42);--ush17-accent-soft:rgba(108,163,255,.10)}
.ush17-spec-orange{--ush17-accent-solid:#ffad58;--ush17-accent-glow:rgba(255,173,88,.42);--ush17-accent-soft:rgba(255,173,88,.10);background:linear-gradient(145deg,rgba(84,57,22,.72),rgba(7,46,68,.84))!important}
.ush17-spec-lime{--ush17-accent-solid:#baff4a;--ush17-accent-glow:rgba(186,255,74,.40);--ush17-accent-soft:rgba(186,255,74,.09)}

@media(max-width:980px){
  .ush12-top-actions{width:min(100%,510px)!important;grid-template-columns:minmax(0,1fr) 165px!important}
  .ush12-tech-copy strong{font-size:22px!important}
  .ush17-spec-item{min-height:104px!important}
}
@media(max-width:780px){
  .ush12-top-actions{width:100%!important;grid-template-columns:1fr!important;gap:6px!important}
  .ush12-top-promo{min-height:58px!important}
  .ush12-jump-buy{min-height:58px!important}
  .ush12-tech-entry{padding:16px!important}
  .ush12-tech-copy{align-items:flex-start!important}
  .ush12-tech-copy strong{font-size:19px!important}
  .ush12-tech-copy p{font-size:12.3px!important}
  .ush17-spec-item{min-height:92px!important;padding:14px 12px!important}
  .ush17-spec-item strong{font-size:15.5px!important}
}
@media(prefers-reduced-motion:reduce){.ush12-tech-entry::before{display:none!important}}


/* =========================================================
V1.8.5 · RESTAURAR BLOQUE VISIBLE + REDISEÑAR SOLO EL MODAL
========================================================= */

/* 1) Volver al diseño visible anterior de "Ver especificaciones" */
.ush12-tech-entry{
  margin:0 22px 20px!important;
  padding:17px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,660px) minmax(260px,360px)!important;
  gap:24px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:linear-gradient(120deg,rgba(38,145,184,.96),rgba(21,95,132,.97))!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ush12-tech-entry::before{display:none!important}

.ush12-tech-copy{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
  position:relative!important;
  z-index:2!important;
}
.ush12-tech-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:var(--lime)!important;
  box-shadow:none!important;
}
.ush12-tech-icon svg{width:24px!important;height:24px!important}
.ush12-tech-copy small{
  display:block!important;
  color:var(--lime)!important;
  font-size:10.5px!important;
  font-weight:950!important;
  letter-spacing:1.2px!important;
}
.ush12-tech-copy strong{
  display:block!important;
  margin-top:3px!important;
  font-size:22px!important;
  line-height:1.14!important;
  font-weight:950!important;
}
.ush12-tech-copy p{
  margin:6px 0 0!important;
  color:#e4edf1!important;
  font-size:14px!important;
  line-height:1.5!important;
}

/* Botón como estaba antes: degradado azul oscuro, texto blanco, todo contenido dentro */
.ush12-tech-open{
  min-height:60px!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(158,227,255,.34)!important;
  cursor:pointer!important;
  color:#fff!important;
  background:linear-gradient(180deg,#0d5877,#083f58)!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:0 2px 7px rgba(0,0,0,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(2,23,35,.12)!important;
  transform:none!important;
}
.ush12-tech-open span{
  display:inline-block!important;
  font-size:22px!important;
  line-height:1!important;
  color:#fff!important;
}
.ush12-tech-open:hover{
  background:linear-gradient(180deg,#127097,#0b506e)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

/* Mantener la fila de mini-especificaciones visible sin el rediseño excesivo de V1.8.4 */
.ush17-spec-strip{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin-top:5px!important;
}
.ush17-spec-item{
  min-height:104px!important;
  padding:16px 12px!important;
  border-radius:14px!important;
}
.ush17-spec-item small{font-size:10px!important;letter-spacing:1.24px!important}
.ush17-spec-item strong{font-size:17px!important;line-height:1.14!important}

/* 2) Rediseño del modal que se abre al tocar el botón */
.ush12-modal-card{
  width:min(1180px,95vw)!important;
  max-height:92vh!important;
  padding:28px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 7% 0%,rgba(77,218,255,.12),transparent 24%),
    radial-gradient(circle at 94% 0%,rgba(184,108,255,.13),transparent 26%),
    linear-gradient(155deg,#176f94,#0b4968 62%,#083b56)!important;
  border:1px solid rgba(147,226,255,.38)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.56)!important;
}

/* Cabecera del modal: más jerarquía */
.ush12-modal-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
  align-items:flex-start!important;
  padding-bottom:20px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.ush12-modal-head small{
  color:var(--lime)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:1.25px!important;
}
.ush12-modal-head h2{
  margin:7px 0 8px!important;
  font-size:44px!important;
  line-height:1.02!important;
  letter-spacing:-1.1px!important;
}
.ush12-modal-head h2 em{
  color:#c9f4ff!important;
  font-style:normal!important;
}
.ush12-modal-head p{
  margin:0!important;
  max-width:760px!important;
  color:#e1edf1!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.ush12-modal-head>button{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:13px!important;
  font-size:29px!important;
}

/* Resumen superior más ancho y legible */
.ush12-modal-overview{
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:1.4fr .6fr!important;
  gap:14px!important;
}
.ush12-modal-common,
.ush12-modal-promo{
  padding:20px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.075)!important;
}
.ush12-modal-common>span,
.ush12-modal-promo>span{
  font-size:10px!important;
  letter-spacing:1.1px!important;
}
.ush12-modal-common strong{
  margin-top:7px!important;
  font-size:21px!important;
  line-height:1.28!important;
}
.ush12-modal-common p{
  margin:9px 0 0!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.ush12-modal-promo>div{margin-top:7px!important}
.ush12-modal-promo s{font-size:14px!important}
.ush12-modal-promo strong{font-size:35px!important}
.ush12-modal-promo small{font-size:11px!important;line-height:1.4!important}

/* Píldoras de resumen más grandes */
.ush12-modal-highlights{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.ush12-modal-highlights span{
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:12px!important;
  font-size:11px!important;
  line-height:1.35!important;
}

/* Título de las especificaciones */
.ush12-spec-subtitle{
  margin:25px 0 12px!important;
  font-size:22px!important;
  line-height:1.2!important;
}

/* Tarjetas del modal: DOS columnas anchas, textos grandes y colores con el mismo lenguaje visual */
.ush12-spec-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.ush12-spec-grid article{
  min-height:150px!important;
  padding:20px 22px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 96% 8%,var(--ush185-soft,rgba(86,220,255,.10)),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;
  border:1px solid var(--ush185-border,rgba(255,255,255,.18))!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.ush12-spec-grid article::before{
  content:"";
  position:absolute;
  top:0;left:0;bottom:0;
  width:4px;
  background:var(--ush185-accent,#59ddff);
  box-shadow:0 0 16px var(--ush185-glow,rgba(89,221,255,.34));
}
.ush12-spec-grid article::after{
  content:"";
  position:absolute;
  width:14px;height:14px;
  right:16px;top:16px;
  border-radius:50%;
  background:var(--ush185-accent,#59ddff);
  box-shadow:0 0 14px var(--ush185-glow,rgba(89,221,255,.38));
}
.ush12-spec-grid article:nth-child(1){--ush185-accent:#5ee8ff;--ush185-glow:rgba(94,232,255,.40);--ush185-soft:rgba(94,232,255,.11);--ush185-border:rgba(94,232,255,.26)}
.ush12-spec-grid article:nth-child(2){--ush185-accent:#c47dff;--ush185-glow:rgba(196,125,255,.42);--ush185-soft:rgba(196,125,255,.11);--ush185-border:rgba(196,125,255,.27)}
.ush12-spec-grid article:nth-child(3){--ush185-accent:#ffad59;--ush185-glow:rgba(255,173,89,.38);--ush185-soft:rgba(255,173,89,.10);--ush185-border:rgba(255,173,89,.25)}
.ush12-spec-grid article:nth-child(4){--ush185-accent:#7bb7ff;--ush185-glow:rgba(123,183,255,.38);--ush185-soft:rgba(123,183,255,.10);--ush185-border:rgba(123,183,255,.25)}
.ush12-spec-grid article:nth-child(5){--ush185-accent:#baff4a;--ush185-glow:rgba(186,255,74,.36);--ush185-soft:rgba(186,255,74,.09);--ush185-border:rgba(186,255,74,.24)}
.ush12-spec-grid article:nth-child(6){--ush185-accent:#c47dff;--ush185-glow:rgba(196,125,255,.40);--ush185-soft:rgba(196,125,255,.10);--ush185-border:rgba(196,125,255,.25)}
.ush12-spec-grid article:nth-child(7){--ush185-accent:#ff9467;--ush185-glow:rgba(255,148,103,.38);--ush185-soft:rgba(255,148,103,.09);--ush185-border:rgba(255,148,103,.24)}
.ush12-spec-grid article:nth-child(8){--ush185-accent:#5ee8ff;--ush185-glow:rgba(94,232,255,.38);--ush185-soft:rgba(94,232,255,.10);--ush185-border:rgba(94,232,255,.24)}

.ush12-spec-grid article small{
  color:var(--ush185-accent,#59ddff)!important;
  font-size:10.5px!important;
  font-weight:950!important;
  letter-spacing:1.1px!important;
}
.ush12-spec-grid article strong{
  display:block!important;
  margin-top:7px!important;
  padding-right:32px!important;
  font-size:20px!important;
  line-height:1.18!important;
}
.ush12-spec-grid article p{
  margin:9px 0 0!important;
  max-width:none!important;
  color:#e5eff2!important;
  font-size:13px!important;
  line-height:1.58!important;
}
.ush12-spec-grid .ush12-spec-support{
  background:
    radial-gradient(circle at 96% 8%,rgba(196,125,255,.12),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;
}
.ush12-spec-grid article:hover{
  transform:translateY(-3px)!important;
  border-color:var(--ush185-accent,#59ddff)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.16)!important;
}

/* Nota y CTA del modal */
.ush12-modal-note{
  margin-top:16px!important;
  padding:15px 16px!important;
  gap:12px!important;
}
.ush12-modal-note b{font-size:11px!important}
.ush12-modal-note span{font-size:11px!important;line-height:1.5!important}
.ush12-modal-actions{
  margin-top:20px!important;
  padding-top:18px!important;
}
.ush12-modal-actions button{
  min-width:300px!important;
  min-height:64px!important;
  font-size:21px!important;
}

/* Responsive */
@media(max-width:1050px){
  .ush12-tech-entry{grid-template-columns:1fr!important}
  .ush12-tech-open{width:100%!important;white-space:normal!important}
  .ush17-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ush12-modal-overview{grid-template-columns:1fr!important}
  .ush12-modal-highlights{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .ush12-tech-entry{
    margin:0 10px 14px!important;
    padding:14px!important;
    gap:12px!important;
    border-radius:16px!important;
  }
  .ush12-tech-copy{align-items:flex-start!important}
  .ush12-tech-copy strong{font-size:18px!important}
  .ush12-tech-copy p{font-size:12px!important}
  .ush12-tech-open{min-height:56px!important;font-size:13px!important;padding:0 16px!important}
  .ush17-spec-strip{grid-template-columns:1fr 1fr!important}
  .ush12-modal{padding:0!important;align-items:flex-start!important}
  .ush12-modal-card{
    width:100%!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    border-radius:0!important;
    padding:18px 14px 26px!important;
  }
  .ush12-modal-head{
    position:sticky!important;
    top:-18px!important;
    z-index:4!important;
    margin:-18px -14px 0!important;
    padding:18px 14px 16px!important;
    background:#176f94!important;
  }
  .ush12-modal-head h2{font-size:31px!important}
  .ush12-modal-head p{font-size:12px!important}
  .ush12-modal-highlights{grid-template-columns:1fr 1fr!important}
  .ush12-spec-subtitle{font-size:19px!important}
  .ush12-spec-grid{grid-template-columns:1fr!important}
  .ush12-spec-grid article{
    min-height:0!important;
    padding:17px 18px!important;
  }
  .ush12-spec-grid article strong{font-size:18px!important}
  .ush12-spec-grid article p{font-size:12px!important}
  .ush12-modal-actions{
    position:sticky!important;
    bottom:-26px!important;
    margin:18px -14px -26px!important;
    padding:12px 14px 16px!important;
    background:#0b4968!important;
  }
  .ush12-modal-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    font-size:20px!important;
  }
}
@media(max-width:440px){
  .ush17-spec-strip{grid-template-columns:1fr!important}
  .ush12-modal-highlights{grid-template-columns:1fr!important}
}


/* =========================================================
   V1.9.0 · HOME HOSTING · PRECIO SIMPLIFICADO / SIN CONTADOR
========================================================= */

/* Pasarela: conserva el carácter de la Home pero un poco más oscura. */
.ush12-marquee{
  background:
    linear-gradient(90deg,#3c2768 0%,#4f347f 35%,#3a315f 66%,#273c55 100%)!important;
  border-bottom-color:rgba(218,222,255,.25)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.10)!important;
}
.ush12-marquee-group strong{
  color:#f0ffb6!important;
}
.ush12-marquee-group span{
  color:#eef2ff!important;
}

/* CTA debajo de las tarjetas de beneficios: más centrado. */
.ush190-top-actions{
  width:min(100%,670px)!important;
  margin:14px auto 0!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,.92fr)!important;
  gap:10px!important;
}
.ush190-top-promo{
  min-height:72px!important;
  padding:13px 16px!important;
}
.ush190-top-promo strong{
  color:#d8ff4f!important;
  font-size:18px!important;
  line-height:1!important;
}
.ush190-top-promo span{
  margin-top:5px!important;
  color:#e8f5fa!important;
  font-size:10px!important;
  font-weight:800!important;
}
.ush190-top-buy{
  min-height:72px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.15!important;
}

/* Bloque comercial: ahora sólo dos tarjetas + una franja de cuotas. */
.ush190-commercial{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.ush190-price-card{
  min-height:0!important;
  padding:27px 25px!important;
  border-radius:22px!important;
}
.ush190-price-base{
  background:
    radial-gradient(circle at 12% 0%,rgba(81,223,255,.16),transparent 31%),
    linear-gradient(145deg,rgba(21,104,141,.98),rgba(12,69,98,.99))!important;
}
.ush190-price-final{
  background:
    radial-gradient(circle at 85% 0%,rgba(215,255,63,.15),transparent 31%),
    linear-gradient(145deg,rgba(23,108,140,.98),rgba(10,63,89,.995))!important;
  border-color:rgba(215,255,63,.34)!important;
}
.ush190-final-head{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.ush190-final-head small{
  display:block;
  color:#d8ff4f;
  font-size:9px;
  font-weight:950;
  letter-spacing:1px;
}
.ush190-final-head strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:18px;
  line-height:1.15;
}
.ush190-installment-card{
  margin-top:17px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border-radius:16px;
  background:rgba(4,28,43,.36);
  border:1px solid rgba(137,228,255,.19);
}
.ush190-installment-card>span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(145deg,#7de9ff,#b8f7ff);
  color:#062532;
  font-size:19px;
  font-weight:950;
}
.ush190-installment-card div{
  display:flex;
  flex-direction:column;
}
.ush190-installment-card strong{
  color:#fff;
  font-size:22px;
  line-height:1;
}
.ush190-installment-card small{
  margin-top:4px;
  color:#d7e8ef;
  font-size:8px;
  font-weight:900;
  letter-spacing:.7px;
}
.ush190-installment-final>span{
  background:linear-gradient(145deg,#d7ff55,#edff9e);
  color:#142008;
}
.ush190-benefit-line{
  margin-top:14px;
  padding:14px 15px;
  border-radius:16px;
  background:linear-gradient(100deg,rgba(215,255,63,.09),rgba(81,223,255,.07));
  border:1px solid rgba(215,255,63,.18);
}
.ush190-benefit-line small{
  display:block;
  color:#baf5ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.8px;
}
.ush190-benefit-line strong{
  display:block;
  margin-top:4px;
  color:#d8ff4f;
  font-size:17px;
}
.ush190-benefit-line span{
  display:block;
  margin-top:4px;
  color:#e3edf2;
  font-size:10px;
}
.ush190-buy{
  margin-top:18px!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 18px!important;
  border-radius:15px!important;
  text-decoration:none!important;
  background:linear-gradient(90deg,#d8ff4f,#b6f7ff)!important;
  color:#071b21!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.35px!important;
  box-shadow:0 15px 30px rgba(83,219,255,.14)!important;
}
.ush190-buy:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(83,219,255,.22)!important;
}
.ush190-buy-note{
  margin-top:8px;
  color:#d2e2e9;
  font-size:9px;
  line-height:1.45;
  text-align:center;
}
.ush190-installments-banner{
  grid-column:1 / -1;
  min-height:82px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(54,34,93,.92),rgba(22,77,102,.94),rgba(28,106,95,.94));
  border:1px solid rgba(139,229,255,.21);
  box-shadow:0 14px 30px rgba(0,0,0,.14);
}
.ush190-installments-banner small{
  display:block;
  color:#9ceeff;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
.ush190-installments-banner strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:22px;
  line-height:1;
}
.ush190-installments-banner>span{
  color:#e7f2f5;
  font-size:12px;
  text-align:right;
}
.ush190-installments-banner>span b{
  color:#d8ff4f;
  font-size:15px;
}

/* El antiguo bloque de cupón/contador ya no existe; por seguridad no se muestra si queda cacheado. */
.ush12-countdown,
.ush12-countdown-title,
.ush12-coupon-col,
.ush12-unlock,
.ush12-coupon-box{
  display:none!important;
}

/* CTA del modal ahora enlaza directamente al producto. */
.ush190-modal-buy{
  min-height:54px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:linear-gradient(90deg,#d8ff4f,#9ef4ff);
  color:#071b21!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:950;
}

@media(max-width:790px){
  .ush190-top-actions{
    width:100%!important;
    grid-template-columns:1fr!important;
  }
  .ush190-commercial{
    grid-template-columns:1fr!important;
  }
  .ush190-installments-banner{
    grid-column:auto;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .ush190-installments-banner>span{
    text-align:left;
  }
}


/* =========================================================
   V1.9.1 · HERO PRODUCTO EN HOME + CTA A PRECIO + MODAL CERRAR
========================================================= */

/* Cabecera de Hosting: misma familia visual de la página de producto. */
.ush12-heading.ush191-hero-heading{
  max-width:none!important;
  margin:0 auto 26px!important;
  padding:30px 32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr)!important;
  gap:28px!important;
  align-items:center!important;
  border-radius:28px!important;
  border:1px solid rgba(82,223,255,.22)!important;
  background:
    radial-gradient(circle at 91% 10%,rgba(82,223,255,.09),transparent 24%),
    radial-gradient(circle at 72% 80%,rgba(162,114,255,.06),transparent 28%),
    linear-gradient(135deg,rgba(9,31,48,.95),rgba(8,18,33,.96))!important;
  box-shadow:0 24px 65px rgba(0,0,0,.28)!important;
  text-align:left!important;
}
.ush191-hero-copy{min-width:0}
.ush191-hero-heading .ush12-kicker{
  margin-bottom:13px!important;
  color:#68e4ff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1.5px!important;
}
.ush191-hero-heading .ush12-kicker span{color:#d8ff4f!important}
.ush191-hero-heading h3{
  max-width:760px!important;
  margin:0!important;
  font-size:clamp(42px,5vw,68px)!important;
  line-height:.95!important;
  letter-spacing:-2.4px!important;
  font-weight:950!important;
  color:#fff!important;
  text-shadow:none!important;
}
.ush191-hero-heading h3 em{
  font-style:normal!important;
  background:linear-gradient(90deg,#55ddff,#a575ff,#d8ff4f)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:none!important;
}
.ush191-hero-heading p{
  max-width:780px!important;
  margin:17px 0 0!important;
  color:#cfdeec!important;
  font-size:15px!important;
  line-height:1.6!important;
  text-shadow:none!important;
}
.ush191-hero-tags{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ush191-hero-tags span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(81,223,255,.20);
  background:rgba(81,223,255,.055);
  color:#edf9ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.7px;
}

/* Rectángulo central + tres esferas orbitales. */
.ush191-hero-orbit{
  position:relative;
  width:220px;
  height:220px;
  justify-self:center;
  display:grid;
  place-items:center;
}
.ush191-hero-orbit b{
  width:132px;
  height:132px;
  display:grid;
  place-items:center;
  text-align:center;
  border-radius:31px;
  border:1px solid rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 28% 15%,rgba(81,223,255,.12),transparent 31%),
    linear-gradient(145deg,#102942,#091522);
  color:#fff;
  font-size:19px;
  line-height:1.04;
  font-weight:950;
  letter-spacing:-.3px;
  box-shadow:0 0 43px rgba(82,223,255,.15),0 17px 35px rgba(0,0,0,.26);
}
.ush191-hero-orbit i{
  position:absolute;
  width:19px;
  height:19px;
  border-radius:50%;
  background:linear-gradient(145deg,#54e3ff,#a575ff);
  box-shadow:0 0 22px rgba(82,223,255,.55);
  animation:ush191Orbit 11s linear infinite;
}
.ush191-hero-orbit i:nth-child(1){transform:translate(100px,0)}
.ush191-hero-orbit i:nth-child(2){transform:rotate(120deg) translate(100px)}
.ush191-hero-orbit i:nth-child(3){transform:rotate(240deg) translate(100px)}
@keyframes ush191Orbit{to{rotate:360deg}}

/* CTA celeste superior: baja hasta el precio y descuento. */
.ush190-top-buy{text-decoration:none!important}
.ush190-top-buy:hover{color:#061b24!important}
#ush12PriceArea{scroll-margin-top:105px}
#ush12PriceArea.ush191-price-arrival{animation:ush191PriceArrival .75s ease}
@keyframes ush191PriceArrival{
  0%{filter:brightness(1)}
  38%{filter:brightness(1.12);transform:translateY(-2px)}
  100%{filter:brightness(1);transform:none}
}

/* “Ver especificaciones”: más celeste y menos oscuro. */
.ush12-tech-entry{
  background:
    radial-gradient(circle at 8% 0%,rgba(104,233,255,.13),transparent 33%),
    linear-gradient(120deg,rgba(31,139,180,.97),rgba(18,88,126,.97))!important;
  border-color:rgba(142,232,255,.27)!important;
}
.ush12-tech-open{
  color:#06202b!important;
  background:linear-gradient(180deg,#baf5ff,#66dcff)!important;
  border-color:rgba(222,250,255,.88)!important;
  box-shadow:0 12px 27px rgba(54,208,255,.19),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.ush12-tech-open:hover{
  color:#061a23!important;
  background:linear-gradient(180deg,#ddfbff,#82e6ff)!important;
  box-shadow:0 15px 32px rgba(54,208,255,.27)!important;
}

/* Modal de especificaciones: cierre tipo modal de medios de pago. */
.ush191-modal-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.ush191-modal-close{
  min-width:200px!important;
  min-height:50px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(123,232,255,.31)!important;
  background:linear-gradient(90deg,rgba(63,208,239,.16),rgba(111,90,204,.14))!important;
  color:#effbff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.8px!important;
  cursor:pointer!important;
  box-shadow:0 10px 22px rgba(0,0,0,.12)!important;
}
.ush191-modal-close:hover{
  border-color:rgba(215,255,63,.35)!important;
  background:linear-gradient(90deg,rgba(67,218,248,.23),rgba(124,99,219,.20))!important;
  transform:translateY(-1px);
}

/* Seguridad por si quedó HTML viejo en caché. */
.ush190-installments-banner{display:none!important}

@media(max-width:790px){
  .ush12-heading.ush191-hero-heading{
    grid-template-columns:1fr!important;
    padding:24px 20px!important;
    text-align:center!important;
  }
  .ush191-hero-copy{text-align:center}
  .ush191-hero-heading h3{font-size:40px!important}
  .ush191-hero-heading p{
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:13px!important;
  }
  .ush191-hero-tags{justify-content:center}
  .ush191-hero-orbit{width:190px;height:190px}
  .ush191-hero-orbit b{
    width:116px;height:116px;border-radius:27px;font-size:17px
  }
  .ush191-hero-orbit i:nth-child(1){transform:translate(84px,0)}
  .ush191-hero-orbit i:nth-child(2){transform:rotate(120deg) translate(84px)}
  .ush191-hero-orbit i:nth-child(3){transform:rotate(240deg) translate(84px)}
  .ush191-modal-close{width:100%!important;min-width:0!important}
}
@media(prefers-reduced-motion:reduce){
  .ush191-hero-orbit i{animation:none!important}
  #ush12PriceArea.ush191-price-arrival{animation:none!important}
}


/* =========================================================
V1.9.2 · AJUSTES VISUALES HOME HOSTING
- se elimina la cabecera CONTRATÁ HOSTING
- hero más cercano al diseño de finalizar compra
- bloque técnico más oscuro, mini tarjetas más claras
- botón de especificaciones violeta
- bloque de precios con más foco en descuento
- botón CERRAR más pequeño abajo a la derecha
========================================================= */

/* Ocultar/retirar intro vieja si quedó en caché */
.ush12-section-intro{display:none!important}
.ush12-shell{padding-top:30px!important}

/* Hero principal más parecido al producto/finalizar compra */
.ush12-heading.ush191-hero-heading{
  margin:0 auto 22px!important;
  padding:28px 30px!important;
  background:
    radial-gradient(circle at 14% 14%,rgba(215,255,76,.09),transparent 24%),
    radial-gradient(circle at 88% 14%,rgba(177,117,255,.16),transparent 28%),
    radial-gradient(circle at 62% 82%,rgba(85,222,255,.10),transparent 26%),
    linear-gradient(135deg,rgba(10,30,46,.96),rgba(12,42,66,.96) 45%,rgba(76,56,164,.95))!important;
  border-color:rgba(135,230,255,.22)!important;
}
.ush191-hero-heading h3 em{
  background:linear-gradient(90deg,#61e7ff 0%,#d7ff53 42%,#ab77ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.ush191-hero-heading p{max-width:720px!important}
.ush191-hero-tags{gap:10px!important;margin-top:20px!important}
.ush191-hero-tags span{
  padding:9px 13px!important;
  font-size:10px!important;
  letter-spacing:.95px!important;
  color:#fff!important;
  border-color:rgba(164,240,255,.24)!important;
  background:linear-gradient(135deg,rgba(97,231,255,.09),rgba(214,255,84,.08),rgba(171,119,255,.10))!important;
}
.ush191-hero-orbit b{
  width:138px!important;height:138px!important;border-radius:34px!important;
  background:
    radial-gradient(circle at 24% 16%,rgba(214,255,84,.15),transparent 30%),
    radial-gradient(circle at 74% 78%,rgba(97,231,255,.12),transparent 28%),
    linear-gradient(145deg,#11283f,#0a1626)!important;
}

/* Bloque técnico: más oscuro y con contraste invertido */
.ush12-tech-entry{
  background:
    radial-gradient(circle at 6% 10%,rgba(97,231,255,.08),transparent 26%),
    radial-gradient(circle at 88% 90%,rgba(171,119,255,.08),transparent 30%),
    linear-gradient(135deg,rgba(8,38,58,.96),rgba(9,29,45,.98))!important;
  border-color:rgba(129,222,255,.28)!important;
}
.ush12-tech-copy strong{color:#fff!important}
.ush12-tech-copy p{color:#d7e7ef!important}
.ush12-tech-open{
  background:linear-gradient(180deg,#9d67ff,#7242dd)!important;
  border-color:rgba(235,223,255,.42)!important;
  color:#fff!important;
  box-shadow:0 12px 25px rgba(70,33,132,.25),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.ush12-tech-open:hover{
  background:linear-gradient(180deg,#ac7cff,#8250ea)!important;
  color:#fff!important;
}
.ush17-spec-item{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.07))!important;
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.ush17-spec-violet{background:linear-gradient(145deg,rgba(111,73,210,.34),rgba(255,255,255,.08))!important}
.ush17-spec-orange{background:linear-gradient(145deg,rgba(255,171,84,.18),rgba(255,255,255,.08))!important}
.ush17-spec-blue{background:linear-gradient(145deg,rgba(107,164,255,.16),rgba(255,255,255,.08))!important}
.ush17-spec-cyan{background:linear-gradient(145deg,rgba(94,232,255,.16),rgba(255,255,255,.08))!important}
.ush17-spec-lime{background:linear-gradient(145deg,rgba(186,255,74,.14),rgba(255,255,255,.08))!important}

/* Precios: más fuerza visual */
.ush12-commercial{align-items:stretch!important}
.ush190-price-base,.ush190-price-final{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.ush12-price-heading strong{font-size:24px!important}
.ush12-commercial-label{
  margin-top:18px!important;
  color:#ecf8ff!important;
  font-size:10px!important;
  letter-spacing:1.1px!important;
}
.ush12-price{margin-top:8px!important}
.ush12-price strong{font-size:58px!important;letter-spacing:-2px!important}
.ush12-price i{font-size:24px!important;padding-top:9px!important}
.ush12-renew-note{
  margin-top:10px!important;
  font-size:10px!important;
  line-height:1.45!important;
  color:rgba(238,249,252,.82)!important;
}
.ush190-benefit-line{
  margin-top:auto!important;
  padding:16px 16px 18px!important;
  border-radius:16px!important;
  border:1px solid rgba(215,255,83,.24)!important;
  background:linear-gradient(145deg,rgba(215,255,83,.10),rgba(112,76,224,.10))!important;
  text-align:center!important;
}
.ush190-benefit-line small{
  display:block!important;
  color:#eef8ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1px!important;
}
.ush190-benefit-line strong{
  display:block!important;
  margin-top:5px!important;
  color:#d7ff53!important;
  font-size:26px!important;
  line-height:1.02!important;
  font-weight:950!important;
}
.ush190-benefit-line span{
  display:block!important;
  margin-top:8px!important;
  color:#f1fbff!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.ush190-final-head small{
  color:#d7d0ff!important;
  font-size:10px!important;
  letter-spacing:1px!important;
  font-weight:900!important;
}
.ush190-final-head strong{
  display:block!important;
  margin-top:4px!important;
  color:#cb98ff!important;
  font-size:33px!important;
  line-height:1.03!important;
  font-weight:950!important;
}
.ush12-final s{
  display:block!important;
  margin-top:8px!important;
  color:rgba(242,244,255,.72)!important;
  font-size:16px!important;
  text-decoration-thickness:2px!important;
}
.ush12-final-price{
  margin-top:6px!important;
  justify-content:center!important;
}
.ush12-final-price i{
  font-size:28px!important;
  padding-top:13px!important;
}
.ush12-final-price strong{
  font-size:84px!important;
  line-height:.95!important;
  letter-spacing:-2.8px!important;
}
.ush12-final-badge{
  margin:10px auto 0!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(171,119,255,.20),rgba(215,255,83,.18))!important;
  color:#d9b1ff!important;
  border:1px solid rgba(214,170,255,.22)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.9px!important;
}
.ush190-installment-final{
  width:100%!important;
  margin:16px auto 0!important;
  justify-content:center!important;
  text-align:center!important;
}
.ush190-installment-final>span{font-size:28px!important}
.ush190-installment-final div{display:grid!important;justify-items:center!important}
.ush190-installment-final strong{font-size:24px!important;line-height:1!important}
.ush190-installment-final small{
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.9px!important;
  color:#ebf6ff!important;
}
.ush190-buy{
  margin-top:18px!important;
  text-align:center!important;
  justify-content:center!important;
  font-weight:950!important;
}
.ush190-buy-note{
  margin-top:10px!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.45!important;
  color:rgba(236,248,255,.76)!important;
}

/* Botón cerrar del modal: abajo a la derecha, más discreto */
.ush191-modal-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin-top:10px!important;
}
.ush191-modal-close{
  min-width:auto!important;
  width:auto!important;
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  font-size:11px!important;
  letter-spacing:.6px!important;
}

@media(max-width:980px){
  .ush12-commercial{grid-template-columns:1fr 1fr!important}
  .ush190-price-final{grid-column:span 2!important}
}
@media(max-width:780px){
  .ush12-shell{padding-top:24px!important}
  .ush12-heading.ush191-hero-heading{padding:22px 18px!important}
  .ush191-hero-heading h3{font-size:38px!important}
  .ush191-hero-tags span{font-size:9px!important;padding:8px 11px!important}
  .ush12-tech-entry{padding:16px!important}
  .ush12-tech-open{min-height:56px!important;font-size:13px!important}
  .ush12-commercial{grid-template-columns:1fr!important}
  .ush190-price-final{grid-column:auto!important}
  .ush12-price strong{font-size:48px!important}
  .ush190-final-head strong{font-size:28px!important}
  .ush12-final-price strong{font-size:70px!important}
  .ush190-benefit-line strong{font-size:23px!important}
}


/* =========================================================
V1.9.3 · AJUSTE FINO BLOQUE DE PRECIOS HOME HOSTING
- menos altura visual
- mejor distribución entre precio base y descuento
- más violeta/celeste y menos lima en cabecera
- bloque 30% más protagonista
========================================================= */

.ush12-commercial.ush190-commercial{
  grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
.ush190-price-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:0!important;
  padding:22px 24px 20px!important;
  border-radius:24px!important;
}
.ush190-price-base{
  background:
    radial-gradient(circle at 16% 10%,rgba(95,231,255,.10),transparent 24%),
    radial-gradient(circle at 82% 16%,rgba(179,119,255,.10),transparent 26%),
    linear-gradient(145deg,rgba(9,46,70,.98),rgba(8,35,55,.99))!important;
  border-color:rgba(108,220,255,.24)!important;
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
}
.ush190-price-final{
  background:
    radial-gradient(circle at 14% 14%,rgba(179,119,255,.11),transparent 24%),
    radial-gradient(circle at 82% 84%,rgba(95,231,255,.10),transparent 28%),
    linear-gradient(145deg,rgba(14,62,86,.98),rgba(8,43,64,.99) 52%,rgba(16,80,99,.98))!important;
  border-color:rgba(171,119,255,.26)!important;
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
}
.ush190-price-final::before,
.ush190-price-final::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  opacity:.9;
}
.ush190-price-final::before{
  width:12px;height:12px;top:18px;right:18px;
  background:#c17bff;
  box-shadow:0 0 16px rgba(193,123,255,.42), -26px 18px 0 2px rgba(99,232,255,.55), -50px -2px 0 0 rgba(211,255,86,.55);
  animation:ush193FloatDots 4.2s ease-in-out infinite;
}
.ush190-price-final::after{
  width:120px;height:120px;right:-40px;bottom:-40px;
  background:radial-gradient(circle,rgba(193,123,255,.14),rgba(95,231,255,.03) 60%,transparent 72%);
}
@keyframes ush193FloatDots{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

.ush190-price-base .ush12-price-heading small,
.ush190-price-final .ush12-price-heading small{
  color:#7fe8ff!important;
  font-size:11px!important;
  letter-spacing:1.2px!important;
}
.ush190-price-base .ush12-price-heading strong{
  font-size:22px!important;
  color:#ffffff!important;
}
.ush12-commercial-label{
  margin-top:10px!important;
  font-size:10.5px!important;
}
.ush190-price-base .ush12-price{
  margin-top:2px!important;
}
.ush190-price-base .ush12-price i{
  font-size:22px!important;
  padding-top:7px!important;
}
.ush190-price-base .ush12-price strong{
  font-size:66px!important;
  line-height:.95!important;
}
.ush190-price-base .ush12-renew-note{
  margin-top:4px!important;
  max-width:100%!important;
  font-size:11px!important;
  color:rgba(233,244,248,.78)!important;
}
.ush190-benefit-line{
  margin-top:12px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(193,123,255,.11),rgba(95,231,255,.09),rgba(9,29,45,.18))!important;
  border-color:rgba(193,123,255,.22)!important;
}
.ush190-benefit-line small{
  color:#eef6ff!important;
}
.ush190-benefit-line strong{
  margin-top:4px!important;
  font-size:24px!important;
  color:#d8ff53!important;
}
.ush190-benefit-line span{
  margin-top:6px!important;
  font-size:11.5px!important;
  color:#e7f3f7!important;
}

.ush190-final-head{
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  margin-bottom:2px!important;
}
.ush190-final-head small{
  color:#efe8ff!important;
  font-size:11px!important;
}
.ush190-final-head strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:10px 20px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#8c5dff,#b878ff)!important;
  color:#ffffff!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:0 12px 26px rgba(126,81,222,.20)!important;
}
.ush190-price-final .ush12-commercial-label{
  margin-top:4px!important;
}
.ush12-final s{
  margin-top:0!important;
  font-size:14px!important;
}
.ush12-final-price{
  margin-top:2px!important;
}
.ush12-final-price i{
  font-size:30px!important;
  padding-top:16px!important;
}
.ush12-final-price strong{
  font-size:94px!important;
  line-height:.9!important;
}
.ush12-final-badge{
  margin-top:8px!important;
  background:linear-gradient(135deg,rgba(41,58,94,.98),rgba(120,79,215,.82))!important;
  color:#f2dcff!important;
  border-color:rgba(204,165,255,.26)!important;
}
.ush190-installment-final{
  margin:12px auto 0!important;
  padding:12px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(6,34,52,.72),rgba(9,48,67,.82))!important;
}
.ush190-installment-final > span{
  font-size:32px!important;
}
.ush190-installment-final strong{
  font-size:26px!important;
}
.ush190-installment-final small{
  font-size:11px!important;
}
.ush190-buy{
  width:100%!important;
  margin-top:14px!important;
  min-height:66px!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:21px!important;
  font-weight:950!important;
}
.ush190-buy-note{
  margin-top:10px!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.45!important;
  color:#eaf3f7!important;
}

/* Hero textual: menos lima, más celeste/violeta */
.ush191-hero-heading h3 em{
  background:linear-gradient(90deg,#71ebff 0%,#7ed9ff 36%,#ba86ff 72%,#d0a1ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.ush191-hero-tags span{
  background:linear-gradient(135deg,rgba(97,231,255,.10),rgba(120,141,255,.08),rgba(171,119,255,.12))!important;
}

@media(max-width:980px){
  .ush12-commercial.ush190-commercial{grid-template-columns:1fr!important}
}
@media(max-width:780px){
  .ush190-price-card{padding:18px 16px 17px!important}
  .ush190-price-base .ush12-price strong{font-size:54px!important}
  .ush12-final-price strong{font-size:72px!important}
  .ush190-final-head strong{font-size:19px!important;min-height:46px!important;padding:8px 16px!important}
  .ush190-benefit-line strong{font-size:21px!important}
  .ush190-buy{font-size:18px!important;min-height:60px!important}
}


/* =========================================================
V1.9.5 · AJUSTE FINO FINAL · HOME HOSTING
- hero con WordPress celeste/violeta y apenas lima
- tarjetas más compactas y centradas
- base más clara, descuento más oscura
- dots/órbitas sutiles detrás del descuento
========================================================= */

/* Hero: apenas una nota lima dentro del degradado de WordPress */
.ush191-hero-heading h3 em{
  background:linear-gradient(90deg,#66e8ff 0%,#79deff 38%,#b18cff 72%,#d4ff61 88%,#c89bff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}

/* Tarjetas comerciales: más compactas y con alineación superior */
.ush12-commercial.ush190-commercial{
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.ush190-price-card,
.ush190-price-base,
.ush190-price-final{
  min-height:0!important;
  height:auto!important;
}
.ush190-price-card{
  padding:20px 22px!important;
  border-radius:22px!important;
  text-align:center!important;
}
.ush190-price-card > *{
  text-align:center!important;
}
.ush190-price-base,
.ush190-price-final{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
}

/* Base sin descuento un poco más clara */
.ush190-price-base{
  background:
    radial-gradient(circle at 12% 12%,rgba(96,232,255,.13),transparent 24%),
    radial-gradient(circle at 82% 18%,rgba(170,120,255,.08),transparent 28%),
    linear-gradient(145deg,rgba(16,82,115,.98),rgba(12,62,91,.99))!important;
  border-color:rgba(124,227,255,.28)!important;
}

/* Descuento más oscuro para que resalte el verde */
.ush190-price-final{
  background:
    radial-gradient(circle at 18% 12%,rgba(167,114,255,.10),transparent 24%),
    radial-gradient(circle at 78% 80%,rgba(86,227,255,.08),transparent 30%),
    linear-gradient(145deg,rgba(7,47,70,.995),rgba(6,39,58,.995) 54%,rgba(9,58,78,.995))!important;
  border-color:rgba(160,211,255,.22)!important;
  overflow:hidden!important;
  position:relative!important;
}

/* Órbitas suaves detrás del descuento */
.ush190-price-final::before,
.ush190-price-final::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.ush190-price-final::before{
  width:170px;height:170px;
  top:-42px;right:-30px;
  border:1px solid rgba(166,120,255,.12);
  animation:ush195OrbitA 12s linear infinite;
}
.ush190-price-final::after{
  width:110px;height:110px;
  top:12px;right:22px;
  border:1px solid rgba(94,231,255,.12);
  animation:ush195OrbitB 10s linear infinite reverse;
}
@keyframes ush195OrbitA{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ush195OrbitB{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.ush190-price-final .ush190-orbit-dot,
.ush190-price-final .ush190-orbit-dot-2,
.ush190-price-final .ush190-orbit-dot-3{display:none!important}
.ush190-price-final .ush12-final-badge{position:relative;z-index:2}
.ush190-price-final .ush190-final-head,
.ush190-price-final .ush12-final,
.ush190-price-final .ush190-installment-final,
.ush190-price-final .ush190-buy,
.ush190-price-final .ush190-buy-note{position:relative;z-index:2}
.ush190-price-final .ush190-final-head::after{
  content:"";
  position:absolute;
  width:14px;height:14px;border-radius:50%;
  background:#b57dff;
  top:-8px;right:26px;
  box-shadow:-28px 12px 0 2px rgba(92,232,255,.72), -8px 34px 0 1px rgba(206,255,95,.60);
  animation:ush195Float 3.8s ease-in-out infinite;
}
@keyframes ush195Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Titulares y números centrados y un poco más compactos */
.ush190-price-base .ush12-price-heading,
.ush190-price-final .ush190-final-head,
.ush190-price-base .ush12-price,
.ush190-price-final .ush12-final,
.ush190-price-base .ush12-renew-note,
.ush190-price-final .ush190-buy-note{
  width:100%!important;
  text-align:center!important;
}
.ush190-price-base .ush12-price-heading small,
.ush190-price-final .ush190-final-head small{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}
.ush190-price-base .ush12-price-heading strong{
  font-size:20px!important;
  line-height:1.08!important;
}
.ush190-price-base .ush12-commercial-label{
  margin-top:6px!important;
}
.ush190-price-base .ush12-price{justify-content:center!important;margin-top:0!important}
.ush190-price-base .ush12-price i{font-size:20px!important;padding-top:8px!important}
.ush190-price-base .ush12-price strong{font-size:58px!important;line-height:.92!important}
.ush190-price-base .ush12-renew-note{
  margin-top:2px!important;
  font-size:11px!important;
  color:rgba(237,246,250,.80)!important;
}
.ush190-benefit-line{
  width:100%!important;
  margin-top:12px!important;
  padding:14px 14px 15px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(101,76,180,.24),rgba(33,78,116,.34))!important;
  border-color:rgba(169,128,255,.24)!important;
}
.ush190-benefit-line strong{font-size:22px!important;line-height:1.02!important}
.ush190-benefit-line span{font-size:11px!important;line-height:1.35!important}

/* Bloque de descuento más potente y oscuro */
.ush190-final-head{gap:10px!important;margin-bottom:0!important}
.ush190-final-head small{
  color:#efe7ff!important;
  font-size:11px!important;
}
.ush190-final-head strong{
  min-height:50px!important;
  padding:11px 24px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#8b5ef6,#b77eff)!important;
  color:#fff!important;
  font-size:24px!important;
  box-shadow:0 14px 30px rgba(121,78,223,.22)!important;
}
.ush190-price-final .ush12-commercial-label{margin-top:2px!important}
.ush12-final s{font-size:13px!important}
.ush12-final-price{justify-content:center!important;margin-top:0!important}
.ush12-final-price i{font-size:26px!important;padding-top:14px!important}
.ush12-final-price strong{font-size:82px!important;line-height:.92!important}
.ush12-final-badge{
  margin-top:8px!important;
  padding:8px 16px!important;
  background:linear-gradient(135deg,rgba(95,66,185,.95),rgba(133,94,223,.92))!important;
  color:#f1d9ff!important;
}
.ush190-installment-final{
  width:100%!important;
  max-width:560px!important;
  margin:12px auto 0!important;
  padding:12px 18px!important;
}
.ush190-installment-final > span{font-size:28px!important}
.ush190-installment-final strong{font-size:24px!important}
.ush190-buy{
  width:100%!important;
  max-width:560px!important;
  margin:14px auto 0!important;
  min-height:64px!important;
  font-size:19px!important;
}
.ush190-buy-note{max-width:560px!important;margin-left:auto!important;margin-right:auto!important}

@media(max-width:980px){
  .ush12-commercial.ush190-commercial{grid-template-columns:1fr!important}
}
@media(max-width:780px){
  .ush190-price-card{padding:18px 16px!important}
  .ush190-price-base .ush12-price strong{font-size:50px!important}
  .ush12-final-price strong{font-size:68px!important}
  .ush190-final-head strong{font-size:21px!important}
  .ush190-benefit-line strong{font-size:20px!important}
  .ush190-buy{font-size:17px!important;min-height:58px!important}
}


/* =========================================================
V1.9.6 · AJUSTE PEDIDO USUARIO
- quitar semicirculos grandes del bloque descuento
- distribuir puntos animados sutiles
- reforzar toque lima en WordPress del hero
- compactar un poco más las tarjetas
========================================================= */

/* WordPress con un toque más visible de lima, sin invadir todo el título */
.ush191-hero-heading h3 em{
  background:linear-gradient(90deg,#64e8ff 0%,#7adfff 36%,#a98cff 68%,#c58fff 80%,#dfff63 91%,#b68dff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* Compactar levemente ambas tarjetas */
.ush190-price-card{
  padding:18px 20px!important;
}
.ush190-price-base,
.ush190-price-final{
  gap:4px!important;
}
.ush190-benefit-line{
  margin-top:10px!important;
}

/* Quitar los semicírculos/órbitas grandes */
.ush190-price-final::before,
.ush190-price-final::after{
  border:none!important;
  border-radius:50%!important;
  width:10px!important;
  height:10px!important;
}
.ush190-price-final::before{
  top:18px!important;
  right:54px!important;
  background:#82ebff!important;
  box-shadow:
    -32px 18px 0 1px rgba(183,126,255,.90),
    36px 8px 0 2px rgba(214,255,93,.70),
    18px 34px 0 0 rgba(112,227,255,.75),
    -58px 48px 0 1px rgba(183,126,255,.65)!important;
  animation:ush196DotsA 4.8s ease-in-out infinite!important;
}
.ush190-price-final::after{
  top:52px!important;
  right:112px!important;
  background:#bc7eff!important;
  box-shadow:
    48px -14px 0 0 rgba(131,235,255,.75),
    76px 18px 0 2px rgba(221,255,99,.65),
    8px 38px 0 0 rgba(188,126,255,.75)!important;
  animation:ush196DotsB 5.6s ease-in-out infinite!important;
}
.ush190-price-final .ush190-final-head::after{
  display:none!important;
}
@keyframes ush196DotsA{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(-4px) translateX(3px)}
}
@keyframes ush196DotsB{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(4px) translateX(-2px)}
}

/* Compactar la cabecera del descuento */
.ush190-final-head{
  gap:8px!important;
  margin-bottom:0!important;
}
.ush190-final-head strong{
  min-height:46px!important;
  padding:10px 22px!important;
  font-size:22px!important;
}
.ush12-final-price strong{
  font-size:78px!important;
}
.ush190-installment-final{
  margin-top:10px!important;
}
.ush190-buy{
  margin-top:12px!important;
  min-height:60px!important;
}

@media(max-width:780px){
  .ush190-price-card{padding:16px 15px!important}
  .ush12-final-price strong{font-size:62px!important}
}


/* =========================================================
V1.9.7 · RECORTE SUPERIOR TARJETA DESCUENTO
- se elimina bloque "descuento activado / 30% de descuento"
- la tarjeta comienza en "precio final con descuento"
- puntos redistribuidos en el espacio libre
- más presencia de lima dentro de WordPress
========================================================= */

.ush191-hero-heading h3 em{
  background:linear-gradient(90deg,#63e7ff 0%,#79e0ff 35%,#a88bff 64%,#c98fff 78%,#ddff63 90%,#a783ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* Compactar ligeramente el conjunto */
.ush12-commercial.ush190-commercial{gap:16px!important;align-items:start!important;}
.ush190-price-card{padding:18px 20px!important;}
.ush190-price-base .ush12-price strong{font-size:54px!important;}
.ush12-final-price strong{font-size:76px!important;}

/* Tarjeta final sin encabezado extra */
.ush190-price-final{
  justify-content:flex-start!important;
  padding-top:20px!important;
}
.ush190-final-head{display:none!important;}
.ush197-final-label{
  margin-top:2px!important;
  margin-bottom:2px!important;
  color:#f2dcff!important;
}
.ush190-price-final .ush12-commercial-label{
  font-size:11px!important;
  letter-spacing:1.25px!important;
}
.ush190-price-final s{
  margin-top:0!important;
}
.ush12-final-price{
  margin-top:0!important;
}
.ush12-final-badge{
  margin-top:10px!important;
}

/* Reubicar puntos decorativos dentro del nuevo espacio libre */
.ush190-price-final::before,
.ush190-price-final::after{
  border:none!important;
  border-radius:50%!important;
  width:10px!important;
  height:10px!important;
}
.ush190-price-final::before{
  top:18px!important;
  right:34px!important;
  background:#88ebff!important;
  box-shadow:
    -26px 24px 0 1px rgba(186,128,255,.92),
    20px 14px 0 2px rgba(214,255,97,.74),
    8px 40px 0 0 rgba(116,229,255,.78),
    -46px 52px 0 1px rgba(186,128,255,.68)!important;
  animation:ush197DotsA 4.8s ease-in-out infinite!important;
}
.ush190-price-final::after{
  top:44px!important;
  right:102px!important;
  background:#bd82ff!important;
  box-shadow:
    34px -14px 0 0 rgba(131,235,255,.76),
    68px 10px 0 2px rgba(222,255,100,.66),
    0 30px 0 0 rgba(188,126,255,.76)!important;
  animation:ush197DotsB 5.6s ease-in-out infinite!important;
}
@keyframes ush197DotsA{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-4px) translateX(3px)}}
@keyframes ush197DotsB{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(4px) translateX(-2px)}}

@media(max-width:780px){
  .ush190-price-card{padding:16px 15px!important}
  .ush12-final-price strong{font-size:62px!important}
  .ush190-price-base .ush12-price strong{font-size:48px!important}
}


/* =========================================================
   V1.9.8 · BLOQUE 30% CONVERTIDO EN BOTÓN / LINK
========================================================= */
.ush198-benefit-button{
  display:block!important;
  text-decoration:none!important;
  cursor:pointer!important;
  position:relative;
  overflow:hidden;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease!important;
}
.ush198-benefit-button::after{
  content:"→";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%) translateX(-3px);
  color:#d9ff5a;
  font-size:22px;
  font-weight:950;
  opacity:.70;
  transition:transform .22s ease,opacity .22s ease;
}
.ush198-benefit-button:hover{
  transform:translateY(-2px);
  border-color:rgba(188,135,255,.38)!important;
  background:
    linear-gradient(145deg,rgba(118,82,203,.31),rgba(43,97,139,.39))!important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.14),
    0 0 22px rgba(124,104,235,.08)!important;
}
.ush198-benefit-button:hover::after{
  transform:translateY(-50%) translateX(2px);
  opacity:1;
}
.ush198-benefit-button:focus-visible{
  outline:2px solid #69e6ff!important;
  outline-offset:3px!important;
}
.ush198-benefit-button small,
.ush198-benefit-button strong,
.ush198-benefit-button span{
  position:relative;
  z-index:1;
}
@media(max-width:780px){
  .ush198-benefit-button::after{
    right:12px;
    font-size:18px;
  }
}


/* =========================================================
V1.9.9 · HOME HOSTING · HERO + TARJETA MÁS UNIDOS
- la portada superior se integra visualmente con la tarjeta inferior
- gradiente continuo del hero hacia el bloque de contenido/precio
- CTA de desbloqueo con aspecto más de botón
- precio tachado más visible dentro del bloque con descuento
========================================================= */

/* El conjunto se lee como una única pieza */
.ush12-shell{
  position:relative!important;
}
.ush12-heading.ush191-hero-heading{
  width:min(1240px,100%)!important;
  max-width:none!important;
  margin:0 auto 0!important;
  padding:34px 34px 20px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:28px 28px 0 0!important;
  border:1px solid rgba(149,228,255,.34)!important;
  border-bottom:none!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(117,231,255,.14),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(177,129,255,.14),transparent 30%),
    linear-gradient(180deg,rgba(8,45,66,.96) 0%,rgba(9,63,92,.97) 42%,rgba(16,88,129,.97) 78%,rgba(22,110,161,.96) 100%)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.ush12-heading.ush191-hero-heading::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:72px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(61,205,255,.08) 52%,rgba(101,132,255,.13) 100%);
}

/* Continuidad visual con el bloque principal */
.ush12-plan{
  width:min(1240px,100%)!important;
  margin:0 auto!important;
  border-radius:0 0 28px 28px!important;
  border-top:none!important;
  background:
    radial-gradient(circle at 22% 0%,rgba(76,216,255,.11),transparent 24%),
    radial-gradient(circle at 82% 8%,rgba(169,122,255,.12),transparent 28%),
    linear-gradient(180deg,rgba(24,116,171,.98) 0%,rgba(18,97,144,.985) 20%,rgba(15,84,125,.99) 48%,rgba(12,67,102,.995) 74%,rgba(8,46,72,.998) 100%)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.33),0 0 40px rgba(64,205,255,.11)!important;
}

/* un poco más compacta la separación general */
.ush12-marquee{
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.ush12-top{
  padding-top:24px!important;
}

/* La franja del desbloqueo se entiende como acción principal */
.ush198-benefit-button{
  margin-top:14px!important;
  min-height:86px!important;
  padding:16px 18px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:4px!important;
  border:1px solid rgba(215,255,97,.38)!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,rgba(199,255,104,.16),rgba(101,236,255,.11))!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.ush198-benefit-button small{
  color:#f0ffbd!important;
  font-size:10px!important;
  letter-spacing:1px!important;
}
.ush198-benefit-button strong{
  color:#fff!important;
  font-size:18px!important;
  line-height:1.06!important;
}
.ush198-benefit-button span{
  color:#e4f6fb!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.ush198-benefit-button::after{
  right:16px!important;
  color:#d9ff5a!important;
  font-size:24px!important;
  opacity:.95!important;
}

/* Precio con descuento más claro y el tachado más notorio */
.ush190-price-final{
  background:linear-gradient(145deg,rgba(18,97,133,.99),rgba(11,70,98,.995))!important;
}
.ush190-price-final .ush12-commercial-label{
  color:#eef8ff!important;
}
.ush12-final>s{
  margin-top:10px!important;
  color:#f0f6ff!important;
  font-size:18px!important;
  font-weight:900!important;
  text-decoration-thickness:2px!important;
  text-decoration-color:rgba(255,120,120,.95)!important;
  opacity:.92!important;
}
.ush12-final-badge{
  margin-top:12px!important;
}

/* Integra mejor visualmente las dos tarjetas del precio */
.ush12-commercial.ush190-commercial{
  margin-top:8px!important;
}
.ush190-price-card{
  backdrop-filter:blur(5px)!important;
}

/* Mobile: mantener la idea, pero sin que se rompa */
@media(max-width:790px){
  .ush12-heading.ush191-hero-heading{
    padding:24px 18px 16px!important;
    border-radius:22px 22px 0 0!important;
  }
  .ush12-plan{
    border-radius:0 0 22px 22px!important;
  }
  .ush12-top{padding-top:20px!important}
  .ush198-benefit-button{
    min-height:78px!important;
    padding:14px 14px!important;
  }
  .ush198-benefit-button strong{font-size:16px!important}
  .ush12-final>s{font-size:16px!important}
}


/* =========================================================
V1.9.10 · HOME HOSTING · PRECIO BASE TACHADO
========================================================= */
.ush190-price-base .ush12-price{
  text-decoration:line-through!important;
  text-decoration-thickness:3px!important;
  text-decoration-color:rgba(255,120,120,.95)!important;
}
.ush190-price-base .ush12-price i,
.ush190-price-base .ush12-price strong{
  text-decoration:inherit!important;
}
.ush190-price-base .ush12-price strong{
  opacity:.97!important;
}


/* =========================================================
   V1.9.11 · AJUSTES HOME HOSTING
   - tarjetas principales alineadas
   - pasarela celeste/violeta
   - modal de especificaciones más delicado
   - fundido inferior del fondo
   - NO se modifica la tarjeta de precios
========================================================= */

/* 1) Soporte + WordPress: misma postura y punto sin pisar texto. */
.ush12-copy-cards .ush12-feature{
  min-height:120px!important;
  padding:20px 50px 18px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.ush12-copy-cards .ush12-feature strong{
  min-height:22px!important;
  padding-top:2px!important;
  font-size:17px!important;
  line-height:1.12!important;
}
.ush12-copy-cards .ush12-feature span{
  margin-top:10px!important;
}
.ush12-copy-cards .ush183-dot{
  top:16px!important;
  right:16px!important;
  width:15px!important;
  height:15px!important;
}

/* 2) Pasarela: celeste + violeta, con zonas oscuras y luminosas. */
.ush12-marquee{
  position:relative!important;
  background:
    linear-gradient(90deg,
      #075e82 0%,
      #0b94bc 16%,
      #28c8e9 34%,
      #6577dd 55%,
      #a16ce8 74%,
      #7050bd 88%,
      #3f347f 100%)!important;
  border-bottom:1px solid rgba(199,225,255,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(191,160,255,.16)!important;
}
.ush12-marquee::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.09) 47%,transparent 70%);
  mix-blend-mode:screen;
  opacity:.65;
}
.ush12-marquee-group span{
  color:#eef8ff!important;
}
.ush12-marquee-group i{
  color:var(--lime)!important;
}

/* 3) Ver especificaciones: cierre como los Planes, más chico y neutro. */
.ush12-modal-head>button{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:linear-gradient(145deg,rgba(79,205,238,.10),rgba(148,102,224,.12))!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.ush12-modal-head>button:hover{
  border-color:rgba(157,226,255,.35)!important;
  background:linear-gradient(145deg,rgba(79,205,238,.17),rgba(148,102,224,.18))!important;
}
.ush191-modal-actions{
  justify-content:flex-end!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.ush191-modal-close{
  width:auto!important;
  min-width:132px!important;
  min-height:40px!important;
  padding:0 17px!important;
  border-radius:10px!important;
  border:1px solid rgba(151,220,241,.24)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(123,94,194,.10))!important;
  color:#eaf7fb!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.7px!important;
  box-shadow:none!important;
}
.ush191-modal-close:hover{
  border-color:rgba(170,229,247,.36)!important;
  background:linear-gradient(145deg,rgba(79,205,238,.10),rgba(139,103,215,.14))!important;
  transform:translateY(-1px)!important;
}

/* 4) El video se funde en el fondo oscuro al final de la sección.
      No agrega altura: sólo elimina la sensación de corte. */
.ush12-video{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.88) 76%,rgba(0,0,0,.34) 91%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.88) 76%,rgba(0,0,0,.34) 91%,transparent 100%)!important;
}
.ush12-section::after{
  content:"";
  position:absolute;
  z-index:-2;
  left:0;
  right:0;
  bottom:0;
  height:230px;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 42%,rgba(120,78,215,.08),transparent 38%),
    radial-gradient(circle at 24% 62%,rgba(54,196,239,.08),transparent 42%),
    linear-gradient(180deg,rgba(4,17,29,0),rgba(4,17,29,.70) 48%,#04111d 100%);
}

@media(max-width:790px){
  .ush12-copy-cards .ush12-feature{
    min-height:112px!important;
    padding:18px 44px 17px 17px!important;
  }
  .ush12-copy-cards .ush183-dot{
    top:14px!important;
    right:14px!important;
  }
  .ush191-modal-actions{
    justify-content:flex-end!important;
  }
  .ush191-modal-close{
    width:auto!important;
    min-width:118px!important;
    min-height:39px!important;
  }
  .ush12-section::after{height:160px}
}


/* =========================================================
   V1.9.12 · HOSTING APENAS MÁS OSCURO
   Intermedio con Planes/Weblista. Se conservan pasarela y precios.
========================================================= */

/* Fondo general: sólo un escalón más profundo. */
.ush12-section{
  background:#03101a!important;
}

/* El video sigue visible: sólo bajamos un poco la luminosidad. */
.ush12-video{
  opacity:.84!important;
  filter:saturate(1.07) contrast(1.04) brightness(.76)!important;
}

/* Más negro en la mezcla, pero manteniendo el celeste/violeta. */
.ush12-overlay{
  background:
    linear-gradient(180deg,rgba(2,10,18,.48) 0%,rgba(3,12,21,.31) 20%,rgba(3,12,22,.47) 50%,rgba(3,12,21,.83) 82%,rgba(3,11,19,.985) 100%),
    linear-gradient(90deg,rgba(2,10,18,.61),rgba(2,12,21,.18) 45%,rgba(12,7,22,.46))!important;
}

.ush12-glow-a{
  background:rgba(48,186,232,.16)!important;
}
.ush12-glow-b{
  background:rgba(123,76,216,.14)!important;
}

/* Tarjeta principal: misma identidad, apenas más profunda. */
.ush12-plan{
  background:
    radial-gradient(circle at 88% 6%,rgba(118,78,217,.08),transparent 30%),
    linear-gradient(145deg,rgba(24,121,157,.96),rgba(14,82,115,.98) 52%,rgba(8,55,79,.99))!important;
  border-color:rgba(111,216,246,.39)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 34px rgba(64,205,255,.08)!important;
}

/* Bloques informativos: un poco más oscuros, sin perder lectura. */
.ush12-copy{
  background:linear-gradient(145deg,rgba(4,39,57,.78),rgba(3,31,48,.89))!important;
}
.ush12-feature{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(4,15,23,.19))!important;
  border-color:rgba(255,255,255,.17)!important;
}
.ush12-tech-entry{
  background:linear-gradient(120deg,rgba(22,105,137,.93),rgba(12,66,96,.97))!important;
  border-color:rgba(255,255,255,.17)!important;
}
.ush12-spec-grid article{
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(3,13,21,.16))!important;
}

/* NO TOCAR: .ush12-marquee, .ush190-price-*, .ush12-price, .ush12-final-price,
   botones de compra y pasarela mantienen exactamente el diseño aprobado. */


/* =========================================================
   V1.9.13 · PASARELA FULL WIDTH COMO PLANES COMPLETOS
========================================================= */

/* La pasarela sale de la tarjeta y toma el ancho completo de la página. */
.ush12-plan{
  overflow:visible!important;
}
.ush12-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(214,241,255,.12)!important;
  border-bottom:1px solid rgba(199,225,255,.34)!important;
  position:relative!important;
  z-index:4!important;
}
.ush12-marquee-group{
  padding:16px 28px!important;
}
/* Separa el cuerpo de la tarjeta, como en Planes. */
.ush12-top{
  margin-top:18px!important;
}

@media(max-width:790px){
  .ush12-marquee{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  .ush12-marquee-group{
    padding:13px 16px!important;
  }
  .ush12-top{
    margin-top:12px!important;
  }
}


/* =========================================================
   V1.9.14 · CENTRADO GENERAL + DOTS ALTERNADOS + TICKER CONTINUO
   Mantiene intacta la tarjeta final de precio/descuento.
========================================================= */

/* 1) Textos centrados en todo el contenido principal de Hosting. */
.ush12-copy,
.ush12-copy h3,
.ush12-intro,
.ush12-detail,
.ush12-sticker,
.ush12-copy-cards .ush12-feature,
.ush12-mini-grid .ush12-feature,
.ush12-top-promo,
.ush12-tech-entry,
.ush12-tech-copy,
.ush12-tech-copy>div,
.ush17-spec-item,
.ush12-price-heading,
.ush190-price-base,
.ush190-benefit-line,
.ush190-buy-note{
  text-align:center!important;
}

.ush12-sticker{
  display:flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
}

.ush12-copy-cards .ush12-feature,
.ush12-mini-grid .ush12-feature{
  align-items:center!important;
  justify-content:flex-start!important;
}

.ush12-top-promo{
  align-items:center!important;
  justify-content:center!important;
}

/* “Hosting completo · Especificaciones técnicas” centrado sin romper el icono. */
.ush12-tech-copy{
  justify-content:center!important;
  align-items:center!important;
}
.ush12-tech-copy>div{
  flex:1 1 auto!important;
}
.ush12-tech-copy small,
.ush12-tech-copy strong,
.ush12-tech-copy p{
  text-align:center!important;
}

/* La tarjeta AHORRÁ ACTIVANDO... queda centrada. */
.ush190-benefit-line,
.ush190-benefit-line small,
.ush190-benefit-line strong,
.ush190-benefit-line span{
  text-align:center!important;
}
.ush190-benefit-line{
  align-items:center!important;
}

/* 2) CTA CONTRATAR con un poco más de fuerza, sin cambiar tamaño de precios. */
.ush190-top-buy,
.ush190-buy{
  font-weight:950!important;
  letter-spacing:.55px!important;
  border:1px solid rgba(239,255,217,.92)!important;
  box-shadow:
    0 13px 28px rgba(183,255,75,.18),
    0 0 24px rgba(183,255,75,.10),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
  filter:saturate(1.08)!important;
}
.ush190-top-buy:hover,
.ush190-buy:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 16px 34px rgba(183,255,75,.24),
    0 0 30px rgba(183,255,75,.13),
    inset 0 1px 0 rgba(255,255,255,.34)!important;
}

/* 3) Pasarela realmente continua. */
.ush12-marquee-track{
  display:flex!important;
  width:max-content!important;
  animation:ush12Marquee 24s linear infinite!important;
  will-change:transform!important;
}
@media(min-width:1101px){
  .ush12-marquee-group{
    flex:0 0 100vw!important;
    width:100vw!important;
    min-width:100vw!important;
    justify-content:space-evenly!important;
    gap:20px!important;
  }
}
@media(max-width:1100px){
  .ush12-marquee-group{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:max-content!important;
  }
}

/* 4) Mobile: alternar puntos para que no queden todos a la derecha. */
@media(max-width:790px){
  .ush12-copy,
  .ush12-copy h3,
  .ush12-intro,
  .ush12-detail,
  .ush12-feature,
  .ush12-tech-entry,
  .ush12-tech-copy,
  .ush17-spec-item,
  .ush12-top-promo,
  .ush190-benefit-line{
    text-align:center!important;
  }

  .ush12-copy-cards .ush12-feature:nth-child(odd) .ush183-dot{
    left:14px!important;
    right:auto!important;
  }
  .ush12-copy-cards .ush12-feature:nth-child(even) .ush183-dot{
    left:auto!important;
    right:14px!important;
  }

  .ush12-mini-grid .ush12-feature:nth-child(odd) .ush183-dot{
    left:auto!important;
    right:12px!important;
  }
  .ush12-mini-grid .ush12-feature:nth-child(even) .ush183-dot{
    left:12px!important;
    right:auto!important;
  }

  .ush17-spec-item:nth-child(odd)::before{
    left:12px!important;
    right:auto!important;
  }
  .ush17-spec-item:nth-child(even)::before{
    left:auto!important;
    right:12px!important;
  }

  .ush12-tech-copy{
    position:relative!important;
    padding-left:48px!important;
    padding-right:8px!important;
    min-height:46px!important;
  }
  .ush12-tech-icon{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
}

/* No tocar estructura/escala de la tarjeta final con descuento. */


/* =========================================================
   V1.9.15 · MANROPE EN HOSTING HOME + CTA MOBILE
========================================================= */
.ush12,
.ush12 *{
  font-family:"Manrope",Arial,sans-serif!important;
}
.ush12 h2,.ush12 h3,.ush12 strong,.ush12 b,.ush12 button,.ush12 a{
  font-weight:800!important;
}
.ush12 .ush190-top-buy,
.ush12 .ush190-buy,
.ush12 .ush12-jump-buy{
  text-align:center!important;
  justify-content:center!important;
  font-family:"Manrope",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.45px!important;
}
@media(max-width:790px){
  .ush12 .ush190-top-buy,
  .ush12 .ush190-buy,
  .ush12 .ush12-jump-buy{
    font-size:15px!important;
    text-align:center!important;
  }
}


/* =========================================================
   V1.9.16 · BLOQUE DESTACADO VELOCIDAD + RENDIMIENTO
   Comunicación realista: el hosting aporta una buena base;
   el rendimiento final también depende de la construcción web.
========================================================= */
.ush196-performance{
  position:relative;
  margin:4px 22px 20px;
  padding:28px 30px 24px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(118,226,255,.46);
  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));
  box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 32px rgba(79,211,255,.08);
  text-align:center!important;
  font-family:"Manrope",Arial,sans-serif!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ush196-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;
}
.ush196-performance-icon{
  position:relative;
  z-index:2;
  width:62px;
  height:62px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#07111f;
  background:linear-gradient(145deg,#dfff8e,#9aff4f);
  border:1px solid rgba(242,255,222,.88);
  box-shadow:0 0 0 7px rgba(183,255,75,.07),0 12px 28px rgba(138,255,83,.13);
}
.ush196-performance-icon svg{width:31px;height:31px;fill:currentColor;filter:drop-shadow(0 2px 2px rgba(255,255,255,.2))}
.ush196-performance-copy{position:relative;z-index:2;max-width:820px;margin:0 auto}
.ush196-performance-copy small{
  display:block;
  color:#baff54;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:1.65px;
}
.ush196-performance-copy h4{
  margin:7px auto 9px!important;
  max-width:760px;
  color:#fff!important;
  font-family:"Manrope",Arial,sans-serif!important;
  font-size:30px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.65px!important;
  text-align:center!important;
}
.ush196-performance-copy p{
  margin:0 auto!important;
  max-width:780px;
  color:#e0edf4!important;
  font-family:"Manrope",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.62!important;
  font-weight:500!important;
  text-align:center!important;
}
.ush196-performance-copy p strong{color:#fff;font-weight:800!important}
.ush196-performance-points{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:880px;
  margin:20px auto 0;
}
.ush196-performance-points>div{
  min-height:96px;
  padding:15px 13px 13px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .23s ease,border-color .23s ease,background .23s ease,box-shadow .23s ease;
}
.ush196-performance-points b{
  display:block;
  color:#aeeaff;
  font-size:12px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:1.1px;
}
.ush196-performance-points span{
  display:block;
  margin-top:7px;
  color:#edf6fa;
  font-size:12px;
  line-height:1.42;
  font-weight:500;
  text-align:center!important;
}
.ush196-performance-points>div:nth-child(2) b{color:#d4b4ff}
.ush196-performance-points>div:nth-child(3) b{color:#caff7d}
.ush196-performance-note{
  position:relative;
  z-index:2;
  margin:17px auto 0!important;
  max-width:760px;
  color:#bfcfd8!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  font-weight:500!important;
  text-align:center!important;
}
.ush196-performance-note strong{color:#fff;font-weight:700!important}
@media(hover:hover) and (pointer:fine){
  .ush196-performance:hover{
    transform:translateY(-2px);
    border-color:rgba(159,237,255,.68);
    box-shadow:0 22px 45px rgba(0,0,0,.27),0 0 38px rgba(89,216,255,.11);
  }
  .ush196-performance:hover::before{transform:translateX(330%) rotate(22deg)}
  .ush196-performance-points>div:hover{
    transform:translateY(-3px);
    border-color:rgba(183,255,75,.38);
    background:linear-gradient(145deg,rgba(90,220,255,.12),rgba(183,255,75,.06));
    box-shadow:0 10px 22px rgba(0,0,0,.15);
  }
}
@media(max-width:790px){
  .ush196-performance{
    margin:2px 12px 16px;
    padding:23px 15px 19px;
    border-radius:19px;
  }
  .ush196-performance-icon{width:56px;height:56px;border-radius:16px;margin-bottom:12px}
  .ush196-performance-icon svg{width:28px;height:28px}
  .ush196-performance-copy h4{font-size:25px!important;line-height:1.1!important;letter-spacing:-.45px!important}
  .ush196-performance-copy p{font-size:13px!important;line-height:1.56!important}
  .ush196-performance-points{grid-template-columns:1fr;gap:8px;margin-top:17px}
  .ush196-performance-points>div{min-height:0;padding:13px 12px}
  .ush196-performance-points span{font-size:11.6px}
  .ush196-performance-note{font-size:11px!important;margin-top:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .ush196-performance,.ush196-performance-points>div,.ush196-performance::before{transition:none!important}
}

/* =========================================================
   V1.9.17 · VELOCIDAD PRIORITARIA + BENEFICIOS ORDENADOS
   - Velocidad + rendimiento sube al bloque principal.
   - Los 8 beneficios quedan debajo en una sola familia visual.
   - Mobile: puntos de beneficios a la izquierda y técnicos a la derecha.
   - Rayo con energía suave.
========================================================= */

.ush197-top{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:18px!important;
}
.ush197-copy,
.ush197-performance{
  min-width:0!important;
  margin:0!important;
}
.ush197-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:100%!important;
}
.ush197-performance{
  height:100%!important;
  padding:24px 24px 21px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.ush197-performance .ush196-performance-copy h4{
  font-size:27px!important;
}
.ush197-performance .ush196-performance-points{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:16px!important;
}
.ush197-performance .ush196-performance-points>div{
  min-height:84px!important;
  padding:12px 10px!important;
}
.ush197-performance .ush196-performance-note{
  margin-top:13px!important;
}
.ush197-note-line{
  display:inline;
  margin-left:.3em;
}

/* Todos los beneficios pasan debajo del bloque principal. */
.ush197-benefits{
  grid-column:1 / -1!important;
  width:100%!important;
  display:block!important;
}
.ush197-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}
.ush197-benefit-grid .ush12-feature{
  min-height:118px!important;
  padding:18px 18px 16px!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease!important;
}
.ush197-benefit-grid .ush12-feature strong,
.ush197-benefit-grid .ush12-feature span{
  text-align:center!important;
}
.ush197-benefit-grid .ush12-feature:nth-child(1){background:linear-gradient(145deg,rgba(82,128,56,.24),rgba(5,56,76,.74))!important}
.ush197-benefit-grid .ush12-feature:nth-child(2){background:linear-gradient(145deg,rgba(91,54,150,.28),rgba(5,53,76,.76))!important}
.ush197-benefit-grid .ush12-feature:nth-child(3){background:linear-gradient(145deg,rgba(36,117,151,.30),rgba(5,53,76,.76))!important}
.ush197-benefit-grid .ush12-feature:nth-child(4){background:linear-gradient(145deg,rgba(128,84,33,.25),rgba(5,53,76,.76))!important}
.ush197-benefit-grid .ush12-feature:nth-child(5){background:linear-gradient(145deg,rgba(78,122,48,.22),rgba(5,53,76,.76))!important}
.ush197-benefit-grid .ush12-feature:nth-child(6){background:linear-gradient(145deg,rgba(88,55,148,.26),rgba(5,53,76,.76))!important}
.ush197-benefit-grid .ush12-feature:nth-child(7){background:linear-gradient(145deg,rgba(38,104,151,.27),rgba(5,53,76,.76))!important}
.ush197-benefit-grid .ush12-feature:nth-child(8){background:linear-gradient(145deg,rgba(138,72,45,.23),rgba(5,53,76,.76))!important}
@media(hover:hover) and (pointer:fine){
  .ush197-benefit-grid .ush12-feature:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(255,255,255,.30)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.17),0 0 18px rgba(91,218,255,.06)!important;
  }
}

/* Acciones debajo de los beneficios, centradas. */
.ush197-benefits .ush12-top-actions{
  margin:14px auto 0!important;
}

/* Rayo: energía visible pero sin exagerar. */
.ush197-bolt{
  isolation:isolate;
  animation:ush197BoltEnergy 2.35s ease-in-out infinite;
}
.ush197-bolt::before,
.ush197-bolt::after{
  content:"";
  position:absolute;
  inset:-8px;
  z-index:-1;
  border-radius:22px;
  border:1px solid rgba(190,255,93,.38);
  opacity:.15;
  transform:scale(.86);
  animation:ush197BoltRing 2.35s ease-out infinite;
  pointer-events:none;
}
.ush197-bolt::after{
  inset:-15px;
  border-color:rgba(91,229,255,.34);
  animation-delay:1.15s;
}
@keyframes ush197BoltEnergy{
  0%,100%{transform:translateY(0) rotate(0deg);filter:brightness(1)}
  45%{transform:translateY(-1px) rotate(-2deg);filter:brightness(1.12)}
  52%{transform:translateY(1px) rotate(2deg);filter:brightness(1.24)}
  60%{transform:translateY(0) rotate(0deg);filter:brightness(1.08)}
}
@keyframes ush197BoltRing{
  0%{opacity:.28;transform:scale(.78)}
  75%,100%{opacity:0;transform:scale(1.22)}
}

@media(max-width:1040px){
  .ush197-top{grid-template-columns:1fr!important}
  .ush197-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ush197-performance{height:auto!important}
}

@media(max-width:790px){
  .ush197-top{gap:12px!important}
  .ush197-copy{padding-bottom:2px!important}
  .ush197-performance{
    margin:0!important;
    padding:22px 15px 18px!important;
  }
  .ush197-performance .ush196-performance-copy h4{
    font-size:25px!important;
  }
  .ush197-performance .ush196-performance-points{
    grid-template-columns:1fr!important;
  }
  .ush197-note-line{
    display:block!important;
    margin:3px auto 0!important;
    white-space:nowrap;
  }
  .ush197-benefit-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .ush197-benefit-grid .ush12-feature{
    min-height:92px!important;
    padding:15px 18px 14px 44px!important;
  }

  /* Primer grupo completo: TODOS los puntos a la izquierda. */
  .ush197-benefit-grid .ush183-dot,
  .ush12-copy-cards .ush183-dot,
  .ush12-mini-grid .ush183-dot{
    left:13px!important;
    right:auto!important;
    top:13px!important;
  }

  /* Segundo grupo técnico: TODOS los puntos a la derecha. */
  .ush17-spec-item::before,
  .ush17-spec-item:nth-child(odd)::before,
  .ush17-spec-item:nth-child(even)::before{
    left:auto!important;
    right:12px!important;
    top:12px!important;
  }
}

@media(max-width:350px){
  .ush197-note-line{white-space:normal!important}
}

@media(prefers-reduced-motion:reduce){
  .ush197-bolt,.ush197-bolt::before,.ush197-bolt::after{animation:none!important}
}


/* =========================================================
   V1.9.19 · CORRECCIÓN REAL
   El bloque 1.9.18 anterior no se interpretaba por un error de saltos de línea.
   Esta versión usa CSS real + nuevo nombre de archivo para evitar caché.
========================================================= */

/* Tipografía nueva en toda la sección. */
.ush12,
.ush12 *{
  font-family:"Manrope",Arial,sans-serif!important;
}

/* HERO: textos centrados dentro de su columna; la órbita conserva su posición. */
.ush12 .ush12-heading.ush191-hero-heading{
  column-gap:42px!important;
}
.ush12 .ush191-hero-copy{
  width:100%!important;
  max-width:780px!important;
  justify-self:center!important;
  padding:0 18px!important;
  text-align:center!important;
}
.ush12 .ush191-hero-heading .ush12-kicker{
  justify-content:center!important;
  text-align:center!important;
}
.ush12 .ush191-hero-heading h3{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.ush12 .ush191-hero-heading h3 em{
  display:table!important;
  width:auto!important;
  max-width:100%!important;
  margin:5px auto 0!important;
  background:linear-gradient(90deg,#55ddff 0%,#83ddff 27%,#a878ff 62%,#d7ff55 90%,#eaff83 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-align:center!important;
}
.ush12 .ush191-hero-heading p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.ush12 .ush191-hero-tags{
  justify-content:center!important;
}

/* Texto centrado en todos los bloques de contenido. */
.ush12 .ush197-copy,
.ush12 .ush197-copy h3,
.ush12 .ush197-copy p,
.ush12 .ush197-benefit-grid .ush12-feature,
.ush12 .ush197-benefit-grid .ush12-feature strong,
.ush12 .ush197-benefit-grid .ush12-feature span,
.ush12 .ush12-tech-entry,
.ush12 .ush12-tech-copy,
.ush12 .ush12-tech-copy>div,
.ush12 .ush12-tech-copy small,
.ush12 .ush12-tech-copy strong,
.ush12 .ush12-tech-copy p,
.ush12 .ush17-spec-item,
.ush12 .ush190-buy-note{
  text-align:center!important;
}
.ush12 .ush12-sticker{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* CONTRATAR: mismo tamaño físico, letra más grande y un poco más oscura. */
.ush12 a.ush190-top-buy,
.ush12 a.ush190-buy,
.ush12 a.ush12-jump-buy{
  font-size:18px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#102216!important;
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}

/* DESCUENTO ACTIVADO más visible, sin alterar precios. */
.ush12 .ush12-final-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:9px 15px!important;
}
.ush12 .ush12-final-badge strong{
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.35px!important;
}
.ush12 .ush12-final-badge span{
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
}

/* CERRAR en modal: pequeño, neutro y discreto. */
.ush12 .ush12-modal .ush191-modal-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  padding-top:12px!important;
}
.ush12 .ush12-modal .ush191-modal-actions button.ush191-modal-close,
.ush12 .ush12-modal-actions button.ush191-modal-close{
  width:auto!important;
  min-width:96px!important;
  max-width:130px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  border:1px solid rgba(173,220,238,.22)!important;
  background:rgba(7,34,50,.48)!important;
  color:#dcebf2!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.45px!important;
  box-shadow:none!important;
}
.ush12 .ush12-modal .ush191-modal-actions button.ush191-modal-close:hover,
.ush12 .ush12-modal-actions button.ush191-modal-close:hover{
  background:rgba(27,83,108,.58)!important;
  border-color:rgba(173,220,238,.34)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

/* Pasarela: compacta, repetida y sin huecos. */
.ush12 .ush12-marquee-track{
  display:flex!important;
  width:max-content!important;
  animation:ush12Marquee 30s linear infinite!important;
  will-change:transform!important;
}
.ush12 .ush12-marquee-group{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  padding:14px 14px!important;
  white-space:nowrap!important;
}
.ush12 .ush12-marquee-group strong{font-size:16px!important}
.ush12 .ush12-marquee-group span{font-size:10px!important}
.ush12 .ush12-marquee-group i{margin:0 2px!important}

@media(max-width:790px){
  /* Tarjeta oscura: sin corte, más aire al final y párrafos más juntos. */
  .ush12 .ush12-top.ush197-top .ush197-copy{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:22px 17px 25px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  .ush12 .ush197-copy .ush12-sticker{
    margin:0 auto 12px!important;
  }
  .ush12 .ush197-copy h3{
    margin:0 auto 10px!important;
    font-size:29px!important;
    line-height:1.08!important;
  }
  .ush12 .ush197-copy .ush12-intro{
    margin:0 auto!important;
    padding:0!important;
    line-height:1.48!important;
  }
  .ush12 .ush197-copy .ush12-detail{
    margin:11px auto 0!important;
    padding:0 0 3px!important;
    line-height:1.52!important;
  }

  /* Cierre de velocidad: segunda oración en una línea/bloque aparte. */
  .ush12 .ush197-performance .ush196-performance-note{
    max-width:100%!important;
    margin:15px auto 0!important;
    padding:0 4px!important;
    line-height:1.45!important;
  }
  .ush12 .ush197-performance .ush197-note-line{
    display:block!important;
    width:100%!important;
    margin:4px auto 0!important;
    white-space:normal!important;
  }

  /* PRIMER GRUPO: todos los puntos a la izquierda, anulando reglas nth-child previas. */
  .ush12 .ush12-top.ush197-top .ush197-benefit-grid.ush12-mini-grid .ush12-feature:nth-child(n) > i.ush183-dot{
    left:13px!important;
    right:auto!important;
    top:13px!important;
  }
  .ush12 .ush12-top.ush197-top .ush197-benefit-grid.ush12-mini-grid .ush12-feature:nth-child(n){
    padding:15px 18px 14px 44px!important;
  }

  /* SEGUNDO GRUPO / especificaciones: todos los puntos a la derecha. */
  .ush12 .ush12-tech-entry .ush17-spec-strip .ush17-spec-item:nth-child(n)::before{
    left:auto!important;
    right:12px!important;
    top:12px!important;
  }

  .ush12 a.ush190-top-buy,
  .ush12 a.ush190-buy,
  .ush12 a.ush12-jump-buy{
    font-size:17px!important;
  }

  /* Nota bajo CONTRATAR: la segunda frase baja completa. */
  .ush12 .ush190-buy-note{
    padding:0 10px!important;
    line-height:1.48!important;
    text-align:center!important;
  }
  .ush12 .ush190-buy-note>span{
    display:block!important;
    margin:0!important;
  }
  .ush12 .ush190-buy-note>span+span{
    margin-top:4px!important;
  }

  .ush12 .ush12-modal .ush191-modal-actions{
    position:static!important;
    margin:18px 0 0!important;
    padding:13px 0 0!important;
    justify-content:flex-end!important;
    background:transparent!important;
  }
  .ush12 .ush12-modal .ush191-modal-actions button.ush191-modal-close{
    width:auto!important;
    min-width:92px!important;
    max-width:120px!important;
    min-height:34px!important;
    height:34px!important;
    font-size:10px!important;
  }

  .ush12 .ush12-marquee-group{
    gap:11px!important;
    padding:12px 12px!important;
  }
  .ush12 .ush12-marquee-group strong{font-size:14px!important}
  .ush12 .ush12-marquee-group span{font-size:9.5px!important}
}


/* =========================================================
   V1.9.20 · SOLO MODAL DE ESPECIFICACIONES EN MOBILE
   - cabecera completamente visible
   - X clara en esquina superior derecha
   - cerrar inferior sticky, moderado y centrado
   - nota de dominio apilada y centrada
   No altera ningún otro bloque de Hosting.
========================================================= */
@media(max-width:790px){
  /* El modal queda por encima de cualquier cabecera del sitio. */
  .ush12 .ush12-modal{
    z-index:2147483000!important;
    padding:0!important;
    align-items:flex-start!important;
  }
  .ush12 .ush12-modal-card{
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    padding:0 14px 0!important;
    border-radius:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }

  /* Cabecera visible completa; ya no queda escondida/cortada arriba. */
  .ush12 .ush12-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;
    background:linear-gradient(180deg,#176f94 0%,#125d7f 100%)!important;
    border-bottom:1px solid rgba(193,235,249,.16)!important;
    box-shadow:0 10px 24px rgba(2,13,22,.18)!important;
  }
  .ush12 .ush12-modal-head>div{
    min-width:0!important;
  }
  .ush12 .ush12-modal-head h2{
    margin-right:0!important;
  }

  /* X siempre visible y fácil de tocar, sin convertirla en un botón estridente. */
  .ush12 .ush12-modal-head>button[data-ush12-close]{
    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(214,239,249,.28)!important;
    background:rgba(4,31,46,.48)!important;
    color:#f2fbff!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:500!important;
    box-shadow:0 5px 14px rgba(0,0,0,.15)!important;
  }
  .ush12 .ush12-modal-head>button[data-ush12-close]:active{
    transform:scale(.96)!important;
  }

  /* Recupera el aire del contenido después de quitar padding superior de la card. */
  .ush12 .ush12-modal-overview{
    margin-top:17px!important;
  }

  /* IMPORTANTE arriba y explicación debajo, ambos centrados. */
  .ush12 .ush12-modal-note{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:14px 16px!important;
    text-align:center!important;
  }
  .ush12 .ush12-modal-note b{
    display:block!important;
    width:100%!important;
    color:var(--lime)!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.65px!important;
    text-align:center!important;
  }
  .ush12 .ush12-modal-note span{
    display:block!important;
    width:100%!important;
    max-width:500px!important;
    margin:0 auto!important;
    color:#e4eef2!important;
    font-size:11.5px!important;
    line-height:1.5!important;
    text-align:center!important;
  }

  /* CERRAR permanece accesible mientras se recorre la ficha. */
  .ush12 .ush12-modal .ush191-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;
    background:linear-gradient(180deg,rgba(11,73,104,.78),#0b4968 36%)!important;
    border-top:1px solid rgba(200,236,249,.14)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  .ush12 .ush12-modal .ush191-modal-actions button.ush191-modal-close{
    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(185,224,239,.30)!important;
    background:rgba(5,34,50,.70)!important;
    color:#edf8fc!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;
  }
}

/* =========================================================
   V1.9.21 · SOLO POSICIÓN VERTICAL DEL MODAL EN MOBILE
   Mantiene intactos la X, el botón CERRAR y todo el resto.
   La ficha comienza debajo del menú fijo del sitio para que
   el título no quede oculto detrás de la cabecera principal.
========================================================= */
@media(max-width:790px){
  .ush12 .ush12-modal{
    --ush1921-site-header:72px;
    padding-top:calc(var(--ush1921-site-header) + env(safe-area-inset-top))!important;
  }
  .ush12 .ush12-modal-card{
    min-height:calc(100dvh - var(--ush1921-site-header) - env(safe-area-inset-top))!important;
    max-height:calc(100dvh - var(--ush1921-site-header) - env(safe-area-inset-top))!important;
  }
  /* La cabecera sigue sticky, pero ahora dentro del área visible bajo el menú. */
  .ush12 .ush12-modal-head{
    top:0!important;
  }
}

/* =========================================================
   V1.9.22 · ÚNICO AJUSTE: MODAL MOBILE DEBAJO DEL MENÚ
   La cabecera flotante de Inicio ocupa aprox. 78px (top + alto)
   y además proyecta sombra. La ficha arranca a 94px del viewport.
   No modifica X, botón CERRAR, textos, tarjetas ni resto de Hosting.
========================================================= */
@media(max-width:790px){
  .ush12 .ush12-modal{
    padding:94px 0 0!important;
    align-items:flex-start!important;
  }
  .ush12 .ush12-modal-card{
    width:100%!important;
    min-height:0!important;
    height:calc(100dvh - 94px)!important;
    max-height:calc(100dvh - 94px)!important;
  }
  .ush12 .ush12-modal-head{
    top:0!important;
  }
}

/* =========================================================
   V1.9.23 · SOLO SALTO A COMPRA + CIERRE DEL MODAL
   El salto mobile al CTA final se calcula en hosting-v15.js.
   Los demás bloques de Hosting mantienen el diseño aprobado.
========================================================= */
/* X adicional: únicamente en celular; la X derecha permanece. */
.ush12 .ush123-modal-close-left{display:none!important}

/* Control inferior CERRAR: un poco mayor y con el celeste del modal. */
.ush12 .ush12-modal .ush191-modal-actions button.ush191-modal-close,
.ush12 .ush12-modal-actions button.ush191-modal-close{
  min-width:154px!important;
  max-width:194px!important;
  min-height:46px!important;
  height:46px!important;
  padding:0 22px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#08283a!important;
  background:linear-gradient(125deg,#38bddf,#80e7f8)!important;
  border:1px solid rgba(216,250,255,.75)!important;
  box-shadow:0 8px 20px rgba(48,193,225,.22)!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
.ush12 .ush12-modal .ush191-modal-actions button.ush191-modal-close:hover,
.ush12 .ush12-modal-actions button.ush191-modal-close:hover{
  color:#062535!important;
  background:linear-gradient(125deg,#54d3ed,#a4f3ff)!important;
  border-color:#e6fcff!important;
  filter:brightness(1.06);
  box-shadow:0 10px 24px rgba(59,205,236,.34)!important;
}

@media(max-width:790px){
  /* Más aire respecto de la cabecera flotante, que rozaba el título. */
  .ush12 .ush12-modal{
    padding:122px 0 0!important;
    align-items:flex-start!important;
  }
  .ush12 .ush12-modal-card{
    width:100%!important;
    height:calc(100dvh - 122px)!important;
    max-height:calc(100dvh - 122px)!important;
    min-height:0!important;
  }

  /* Las dos X comparten una fila propia encima de título y descripción. */
  .ush12 .ush12-modal-head{
    top:0!important;
    padding:63px 16px 17px!important;
  }
  .ush12 .ush12-modal-head>button.ush123-modal-close-left[data-ush12-close]{
    display:flex!important;
    position:absolute!important;
    top:14px!important;
    left:14px!important;
    right:auto!important;
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    border:1px solid rgba(210,246,255,.67)!important;
    background:linear-gradient(135deg,#146b91,#2ca9c8)!important;
    color:#fff!important;
    font-size:27px!important;
    font-weight:700!important;
    line-height:1!important;
    z-index:20!important;
    box-shadow:0 6px 18px rgba(1,27,43,.26)!important;
  }
  .ush12 .ush12-modal-head>button[data-ush12-close]:not(.ush123-modal-close-left){
    top:14px!important;
    right:14px!important;
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
  }
  .ush12 .ush12-modal .ush191-modal-actions button.ush191-modal-close{
    min-width:160px!important;
    max-width:200px!important;
    min-height:48px!important;
    height:48px!important;
    font-size:13px!important;
  }
}

/* =========================================================
   V1.9.24 · CIERRE RESPONSIVE Y MODAL DESKTOP SIN SUPERPOSICIÓN
   Una X por vista. El cierre inferior y el salto a compra se preservan.
========================================================= */
@media(max-width:790px){
  /* Mobile: recupera la única X aprobada, arriba a la derecha. */
  .ush12 .ush12-modal-head>button.ush123-modal-close-left[data-ush12-close]{
    display:none!important;
  }
  .ush12 .ush12-modal-head{
    padding:17px 62px 15px 14px!important;
  }
  .ush12 .ush12-modal-head>button[data-ush12-close]:not(.ush123-modal-close-left){
    display:flex!important;
  }
}
@media(min-width:791px){
  /* El menú flotante cubre los primeros ~100px: el modal empieza debajo,
     independientemente del z-index del encabezado de WordPress. */
  .ush12 .ush12-modal.is-open{
    padding:clamp(130px,14vh,154px) 20px 18px!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .ush12 .ush12-modal.is-open .ush12-modal-card{
    flex:0 1 auto!important;
    align-self:flex-start!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - clamp(130px,14vh,154px) - 18px)!important;
    margin:0 auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .ush12 .ush12-modal-head{
    position:relative!important;
    padding-left:66px!important;
  }
  /* En escritorio una sola X, arriba a la izquierda. */
  .ush12 .ush12-modal-head>button.ush123-modal-close-left[data-ush12-close]{
    display:flex!important;
    position:absolute!important;
    top:3px!important;
    left:0!important;
    right:auto!important;
    width:47px!important;
    height:47px!important;
    min-width:47px!important;
    min-height:47px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    border:1px solid rgba(201,245,255,.62)!important;
    background:linear-gradient(135deg,#12688d,#32b6d4)!important;
    color:#fff!important;
    font-size:28px!important;
    font-weight:700!important;
    line-height:1!important;
    box-shadow:0 8px 21px rgba(4,37,58,.3)!important;
    cursor:pointer!important;
  }
  .ush12 .ush12-modal-head>button.ush123-modal-close-left[data-ush12-close]:hover{
    background:linear-gradient(135deg,#1682a8,#6bdcf2)!important;
    transform:translateY(-2px)!important;
  }
  .ush12 .ush12-modal-head>button[data-ush12-close]:not(.ush123-modal-close-left){
    display:none!important;
  }
}