/* UBD Modular Bonito 1.7.4 · estabilidad visual compartida */ /* Texto accesible: existe para lectores de pantalla, nunca se ve en la barra. */ .ubd-sr-only, .ubd-mod-bottom-nav > a > span, .ubd-mod-bottom-nav > button > span, .ubd-catalog-bottom-nav > a > span, .ubd-catalog-bottom-nav > button > span { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; } /* El splash antiguo aparecía después del diseño nativo y empeoraba el parpadeo. Las clases visuales ahora se ponen desde , por eso ya no hace falta. */ .ubd-boot-splash { display:none !important; } /* ========================================================= Barra inferior: base completa para home, catálogo y compra. Evita SVG gigantes debajo del footer cuando una página no carga catalog.css. ========================================================= */ @media (max-width: 991px) { .ubd-mod-bottom-nav, .ubd-catalog-bottom-nav { position:fixed !important; left:50% !important; right:auto !important; bottom:calc(10px + env(safe-area-inset-bottom)) !important; z-index:2140 !important; display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; align-items:center !important; gap:6px !important; width:min(calc(100vw - 28px), 510px) !important; height:66px !important; margin:0 !important; padding:7px 10px !important; overflow:visible !important; transform:translateX(-50%) !important; border:1px solid rgba(24,51,58,.10) !important; border-radius:25px !important; background:rgba(255,255,255,.97) !important; box-shadow:0 18px 46px rgba(24,51,58,.18) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } .ubd-mod-bottom-nav > a, .ubd-mod-bottom-nav > button, .ubd-catalog-bottom-nav > a, .ubd-catalog-bottom-nav > button { position:relative !important; display:grid !important; place-items:center !important; width:100% !important; height:48px !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:0 !important; border-radius:15px !important; background:transparent !important; color:#18333A !important; font-size:0 !important; line-height:0 !important; text-decoration:none !important; box-shadow:none !important; appearance:none !important; -webkit-appearance:none !important; } .ubd-mod-bottom-nav svg, .ubd-catalog-bottom-nav svg { display:block !important; width:25px !important; height:25px !important; min-width:25px !important; max-width:25px !important; min-height:25px !important; max-height:25px !important; margin:0 !important; overflow:visible !important; fill:none !important; stroke:currentColor !important; stroke-width:1.9 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } .ubd-mod-bottom-nav .ubd-mod-bottom-main, .ubd-catalog-bottom-nav .ubd-catalog-bottom-main { height:58px !important; margin-top:-12px !important; overflow:visible !important; border-radius:18px !important; background:#EFC25E !important; color:#4b382e !important; box-shadow:0 10px 24px rgba(239,194,94,.30) !important; } .ubd-mod-bottom-nav .ubd-mod-bottom-main svg, .ubd-catalog-bottom-nav .ubd-catalog-bottom-main svg { width:31px !important; height:31px !important; min-width:31px !important; max-width:31px !important; min-height:31px !important; max-height:31px !important; fill:currentColor !important; stroke:currentColor !important; stroke-width:1 !important; } body { padding-bottom:max(86px, calc(76px + env(safe-area-inset-bottom))) !important; } } @media (min-width: 992px) { .ubd-mod-bottom-nav, .ubd-catalog-bottom-nav { display:none !important; } } /* ========================================================= Producto: tarjetas nativas de Loyalty, Kueski y PayPal. Solo CSS; no mueve nodos ni reinicializa el formulario. ========================================================= */ html.ubd-product-ready body#product :where( #loyalty_product_wrapper, .loyalty-card-modern, kueskipay-widget, #ps_checkout-payment-method-logo-block-container, #ps_checkout-express-button-container, #paypal-button-container, .paypal-buttons-context-iframe ) { box-sizing:border-box !important; } html.ubd-product-ready body#product #loyalty_product_wrapper, html.ubd-product-ready body#product kueskipay-widget, html.ubd-product-ready body#product #ps_checkout-payment-method-logo-block-container, html.ubd-product-ready body#product #ps_checkout-express-button-container, html.ubd-product-ready body#product #paypal-button-container { position:relative !important; display:block !important; width:100% !important; max-width:100% !important; min-height:118px !important; margin:12px 0 !important; padding:42px 16px 16px !important; overflow:hidden !important; border:1px solid rgba(24,51,58,.08) !important; border-radius:22px !important; background:#fff !important; box-shadow:0 14px 34px rgba(24,51,58,.08) !important; } html.ubd-product-ready body#product #loyalty_product_wrapper { background:linear-gradient(145deg,#F8DB82,#F2C45D) !important; } html.ubd-product-ready body#product kueskipay-widget { background:linear-gradient(145deg,#CDE5B2,#9FC376) !important; } html.ubd-product-ready body#product #ps_checkout-payment-method-logo-block-container, html.ubd-product-ready body#product #ps_checkout-express-button-container, html.ubd-product-ready body#product #paypal-button-container { background:linear-gradient(145deg,#F7C1A8,#ED8B5D) !important; } html.ubd-product-ready body#product #loyalty_product_wrapper::before, html.ubd-product-ready body#product kueskipay-widget::before, html.ubd-product-ready body#product #ps_checkout-payment-method-logo-block-container::before, html.ubd-product-ready body#product #ps_checkout-express-button-container::before, html.ubd-product-ready body#product #paypal-button-container::before { position:absolute !important; top:13px !important; left:16px !important; z-index:2 !important; display:inline-flex !important; align-items:center !important; min-height:25px !important; padding:5px 10px !important; border-radius:999px !important; background:rgba(255,255,255,.82) !important; color:#18333A !important; font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:.04em !important; text-transform:uppercase !important; box-shadow:none !important; } html.ubd-product-ready body#product #loyalty_product_wrapper::before { content:"Puntos Bonitos" !important; } html.ubd-product-ready body#product kueskipay-widget::before { content:"Paga con Kueski" !important; } html.ubd-product-ready body#product #ps_checkout-payment-method-logo-block-container::before, html.ubd-product-ready body#product #ps_checkout-express-button-container::before, html.ubd-product-ready body#product #paypal-button-container::before { content:"Pago con PayPal" !important; } html.ubd-product-ready body#product #loyalty_product_wrapper :where(.loyalty-card-modern,.row,[class*="col-"]), html.ubd-product-ready body#product #ps_checkout-payment-method-logo-block-container :where(.row,[class*="col-"]) { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } /* Rating del encabezado del producto centrado en teléfono. */ @media (max-width: 767px) { html.ubd-product-ready body#product :where( .comments-note, .ets-rv-product-comments-additional-info, .ets_rv_product_review, .product-comments-additional-info ) { justify-content:center !important; align-items:center !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; } html.ubd-product-ready body#product :where( .comments-note .star-content, .comments-note .ets-rv-grade-stars, .comments-note .ets_rv_grade_stars, .ets-rv-product-comments-additional-info .star-content, .ets-rv-product-comments-additional-info .ets-rv-grade-stars, .ets-rv-product-comments-additional-info .ets_rv_grade_stars ) { margin-left:auto !important; margin-right:auto !important; } } /* 1.7.6 · Evita que el popup anterior se duplique con el aviso integrado. */ #ios-glass-wrapper, #reopen-tie-wrapper { display: none !important; }