body.wom-only { --company:#571477; --company-tint:#f6effb; background:#fcf9ff; }
.wom-only .preview-note { border-color:#e1caef; background:#f5ebfb; color:#45265d; }
.wom-only .preview-note strong,.wom-only .hero .eyebrow,.wom-only .mini-label { color:#571477; }
.wom-only .preview-note .dot { background:#ec3199; }
.wom-only .hero::before { background:linear-gradient(145deg,#fbf8ff 10%,#f4e9fb 58%,#fbf8ff 100%); opacity:1; }
.wom-only .hero::after { content:''; position:absolute; z-index:-1; inset:0; background:url('assets/recargas/wom/chip-prepago-envase.webp') left 2% center/260px auto no-repeat,url('assets/recargas/wom/plan-zero-envase.webp') right 2% center/220px auto no-repeat; opacity:.08; pointer-events:none; }
.wom-only .hero-cta,.wom-only .primary { background:#571477; box-shadow:0 8px 19px #57147723; }
.wom-only .hero-cta:hover,.wom-only .primary:hover { background:#3d0d58; }
.wom-only .hero h1>span { color:#571477; }
.wom-only .hero h1>span::after { border-color:#ed319c; }
.wom-only .guide-scene { border-radius:22px; background:radial-gradient(circle at 72% 52%,#dfc3f7 0%,#f6ebff 48%,#ffffff00 75%); }
.wom-only .bubble { border-color:#dab6ed; box-shadow:0 12px 26px #3d0d5817; }
.wom-only .bubble-icon,.wom-only .hero-benefits b { color:#a32482; }
.wom-only .hero-benefits { border-color:#e7d9ef; background:#ffffffc9; }
.wom-only .checkout { border-color:#d9bce8; box-shadow:0 22px 65px #4e176b18; }
.wom-only .steps li[aria-current] { color:#571477; }
.wom-only .steps li[aria-current]>span { background:#571477; }
.wom-only .operators { grid-template-columns:1fr; }
.wom-only .operators .operator { max-width:410px; border-color:#571477; }
.wom-only .operators .operator:has(input:checked) { outline-color:#571477; }
.wom-only .operators .operator img { max-height:155px; object-position:center; }
.wom-only .how-grid article { border-color:#e9d9f2; }
.wom-only .how-grid article>span { color:#571477; }
.wom-only .connection-banner { background:#f5e8fb linear-gradient(120deg,#f5e8fb,#f9e8f4); border-color:#dcbce9; }
.wom-only .connection-banner .eyebrow { color:#571477; }
.wom-product-showcase { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
.wom-product-showcase[hidden] { display:none!important; }
.wom-product-showcase>div { display:flex; align-items:center; gap:12px; min-width:0; padding:9px 13px; border:1px solid #e2c9ef; border-radius:13px; background:#fff; box-shadow:0 7px 21px #52126b0e; }
.wom-product-showcase img { width:55px; height:66px; object-fit:contain; flex:none; }
.wom-product-showcase strong { color:#35104e; font-size:12px; line-height:1.25; }
.wom-product-showcase p { grid-column:1/-1; margin:0; color:#675672; font-size:10px; line-height:1.5; }
.wom-product-showcase a { color:#571477; font-weight:800; text-decoration:underline; text-underline-offset:2px; }
@media(max-width:850px) { .wom-only .hero-copy { padding-right:205px; } .wom-product-showcase { max-width:540px; } }
@media(max-width:520px) { .wom-only .hero-copy { padding-right:95px; } .wom-only .hero h1 { font-size:34px; } .wom-only .hero::after { background-size:140px auto,120px auto; opacity:.05; } .wom-product-showcase { gap:8px; margin-top:18px; } .wom-product-showcase>div { flex-direction:column; align-items:flex-start; gap:4px; padding:9px; } .wom-product-showcase img { width:100%; height:76px; object-position:left; } .wom-product-showcase strong { font-size:10px; } .wom-only .operators .operator img { max-height:none; } }
.wom-only .hero { margin-top:24px; margin-bottom:20px; padding:42px; border:1px solid #e6d5f2; border-top:5px solid #ed1683; border-radius:28px; background:#fff; box-shadow:0 24px 65px #4d087916; }
.wom-only .hero::before { inset:0; left:0; width:auto; border-radius:inherit; background:radial-gradient(ellipse at 28% 37%,#faf4ff 0%,#ffffff 60%),linear-gradient(125deg,#ffffff,#f9f2ff); opacity:1; }
.wom-only .hero::after { inset:0; border-radius:inherit; background:url('assets/recargas/wom/chip-prepago-envase.webp') 4% 67%/215px auto no-repeat,url('assets/recargas/wom/plan-zero-envase.webp') 45% 27%/135px auto no-repeat; opacity:.045; }
.wom-only .hero-copy { z-index:1; }
.wom-only .wom-brand-strip { display:flex; align-items:center; gap:12px; width:max-content; max-width:100%; margin:0 0 25px; padding:7px 14px 7px 9px; border:1px solid #5b1092; border-radius:9px; background:#4f0b86; color:#fff; font-size:11px; font-weight:900; line-height:1.16; letter-spacing:.07em; text-transform:uppercase; }
.wom-only .wom-brand-strip img { width:77px; height:33px; object-fit:contain; }
.wom-only .wom-brand-strip small { font-size:9px; font-weight:650; letter-spacing:.02em; text-transform:none; color:#f3defd; }
.wom-only .hero .eyebrow { color:#5b1092; }
.wom-only .hero h1 { color:#4b0788; }
.wom-only .hero h1>span { color:#e60079; }
.wom-only .hero h1>span::after { border-color:#ed1683; }
.wom-only .hero-intro { color:#4d3b5e; }
.wom-only .hero-cta-note { color:#62536c; }
.wom-only .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.wom-only .hero-cta { background:#e60079; color:#fff; box-shadow:0 10px 25px #e600792e; }
.wom-only .hero-cta:hover { background:#c90069; }
.wom-only .wom-buy-cta { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:11px 16px; border:1px solid #5b1092; border-radius:11px; color:#5b1092; font-size:12px; font-weight:800; }
.wom-only .wom-buy-cta:hover { background:#f6e8fc; }
.wom-only .guide-scene { background:radial-gradient(circle at 69% 58%,#ecd1fc,#ffffff00 65%); }
.wom-only .mascot { filter:drop-shadow(0 19px 22px #4d08794d); }
.wom-only .orbit { border-color:#d0a7ee; background:#f5e7ff; }
.wom-only .orbit-two { border-color:#e8d2f6; background:#fbf4ff; }
.wom-only .scene-tag { color:#78588d; }
.wom-only .hero-benefits { border-color:#e7d5f1; background:#faf4fe; color:#5e476d; }
.wom-only .hero-benefits b { color:#df0874; }
.wom-only .wom-product-showcase>div { border-color:#e6d5f2; background:#fff; }
.wom-only .wom-product-showcase>p { color:#655672; }
.wom-only .wom-product-showcase>p a { color:#4b0788; }
.wom-only .connection-banner { position:relative; border-color:#a963d5; background:linear-gradient(90deg,#210237 0%,#3f0750eb 41%,#3f07509a 62%,#2b003a22 100%),url('assets/recargas/wom/wom-vida-conectada-v1.webp') center/cover no-repeat; }
.wom-only .connection-banner>div { position:relative; z-index:1; }
.wom-only .connection-banner :is(h2,p:not(.eyebrow)) { color:#fff; }
.wom-only .connection-banner .eyebrow { color:#ffb4e6; }
.wom-only .connection-banner .hero-cta { background:#e60079; color:#fff; }
.wom-only .step-panel[data-step="2"] .back { display:none; }
.wom-only :is(.wom-buy-cta,.wom-product-showcase a):focus-visible { outline:3px solid #ffcf5a; outline-offset:3px; }
.wom-only .header { border-bottom:3px solid #5b1092; }
.wom-only .checkout { border-top:4px solid #ed1683; }
.wom-only .primary { background:#e60079; box-shadow:0 8px 19px #e6007928; }
.wom-only .primary:hover { background:#c90069; }
.wom-only .steps li[aria-current]>span { background:#e60079; }
.wom-only .amount:has(input:checked) { border-color:#b51280; background:#fff1fa; color:#671080; box-shadow:0 0 0 1px #b51280; }
.wom-only .phone-input:focus-within { outline-color:#6817a2; }
.wom-site-note { display:flex; align-items:center; gap:16px; margin-bottom:18px; padding:14px 18px; border-left:4px solid #e60079; border-radius:10px; background:#f7f0fb; color:#4b3760; font-size:12px; }
.wom-site-note[hidden] { display:none!important; }
.wom-site-note strong { flex:none; color:#4b0788; }
.wom-site-note a { color:#4b0788; font-weight:850; text-decoration:underline; text-underline-offset:3px; }
.wom-site-note a:focus-visible { outline:3px solid #e60079; outline-offset:3px; }
@media(max-width:850px) { .wom-only .hero { padding:30px; } .wom-only .hero-copy { padding-right:205px; } }
@media(max-width:520px) { .wom-only .hero { margin-top:14px; padding:19px 17px 25px; border-radius:22px; } .wom-only .wom-brand-strip { gap:8px; margin-bottom:17px; padding:6px 9px; font-size:9px; } .wom-only .wom-brand-strip img { width:58px; height:27px; } .wom-only .wom-brand-strip small { font-size:8px; } .wom-only .hero-copy { min-height:344px; padding-right:0; } .wom-only .hero h1 { max-width:255px; font-size:35px; } .wom-only .hero-intro { max-width:245px; } .wom-only .hero-actions { display:grid; justify-items:start; gap:8px; margin-top:10px; } .wom-only .hero-actions a { min-height:44px; } .wom-only .wom-buy-cta { padding:9px 13px; font-size:10px; } .wom-only .guide-scene { top:84px; right:-19px; width:142px; height:180px; } .wom-only .hero-benefits { display:none; } .wom-only .wom-product-showcase { margin-top:0; } .wom-only .connection-banner { min-height:380px; background:linear-gradient(180deg,#210237f0 0%,#3f0750d9 42%,#2b003a33 100%),url('assets/recargas/wom/wom-vida-conectada-v1.webp') 64% center/cover no-repeat; } .wom-only .connection-banner>div { max-width:290px; } .wom-only .connection-banner p:not(.eyebrow) { max-width:200px; } }
@media(max-width:720px) { .wom-site-note { display:block; font-size:11px; } .wom-site-note strong { display:block; margin-bottom:4px; } }
