/* ========================================================= ULTRAPC — CYBER Skin estacional activada por: body.cybermonday La estructura y funcionalidad del sitio permanecen intactas. ========================================================= */ body.cybermonday { --upc-cyber-bg: #110b16; --upc-cyber-surface: #1f1528; --upc-cyber-surface-soft: #281c33; --upc-cyber-blue: #ff9940; --upc-cyber-cyan: #ff9538; --upc-cyber-violet: #800bd3; --upc-cyber-magenta: #980bc8; --upc-cyber-text: #fcfbfa; --upc-cyber-muted: #b9b2ab; } /* * Marcador técnico inicial. * No altera todavía la apariencia. */ /* ========================================================= ULTRAPC CYBER — FASE 1: HEADER Solo apariencia. No modifica estructura ni dimensiones. ========================================================= */ /* --------------------------------------------------------- TOP BAR --------------------------------------------------------- */ body.cybermonday .top-bar { background: linear-gradient( 90deg, var(--upc-cyber-bg) 0%, #1f1428 55%, #1b0c26 100% ) !important; border-bottom: 1px solid rgba(255,149,56, .22) !important; color: #f2eee9 !important; box-shadow: inset 0 -1px 0 rgba(152,11,200, .08) !important; } body.cybermonday .top-bar .nav-inline .menu-item > a { color: #e6ded7 !important; } body.cybermonday .top-bar .nav-inline .menu-item > a i { color: #dac6b3 !important; } body.cybermonday .top-bar .nav-inline .menu-item > a:hover, body.cybermonday .top-bar .nav-inline .menu-item > a:hover i { color: var(--upc-cyber-cyan) !important; } body.cybermonday .top-bar #menu-contacto > .menu-item + .menu-item::before { background: rgba(187,173,159, .20) !important; } /* --------------------------------------------------------- MASTHEAD --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 { background: radial-gradient( circle at 15% 0%, rgba(255,149,56, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(152,11,200, .09), transparent 28% ), linear-gradient( 115deg, #140d1a 0%, #1e1328 60%, #261a31 100% ) !important; border: 0 !important; box-shadow: 0 8px 28px rgba(11,6,15, .28), inset 0 -1px 0 rgba(255,149,56, .20) !important; } /* --------------------------------------------------------- LOGO Mantiene el asset Cyber existente por ahora. --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-logo-link img, body.cybermonday .site-header.header-v3 .header-logo-link svg { filter: drop-shadow(0 0 8px rgba(255,149,56, .22)) drop-shadow(0 0 16px rgba(128,11,211, .12)); } /* --------------------------------------------------------- BUSCADOR --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .navbar-search .input-group { background: rgba(19,12,26, .94) !important; border: 1px solid rgba(255,149,56, .52) !important; box-shadow: 0 0 0 1px rgba(128,11,211, .10), 0 8px 26px rgba(0,0,0, .22) !important; } body.cybermonday .site-header.header-v3 .navbar-search .input-group:focus-within { border-color: rgba(255,149,56, .90) !important; box-shadow: 0 0 0 3px rgba(255,149,56, .10), 0 0 22px rgba(128,11,211, .16), 0 8px 26px rgba(0,0,0, .24) !important; } body.cybermonday .site-header.header-v3 .navbar-search .product-search-field { color: #fbf9f7 !important; } body.cybermonday .site-header.header-v3 .navbar-search .product-search-field::placeholder { color: #a19991 !important; } body.cybermonday .site-header.header-v3 .navbar-search button.btn { background: linear-gradient( 135deg, var(--upc-cyber-blue) 0%, var(--upc-cyber-violet) 58%, #980bc8 100% ) !important; border-color: transparent !important; color: #ffffff !important; box-shadow: 0 0 14px rgba(255,149,56, .16), 0 0 20px rgba(152,11,200, .10) !important; } body.cybermonday .site-header.header-v3 .navbar-search button.btn:hover { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; box-shadow: 0 0 16px rgba(255,149,56, .24), 0 0 28px rgba(152,11,200, .16) !important; } /* --------------------------------------------------------- ICONOS HEADER --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-icon > a, body.cybermonday .site-header.header-v3 .header-icon i { color: #f2eee9 !important; } body.cybermonday .site-header.header-v3 .header-icon > a:hover, body.cybermonday .site-header.header-v3 .header-icon > a:hover i { color: var(--upc-cyber-cyan) !important; } /* --------------------------------------------------------- NAVEGACIÓN PRINCIPAL --------------------------------------------------------- */ body.cybermonday .electro-navbar-primary { background: linear-gradient( 90deg, #1b1024 0%, #321f43 48%, #241033 100% ) !important; border-top: 1px solid rgba(255,149,56, .22) !important; border-bottom: 1px solid rgba(152,11,200, .16) !important; box-shadow: 0 7px 22px rgba(15,9,21, .20) !important; } body.cybermonday .electro-navbar-primary .nav > .menu-item > a { color: #f9f6f4 !important; } body.cybermonday .electro-navbar-primary .nav > .menu-item:hover > a { background: linear-gradient( 180deg, rgba(255,149,56, .10), rgba(128,11,211, .12) ) !important; color: #ffffff !important; text-shadow: 0 0 10px rgba(255,149,56, .28); } /* Categorías */ body.cybermonday .electro-navbar-primary .departments-menu-v2-title, body.cybermonday .electro-navigation .departments-menu-v2-title { background: linear-gradient( 135deg, var(--upc-cyber-blue) 0%, var(--upc-cyber-violet) 68%, #980bc8 100% ) !important; color: #ffffff !important; box-shadow: inset 0 0 18px rgba(255,255,255, .05), 0 0 18px rgba(128,11,211, .13); } /* --------------------------------------------------------- TRANSICIONES --------------------------------------------------------- */ body.cybermonday .top-bar a, body.cybermonday .site-header.header-v3 .header-icon a, body.cybermonday .electro-navbar-primary .nav > .menu-item > a { transition: color .18s ease, background-color .18s ease, box-shadow .18s ease !important; } /* ========================================================= ULTRAPC CYBER — FASE 2A: HOME Fondo, superficies y componentes existentes. No modifica estructura ni dimensiones. ========================================================= */ /* --------------------------------------------------------- BASE GENERAL DEL HOME --------------------------------------------------------- */ body.cybermonday.home { background: radial-gradient( circle at 78% 12%, rgba(128,11,211, .10), transparent 29% ), radial-gradient( circle at 15% 34%, rgba(255,149,56, .065), transparent 27% ), linear-gradient( 180deg, var(--upc-cyber-bg) 0%, #140d1b 45%, #0f0a14 100% ) !important; color: var(--upc-cyber-text); } body.cybermonday.home .site-content, body.cybermonday.home .content-area { background: transparent !important; } /* --------------------------------------------------------- BARRA INFORMATIVA SUPERIOR --------------------------------------------------------- */ body.cybermonday .upc-info-bar { background: linear-gradient( 90deg, #180e20 0%, #2a1938 48%, #230f32 100% ) !important; border-bottom: 1px solid rgba(255,149,56, .24) !important; color: #f8f6f4 !important; box-shadow: inset 0 -1px 0 rgba(152,11,200, .08); } body.cybermonday .upc-info-bar, body.cybermonday .upc-info-bar a, body.cybermonday .upc-info-bar strong, body.cybermonday .upc-info-bar i { color: #f8f6f4 !important; } /* --------------------------------------------------------- ICONOS / ACCIONES DEL HEADER Elimina los círculos blancos. --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-icon > a { background: rgba(28,18,37, .92) !important; border: 1px solid rgba(255,149,56, .28) !important; box-shadow: inset 0 0 15px rgba(255,149,56, .04), 0 4px 14px rgba(0,0,0, .16) !important; } body.cybermonday .site-header.header-v3 .header-icon > a:hover { background: rgba(44,29,58, .98) !important; border-color: rgba(255,149,56, .72) !important; box-shadow: 0 0 16px rgba(255,149,56, .16), 0 0 24px rgba(152,11,200, .08) !important; } /* --------------------------------------------------------- TARJETAS DE PRODUCTO --------------------------------------------------------- */ body.cybermonday.home .product-item__inner { background: linear-gradient( 180deg, #201629 0%, #1a1122 100% ) !important; border-color: rgba(255,149,56, .20) !important; box-shadow: 0 7px 22px rgba(0,0,0, .20), inset 0 1px 0 rgba(255,255,255, .025) !important; } body.cybermonday.home .product:hover .product-item__inner { border-color: rgba(255,149,56, .50) !important; box-shadow: 0 9px 28px rgba(0,0,0, .26), 0 0 18px rgba(255,149,56, .08), 0 0 26px rgba(152,11,200, .045) !important; } /* Zona de imagen */ body.cybermonday.home .product-thumbnail { background: linear-gradient( 145deg, #271b32 0%, #1d1325 100% ) !important; } /* Título */ body.cybermonday.home .woocommerce-loop-product__title, body.cybermonday.home .woocommerce-loop-product__title a { color: #f9f6f4 !important; } /* Separador precio */ body.cybermonday.home .price-add-to-cart { border-top-color: rgba(255,149,56, .13) !important; } /* Precio principal */ body.cybermonday.home .price, body.cybermonday.home .price ins, body.cybermonday.home .electro-price { color: #f9f6f4 !important; } /* Precio antiguo */ body.cybermonday.home .price del { color: #9a9188 !important; } /* SKU / ITEM */ body.cybermonday.home .product .sku, body.cybermonday.home .product .product-sku { color: #d1b89e !important; } /* --------------------------------------------------------- BOTÓN AGREGAR AL CARRITO --------------------------------------------------------- */ body.cybermonday.home .add-to-cart-wrap .add_to_cart_button, body.cybermonday.home .add-to-cart-wrap .button_catalogo.ver-producto { background: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, #f7a45b 58%, var(--upc-cyber-violet) 100% ) !important; color: #ffffff !important; box-shadow: 0 5px 15px rgba(255,153,64, .20), 0 0 14px rgba(128,11,211, .08) !important; } body.cybermonday.home .add-to-cart-wrap .add_to_cart_button:hover, body.cybermonday.home .add-to-cart-wrap .button_catalogo.ver-producto:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; box-shadow: 0 0 16px rgba(255,149,56, .18), 0 0 24px rgba(152,11,200, .10) !important; } /* Círculo del icono del botón */ body.cybermonday.home .add-to-cart-wrap .add_to_cart_button::after, body.cybermonday.home .add-to-cart-wrap .add_to_cart_button::before { border-color: rgba(255,149,56, .18) !important; } /* --------------------------------------------------------- PROMO CARDS Mantiene las imágenes actuales. --------------------------------------------------------- */ body.cybermonday.home .ultrapc-promo-card { background: linear-gradient( 145deg, #251a2f 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56, .18) !important; box-shadow: 0 8px 26px rgba(0,0,0, .22) !important; } body.cybermonday.home .ultrapc-promo-card:hover { border-color: rgba(255,149,56, .42) !important; box-shadow: 0 10px 30px rgba(0,0,0, .27), 0 0 20px rgba(128,11,211, .08) !important; } body.cybermonday.home .ultrapc-promo-card__button { background: linear-gradient( 100deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border-color: rgba(255,255,255,.12) !important; } /* --------------------------------------------------------- SERVICIO TÉCNICO --------------------------------------------------------- */ body.cybermonday.home .ultrapc-service-card { background: linear-gradient( 180deg, #24192d 0%, #1a1122 100% ) !important; border-color: rgba(255,149,56, .18) !important; box-shadow: 0 7px 24px rgba(0,0,0, .22) !important; } body.cybermonday.home .ultrapc-service-card:hover { border-color: rgba(255,149,56, .48) !important; box-shadow: 0 10px 28px rgba(0,0,0, .28), 0 0 20px rgba(255,149,56, .07) !important; } body.cybermonday.home .ultrapc-service-card__media { background: linear-gradient( 145deg, #322240, #23182c ) !important; } body.cybermonday.home .ultrapc-service-card__title { color: #f9f8f6 !important; } body.cybermonday.home .ultrapc-service-card__description { color: #c7c0b8 !important; } body.cybermonday.home .ultrapc-service-card__icon { border-color: #24192d !important; } /* --------------------------------------------------------- TÍTULOS DE SECCIÓN --------------------------------------------------------- */ body.cybermonday.home .ultrapc-info-title h2, body.cybermonday.home .ultrapc-service-cards__heading h2 { color: #f9f6f4 !important; text-shadow: 0 0 12px rgba(255,149,56, .09); } body.cybermonday.home .ultrapc-info-title-line, body.cybermonday.home .ultrapc-service-cards__heading-line { background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; } /* --------------------------------------------------------- SCROLLBAR CYBER --------------------------------------------------------- */ body.cybermonday::-webkit-scrollbar-track { background: var(--upc-cyber-bg) !important; } body.cybermonday::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border: 2px solid var(--upc-cyber-bg) !important; } body.cybermonday::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; } /* ========================================================= ULTRAPC CYBER — FASE 2B: REFINAMIENTO HOME Títulos, info grid y acciones del header. ========================================================= */ /* --------------------------------------------------------- ICONOS DERECHA DEL HEADER --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-icons > .header-icon:not(.header-icon__cart) > a { background: linear-gradient( 145deg, #24192d 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56, .30) !important; color: #f2ede9 !important; box-shadow: inset 0 0 14px rgba(255,149,56, .04), 0 4px 14px rgba(0,0,0, .18) !important; } body.cybermonday .site-header.header-v3 .header-icons > .header-icon:not(.header-icon__cart) > a:hover { background: linear-gradient( 145deg, #322340 0%, #291e32 100% ) !important; border-color: rgba(255,149,56, .72) !important; color: var(--upc-cyber-cyan) !important; box-shadow: 0 0 16px rgba(255,149,56, .16), 0 0 24px rgba(152,11,200, .08) !important; } /* --------------------------------------------------------- CARRITO --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-icon__cart > a { background: linear-gradient( 145deg, #24192d 0%, #1f1428 100% ) !important; border: 1px solid rgba(255,149,56, .32) !important; color: #f9f6f4 !important; box-shadow: inset 0 0 14px rgba(255,149,56, .04), 0 4px 14px rgba(0,0,0, .18) !important; } body.cybermonday .site-header.header-v3 .header-icon__cart > a:hover { background: linear-gradient( 145deg, #322340, #2c2036 ) !important; border-color: rgba(255,149,56, .72) !important; } body.cybermonday .site-header.header-v3 .header-icon__cart > a > i, body.cybermonday .site-header.header-v3 .header-icon__cart .total-price { color: #f9f6f4 !important; } body.cybermonday .site-header.header-v3 .header-icon__cart .header-icon-counter { background: linear-gradient( 135deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border-color: #1d1325 !important; color: #ffffff !important; box-shadow: 0 0 10px rgba(255,149,56, .25) !important; } /* --------------------------------------------------------- TODO LO QUE NECESITAS SABER --------------------------------------------------------- */ body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-grid { background: linear-gradient( 145deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56, .18) !important; box-shadow: 0 8px 26px rgba(0,0,0, .25) !important; } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-card { background: rgba(29,19,37, .92) !important; color: #f7f4f1 !important; border-right-color: rgba(255,149,56, .11) !important; border-bottom-color: rgba(255,149,56, .11) !important; } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-icon { color: #ffad66 !important; filter: drop-shadow(0 0 8px rgba(255,149,56, .13)); } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-text { color: #ede8e2 !important; } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-card:hover { background: linear-gradient( 135deg, rgba(255,153,64, .92) 0%, rgba(128,11,211, .92) 68%, rgba(152,11,200, .88) 100% ) !important; color: #ffffff !important; box-shadow: inset 0 0 0 1px rgba(255,149,56, .22), 0 8px 22px rgba(0,0,0, .22), 0 0 18px rgba(128,11,211, .14) !important; } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-card:hover .ultrapc-info-icon, body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-card:hover .ultrapc-info-text { color: #ffffff !important; } /* --------------------------------------------------------- TÍTULO TODO LO QUE NECESITAS SABER --------------------------------------------------------- */ body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-title h2 { color: #faf8f6 !important; text-shadow: 0 0 12px rgba(255,149,56, .12); } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-title-line { background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; } /* --------------------------------------------------------- PRODUCTOS DESTACADOS - TÍTULO SIDEBAR --------------------------------------------------------- */ @media (min-width: 1200px) { body.cybermonday.home.page-template-template-page-sidebar-left #sidebar.sidebar::before { color: #faf8f6 !important; text-shadow: 0 0 12px rgba(255,149,56, .13); } } /* --------------------------------------------------------- RECIÉN LLEGADOS / OFERTAS IMPERDIBLES --------------------------------------------------------- */ body.cybermonday.home :is( .elementor-element-4d2c7ef, .elementor-element-048c591 ) .section-products-carousel > header > h2.h1 { color: #faf8f6 !important; text-shadow: 0 0 12px rgba(255,149,56, .12); } body.cybermonday.home :is( .elementor-element-4d2c7ef, .elementor-element-048c591 ) .section-products-carousel > header::before, body.cybermonday.home :is( .elementor-element-4d2c7ef, .elementor-element-048c591 ) .section-products-carousel > header::after { background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; } /* ========================================================= ULTRAPC CYBER — FASE 2C: SIDEBAR PRODUCTOS DESTACADOS Solo apariencia. No modifica estructura, dimensiones ni contenido. ========================================================= */ /* --------------------------------------------------------- TARJETA PRINCIPAL --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product { background: linear-gradient( 180deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56, .20) !important; box-shadow: 0 8px 24px rgba(0,0,0, .22), inset 0 1px 0 rgba(255,255,255,.025) !important; } body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product:hover { border-color: rgba(255,149,56, .48) !important; box-shadow: 0 10px 28px rgba(0,0,0, .28), 0 0 18px rgba(255,149,56, .07) !important; } /* --------------------------------------------------------- IMAGEN Mantiene la fotografía original. --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .onsale-product .product-thumbnail { background: linear-gradient( 145deg, #2b1f36 0%, #201629 100% ) !important; border: 1px solid rgba(255,149,56, .10) !important; border-radius: 13px !important; overflow: hidden !important; } /* --------------------------------------------------------- ITEM --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .contenedor-item-ultrapc .item-ultrapc.item { background: rgba(255,149,56, .09) !important; border: 1px solid rgba(255,149,56, .20) !important; color: #ffab62 !important; } /* --------------------------------------------------------- CONDICIÓN --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .contenedor-item-ultrapc .condicion { color: #b5aca4 !important; } /* --------------------------------------------------------- NOMBRE DEL PRODUCTO --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .onsale-product .woocommerce-loop-product__title { color: #f9f6f4 !important; text-shadow: 0 0 8px rgba(255,149,56, .035); } /* --------------------------------------------------------- BLOQUE PRECIO --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .price { border-top-color: rgba(255,149,56, .13) !important; color: #afa79f !important; } body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .onsale-product .precio_contado, body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .onsale-product span.mas_IVA_contado { color: #b1a9a1 !important; } /* Precio actual */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .price ins .precio_ultrapc_by_h { color: #ffa95d !important; text-shadow: 0 0 10px rgba(255,149,56, .10); } /* Precio anterior */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .price del, body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .price del .precio_ultrapc_by_h { color: #918a82 !important; } /* --------------------------------------------------------- HEADER INTERNO SI APARECE --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product > header .h1 { color: #f9f6f4 !important; } /* ========================================================= ULTRAPC CYBER — FASE 2D: CIERRE HOME Newsletter + botón Ver Todos. ========================================================= */ /* --------------------------------------------------------- VER TODOS --------------------------------------------------------- */ body.cybermonday.home .elementor-element-73ab2a1 .elementor-button { background: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, #f7a45b 48%, var(--upc-cyber-violet) 100% ) !important; border: 1px solid rgba(255,149,56, .24) !important; color: #ffffff !important; box-shadow: 0 6px 16px rgba(255,153,64, .18), 0 0 16px rgba(128,11,211, .10) !important; } body.cybermonday.home .elementor-element-73ab2a1 .elementor-button:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255,149,56, .18), 0 0 24px rgba(152,11,200, .10) !important; } /* --------------------------------------------------------- NEWSLETTER --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .footer-newsletter { background: radial-gradient( circle at 14% 20%, rgba(255,149,56, .16), transparent 28% ), radial-gradient( circle at 86% 30%, rgba(152,11,200, .17), transparent 30% ), linear-gradient( 105deg, #180e20 0%, #331f45 48%, #240f34 100% ) !important; border-top: 1px solid rgba(255,149,56, .20) !important; border-bottom: 1px solid rgba(152,11,200, .14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } /* --------------------------------------------------------- NEWSLETTER - TITULO --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .newsletter-title { color: #fbfaf8 !important; text-shadow: 0 0 12px rgba(255,149,56, .10); } body.cybermonday .ultrapc-footer-newsletter .newsletter-title::before { background: rgba(255,149,56, .10) !important; border: 1px solid rgba(255,149,56, .28) !important; color: #ffa455 !important; box-shadow: 0 0 16px rgba(255,149,56, .09) !important; } body.cybermonday .ultrapc-footer-newsletter .newsletter-marketing-text { color: #e2dbd4 !important; } /* --------------------------------------------------------- FORMULARIO --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .input-group { background: rgba(19,12,26, .88) !important; border-color: rgba(255,149,56, .25) !important; box-shadow: 0 8px 24px rgba(0,0,0, .20), 0 0 18px rgba(255,149,56, .05) !important; } body.cybermonday .ultrapc-footer-newsletter .form-control { background: transparent !important; color: #f9f6f4 !important; } body.cybermonday .ultrapc-footer-newsletter .form-control::placeholder { color: #a9a097 !important; } /* TNP */ body.cybermonday .ultrapc-footer-newsletter .tnp-email { background: rgba(19,12,26, .88) !important; border-color: rgba(255,149,56, .22) !important; color: #f9f6f4 !important; } body.cybermonday .ultrapc-footer-newsletter .tnp-email::placeholder { color: #a9a097 !important; } /* --------------------------------------------------------- BOTÓN NEWSLETTER --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .btn, body.cybermonday .ultrapc-footer-newsletter .tnp-submit { background: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, var(--upc-cyber-violet) 70%, #980bc8 100% ) !important; border: 0 !important; color: #ffffff !important; box-shadow: 0 0 14px rgba(128,11,211, .12) !important; } body.cybermonday .ultrapc-footer-newsletter .btn:hover, body.cybermonday .ultrapc-footer-newsletter .tnp-submit:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; box-shadow: 0 0 18px rgba(255,149,56, .14), 0 0 22px rgba(152,11,200, .10) !important; } /* ========================================================= ULTRAPC CYBER — FIX HEADER STICKY Electro agrega .stuck al header-v3 durante el scroll. Solo corrige apariencia; no altera el comportamiento sticky. ========================================================= */ body.cybermonday .site-header.header-v3.stuck { background: radial-gradient( circle at 15% 0%, rgba(255,149,56, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(152,11,200, .09), transparent 28% ), linear-gradient( 115deg, #140d1a 0%, #1e1328 60%, #261a31 100% ) !important; border-bottom: 1px solid rgba(255,149,56, .22) !important; box-shadow: 0 8px 26px rgba(11,6,15, .34), inset 0 -1px 0 rgba(152,11,200, .08) !important; } /* * Evita que una superficie blanca heredada aparezca * dentro del masthead cuando Electro activa .stuck. */ body.cybermonday .site-header.header-v3.stuck .masthead { background: transparent !important; } /* * Mantener buscador integrado también en estado sticky. */ body.cybermonday .site-header.header-v3.stuck .navbar-search .input-group { background: rgba(19,12,26, .94) !important; border-color: rgba(255,149,56, .52) !important; } /* * Mantener botones del header Cyber. */ body.cybermonday .site-header.header-v3.stuck .header-icons > .header-icon:not(.header-icon__cart) > a, body.cybermonday .site-header.header-v3.stuck .header-icon__cart > a { background: linear-gradient( 145deg, #24192d 0%, #1d1325 100% ) !important; border-color: rgba(255,149,56, .30) !important; } /* ========================================================= ULTRAPC CYBER — FIX HEADER STICKY V2 Override directo de los selectores sticky de Electro. ========================================================= */ /* --------------------------------------------------------- CONTENEDOR STICKY --------------------------------------------------------- */ body.cybermonday .header-v3.stuck, body.cybermonday .site-header.stuck, body.cybermonday .sticky-wrapper > .header-v3.stuck, body.cybermonday .sticky-wrapper > .site-header.stuck { background-color: #140d1a !important; background-image: radial-gradient( circle at 14% 0%, rgba(255,149,56, .11), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(152,11,200, .10), transparent 28% ), linear-gradient( 115deg, #140d1a 0%, #1e1328 60%, #261a31 100% ) !important; border-bottom: 1px solid rgba(255,149,56, .24) !important; box-shadow: 0 8px 26px rgba(11,6,15, .38) !important; } /* --------------------------------------------------------- MASTHEAD STICKY --------------------------------------------------------- */ body.cybermonday .header-v3.stuck .masthead, body.cybermonday .site-header.stuck .masthead, body.cybermonday .sticky-wrapper .header-v3.stuck .masthead { background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- CUALQUIER WRAPPER INTERNO DEL MASTHEAD No dejamos que una regla blanca se filtre. --------------------------------------------------------- */ body.cybermonday .header-v3.stuck .masthead > .container, body.cybermonday .header-v3.stuck .masthead > .container-fluid { background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- BUSCADOR STICKY --------------------------------------------------------- */ body.cybermonday .header-v3.stuck .navbar-search .input-group { background-color: #130c1a !important; background-image: none !important; border: 1px solid rgba(255,149,56, .52) !important; } /* --------------------------------------------------------- ICONOS STICKY --------------------------------------------------------- */ body.cybermonday .header-v3.stuck .header-icons > .header-icon:not(.header-icon__cart) > a, body.cybermonday .header-v3.stuck .header-icon__cart > a { background: linear-gradient( 145deg, #24192d 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56, .30) !important; } /* ========================================================= ULTRAPC CYBER — FIX FULL HEADER STICKY Override del sticky personalizado de UltraPC. No modifica posiciones, alturas, spacers ni JS. ========================================================= */ @media (min-width: 1200px) { html body.cybermonday.upc-full-header-sticky #masthead.site-header.header-v3 .masthead { background: radial-gradient( circle at 15% 0%, rgba(255,149,56, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(152,11,200, .09), transparent 28% ), linear-gradient( 115deg, #140d1a 0%, #1e1328 60%, #261a31 100% ) !important; border-bottom: 1px solid rgba(255,149,56, .22) !important; box-shadow: 0 8px 26px rgba(11,6,15, .34), inset 0 -1px 0 rgba(152,11,200, .08) !important; } } /* ========================================================= ULTRAPC CYBER — FIX STICKY FULLWIDTH BACKGROUND El sticky personalizado crea .masthead::before de 100vw para pintar el fondo completo. ========================================================= */ @media (min-width: 1200px) { html body.cybermonday.upc-full-header-sticky #masthead.site-header.header-v3 .masthead::before { background: radial-gradient( circle at 15% 0%, rgba(255,149,56, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(152,11,200, .09), transparent 28% ), linear-gradient( 115deg, #140d1a 0%, #1e1328 60%, #261a31 100% ) !important; box-shadow: 0 7px 20px rgba(11,6,15, .30), inset 0 -1px 0 rgba(255,149,56, .18) !important; } } /* ========================================================= ULTRAPC CYBER — FASE 2E: FONDO NEON ANIMADO Fondo sutil para el home Cyber. No altera estructura ni interacción. ========================================================= */ body.cybermonday.home { position: relative; overflow-x: hidden; } body.cybermonday.home #page { position: relative; z-index: 1; } body.cybermonday.home::before, body.cybermonday.home::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .42; will-change: transform, opacity, filter; } /* Capa 1 */ body.cybermonday.home::before { background: radial-gradient( circle at 14% 24%, rgba(255,149,56, 0.14) 0%, rgba(255,149,56, 0.07) 14%, transparent 34% ), radial-gradient( circle at 82% 20%, rgba(128,11,211, 0.16) 0%, rgba(128,11,211, 0.08) 16%, transparent 36% ), radial-gradient( circle at 30% 78%, rgba(152,11,200, 0.12) 0%, rgba(152,11,200, 0.06) 14%, transparent 30% ); filter: blur(38px); animation: upcCyberGlowFloatA 18s ease-in-out infinite alternate; } /* Capa 2 */ body.cybermonday.home::after { background: radial-gradient( circle at 70% 62%, rgba(255,149,56, 0.10) 0%, rgba(255,149,56, 0.05) 14%, transparent 28% ), radial-gradient( circle at 52% 18%, rgba(152,11,200, 0.10) 0%, rgba(152,11,200, 0.05) 14%, transparent 26% ), radial-gradient( circle at 12% 58%, rgba(128,11,211, 0.12) 0%, rgba(128,11,211, 0.06) 16%, transparent 30% ); filter: blur(54px); animation: upcCyberGlowFloatB 24s ease-in-out infinite alternate; } @keyframes upcCyberGlowFloatA { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: .34; } 50% { transform: translate3d(18px, -12px, 0) scale(1.04); opacity: .46; } 100% { transform: translate3d(-14px, 10px, 0) scale(1.02); opacity: .38; } } @keyframes upcCyberGlowFloatB { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: .28; } 50% { transform: translate3d(-22px, 16px, 0) scale(1.06); opacity: .40; } 100% { transform: translate3d(14px, -10px, 0) scale(1.03); opacity: .30; } } @media (prefers-reduced-motion: reduce) { body.cybermonday.home::before, body.cybermonday.home::after { animation: none !important; } } /* ========================================================= ULTRAPC CYBER — FONDO NEON V2 VISIBLE Refuerzo visual de las capas creadas en Fase 2E. ========================================================= */ body.cybermonday.home::before { opacity: .82 !important; background: radial-gradient( circle at 10% 18%, rgba(255,149,56, .30) 0%, rgba(255,149,56, .18) 12%, rgba(255,149,56, .07) 24%, transparent 40% ), radial-gradient( circle at 88% 20%, rgba(128,11,211, .34) 0%, rgba(128,11,211, .19) 14%, rgba(128,11,211, .07) 27%, transparent 43% ), radial-gradient( circle at 24% 75%, rgba(152,11,200, .25) 0%, rgba(152,11,200, .13) 13%, transparent 34% ) !important; filter: blur(24px) !important; } body.cybermonday.home::after { opacity: .68 !important; background: radial-gradient( circle at 72% 58%, rgba(255,149,56, .24) 0%, rgba(255,149,56, .12) 15%, transparent 34% ), radial-gradient( circle at 50% 30%, rgba(152,11,200, .20) 0%, rgba(152,11,200, .10) 14%, transparent 32% ), radial-gradient( circle at 12% 52%, rgba(128,11,211, .26) 0%, rgba(128,11,211, .12) 16%, transparent 36% ) !important; filter: blur(34px) !important; } /* Movimiento algo más visible pero todavía lento */ @keyframes upcCyberGlowFloatA { 0% { transform: translate3d(-18px, 4px, 0) scale(1.03); } 50% { transform: translate3d(32px, -20px, 0) scale(1.10); } 100% { transform: translate3d(-10px, 18px, 0) scale(1.06); } } @keyframes upcCyberGlowFloatB { 0% { transform: translate3d(18px, -10px, 0) scale(1.02); } 50% { transform: translate3d(-36px, 22px, 0) scale(1.09); } 100% { transform: translate3d(22px, -16px, 0) scale(1.05); } } /* ========================================================= ULTRAPC CYBER — FASE 2F: PULSO NEON Pulso lento combinado con el movimiento existente. ========================================================= */ body.cybermonday.home::before { animation: upcCyberGlowFloatA 18s ease-in-out infinite alternate, upcCyberPulseA 6.8s ease-in-out infinite !important; } body.cybermonday.home::after { animation: upcCyberGlowFloatB 24s ease-in-out infinite alternate, upcCyberPulseB 8.6s ease-in-out infinite !important; } @keyframes upcCyberPulseA { 0%, 100% { opacity: .62; filter: blur(24px) brightness(.92) saturate(1.00); } 50% { opacity: .90; filter: blur(27px) brightness(1.18) saturate(1.18); } } @keyframes upcCyberPulseB { 0%, 100% { opacity: .48; filter: blur(34px) brightness(.90) saturate(1.00); } 50% { opacity: .76; filter: blur(38px) brightness(1.16) saturate(1.22); } } /* Accesibilidad */ @media (prefers-reduced-motion: reduce) { body.cybermonday.home::before, body.cybermonday.home::after { animation: none !important; } } /* ========================================================= ULTRAPC CYBER — FASE 3A: PRODUCTO PRINCIPAL Galería + summary + precios + CTA. Sin modificaciones de estructura. ========================================================= */ /* --------------------------------------------------------- FONDO DE LA FICHA --------------------------------------------------------- */ body.cybermonday.single-product { background: radial-gradient( circle at 12% 18%, rgba(255,149,56,.08), transparent 30% ), radial-gradient( circle at 86% 22%, rgba(128,11,211,.11), transparent 32% ), radial-gradient( circle at 55% 78%, rgba(152,11,200,.06), transparent 28% ), linear-gradient( 180deg, var(--upc-cyber-bg) 0%, #140d1b 48%, #0f0a14 100% ) !important; color: #f7f4f2; } body.cybermonday.single-product .site-content, body.cybermonday.single-product .content-area { background: transparent !important; } /* --------------------------------------------------------- BREADCRUMBS --------------------------------------------------------- */ body.cybermonday.single-product .woocommerce-breadcrumb { color: #a49b92 !important; } body.cybermonday.single-product .woocommerce-breadcrumb a { color: #ffae67 !important; } body.cybermonday.single-product .woocommerce-breadcrumb a:hover { color: #ffffff !important; } /* --------------------------------------------------------- GALERÍA --------------------------------------------------------- */ body.cybermonday.single-product .woocommerce-product-gallery { background: linear-gradient( 145deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56,.22) !important; box-shadow: 0 10px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* * Dejamos un canvas claro para que las fotografías * de producto sigan teniendo buena lectura. */ body.cybermonday.single-product .woocommerce-product-gallery__image { background: linear-gradient( 145deg, #fdfcfb, #f6f3f0 ) !important; border: 1px solid rgba(255,149,56,.12) !important; } /* Miniaturas */ body.cybermonday.single-product .flex-control-thumbs img { background: #24192d !important; border: 1px solid rgba(255,149,56,.16) !important; } body.cybermonday.single-product .flex-control-thumbs img:hover, body.cybermonday.single-product .flex-control-thumbs img.flex-active { border-color: var(--upc-cyber-cyan) !important; box-shadow: 0 0 0 2px rgba(255,149,56,.09), 0 0 16px rgba(128,11,211,.12) !important; } /* --------------------------------------------------------- SUMMARY --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary { background: radial-gradient( circle at 94% 4%, rgba(128,11,211,.10), transparent 26% ), linear-gradient( 145deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56,.22) !important; box-shadow: 0 10px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* Título */ body.cybermonday.single-product .summary .product_title { color: #fbf9f7 !important; text-shadow: 0 0 12px rgba(255,149,56,.06); } /* Texto general */ body.cybermonday.single-product .summary.entry-summary p { color: #d0c9c2; } body.cybermonday.single-product .summary.entry-summary hr { border-top-color: rgba(255,149,56,.13) !important; } body.cybermonday.single-product .summary.entry-summary a:not(.button) { color: #ffa659; } /* --------------------------------------------------------- PRECIOS --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario { background: linear-gradient( 135deg, rgba(34,23,44,.96), rgba(34,23,44,.96) ) !important; border: 1px solid rgba(255,149,56,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 20px rgba(0,0,0,.18) !important; } body.cybermonday.single-product .summary.entry-summary .precio_tarjetas_upc { border-left-color: rgba(255,149,56,.14) !important; } body.cybermonday.single-product .summary.entry-summary .precio_efectivo_upc, body.cybermonday.single-product .summary.entry-summary .precio_tarjetas_upc { background: transparent !important; } body.cybermonday.single-product .summary.entry-summary .precio_efectivo_upc:hover, body.cybermonday.single-product .summary.entry-summary .precio_tarjetas_upc:hover { background: rgba(255,149,56,.055) !important; } /* Etiquetas de precio */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios { color: #b3aba3 !important; } /* Precio principal */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .precio_con_iva_tbk, body.cybermonday.single-product .summary.entry-summary .woocommerce-Price-amount { color: #ffaa5f !important; text-shadow: 0 0 11px rgba(255,149,56,.10); } /* Precio anterior */ body.cybermonday.single-product .summary.entry-summary del .woocommerce-Price-amount { color: #8f8881 !important; text-shadow: none; } /* --------------------------------------------------------- AGREGAR AL CARRITO --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary form.cart .single_add_to_cart_button { background: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, #f7a45b 48%, var(--upc-cyber-violet) 100% ) !important; background-image: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, #f7a45b 48%, var(--upc-cyber-violet) 100% ) !important; border: 1px solid rgba(255,149,56,.28) !important; color: #ffffff !important; box-shadow: 0 6px 17px rgba(255,153,64,.20), 0 0 18px rgba(128,11,211,.10) !important; } body.cybermonday.single-product .summary.entry-summary form.cart .single_add_to_cart_button:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border-color: rgba(255,149,56,.65) !important; box-shadow: 0 9px 24px rgba(255,149,56,.14), 0 0 26px rgba(152,11,200,.11) !important; } /* --------------------------------------------------------- BOTÓN SECUNDARIO / COTIZACIÓN --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary { background: rgba(28,18,37,.94) !important; background-color: rgba(28,18,37,.94) !important; color: #ffaf69 !important; border: 1px solid rgba(255,149,56,.48) !important; box-shadow: inset 0 0 14px rgba(255,149,56,.035), 0 5px 14px rgba(0,0,0,.18) !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary::before { color: var(--upc-cyber-cyan) !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary:hover { background: linear-gradient( 100deg, rgba(255,153,64,.22), rgba(128,11,211,.22) ) !important; color: #ffffff !important; border-color: var(--upc-cyber-cyan) !important; box-shadow: 0 7px 20px rgba(255,149,56,.10), 0 0 20px rgba(128,11,211,.08) !important; } /* --------------------------------------------------------- LINKS / METADATOS DEL SUMMARY --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .product_meta, body.cybermonday.single-product .summary.entry-summary .product_meta span { color: #b0a8a0; } body.cybermonday.single-product .summary.entry-summary .product_meta a { color: #ffa659 !important; } /* ========================================================= ULTRAPC CYBER — FASE 3B: CARDS PRODUCTO Sidebar + Accesorios + Relacionados. ========================================================= */ /* ========================================================= 1. SIDEBAR - PRODUCTOS DESTACADOS ========================================================= */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .section-onsale-product { background: linear-gradient( 180deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 8px 24px rgba(0,0,0,.22) !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .product-thumbnail { background: linear-gradient( 145deg, #fdfcfb, #f6f3f0 ) !important; border-radius: 13px !important; overflow: hidden !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .woocommerce-loop-product__title { color: #f9f6f4 !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .item-ultrapc.item { background: rgba(255,149,56,.10) !important; border: 1px solid rgba(255,149,56,.22) !important; color: #ffa95e !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .condicion_item_ultrapc_archivos { color: #b1a8a0 !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .onsale-product > .price { border-top-color: rgba(255,149,56,.14) !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price ins .precio_ultrapc_by_h { color: #ffa95e !important; text-shadow: 0 0 10px rgba(255,149,56,.10); } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price del .precio_ultrapc_by_h { color: #8e8780 !important; } /* ========================================================= 2. TITULO ACCESORIOS ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title { color: #faf8f6 !important; text-shadow: 0 0 12px rgba(255,149,56,.10); } body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before, body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; } /* ========================================================= 3. ACCESORIOS ADICIONALES ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container .product-item__inner { background: linear-gradient( 180deg, #24192d 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 7px 20px rgba(0,0,0,.22) !important; } body.cybermonday.single-product .optional-accessories.products.container li.product:hover .product-item__inner { border-color: rgba(255,149,56,.52) !important; box-shadow: 0 10px 28px rgba(0,0,0,.27), 0 0 20px rgba(128,11,211,.08) !important; } body.cybermonday.single-product .optional-accessories.products.container .product-thumbnail { background: linear-gradient( 145deg, #fdfcfb, #f6f3f0 ) !important; border-radius: 11px !important; } body.cybermonday.single-product .optional-accessories.products.container .woocommerce-loop-product__title { color: #f9f6f4 !important; } body.cybermonday.single-product .optional-accessories.products.container .item-ultrapc.item { background: rgba(255,149,56,.10) !important; border-color: rgba(255,149,56,.22) !important; color: #ffa659 !important; } body.cybermonday.single-product .optional-accessories.products.container .price-add-to-cart { border-top-color: rgba(255,149,56,.14) !important; } body.cybermonday.single-product .optional-accessories.products.container .price ins .precio_ultrapc_by_h, body.cybermonday.single-product .optional-accessories.products.container .price > .electro-price > .precio_ultrapc_by_h { color: #ffa95e !important; text-shadow: 0 0 9px rgba(255,149,56,.10); } body.cybermonday.single-product .optional-accessories.products.container .add-to-cart-wrap .button { background: linear-gradient( 100deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #ffffff !important; } /* ========================================================= 4. PRODUCTOS RELACIONADOS ========================================================= */ body.cybermonday.single-product section.related.products > h2 { color: #faf8f6 !important; text-shadow: 0 0 12px rgba(255,149,56,.10); } body.cybermonday.single-product section.related.products > h2::before, body.cybermonday.single-product section.related.products > h2::after { background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; } body.cybermonday.single-product section.related.products .product-item__inner { background: linear-gradient( 180deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 7px 20px rgba(0,0,0,.22) !important; } body.cybermonday.single-product section.related.products li.product:hover .product-item__inner { border-color: rgba(255,149,56,.50) !important; box-shadow: 0 10px 28px rgba(0,0,0,.28), 0 0 18px rgba(128,11,211,.08) !important; } body.cybermonday.single-product section.related.products .product-thumbnail { background: linear-gradient( 145deg, #fdfcfb, #f6f3f0 ) !important; border-radius: 11px !important; } body.cybermonday.single-product section.related.products .woocommerce-loop-product__title { color: #f9f6f4 !important; } body.cybermonday.single-product section.related.products .item-ultrapc.item { background: rgba(255,149,56,.10) !important; color: #ffa659 !important; border: 1px solid rgba(255,149,56,.20) !important; } body.cybermonday.single-product section.related.products .condicion_item_ultrapc_archivos { color: #b1a8a0 !important; } body.cybermonday.single-product section.related.products .price ins .precio_ultrapc_by_h, body.cybermonday.single-product section.related.products .price > .electro-price > .precio_ultrapc_by_h { color: #ffa95e !important; } body.cybermonday.single-product section.related.products .add-to-cart-wrap .button { background: linear-gradient( 100deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #ffffff !important; } /* ========================================================= ULTRAPC CYBER — FIX 3B SIDEBAR PRODUCTO ========================================================= */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .section-onsale-product, body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .onsale-product, body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .product-item__outer, body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .product-item__inner { background: linear-gradient( 180deg, #24192d 0%, #1a1122 100% ) !important; border-color: rgba(255,149,56,.20) !important; color: #f0eae5 !important; } /* Imagen permanece sobre canvas claro */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .product-thumbnail { background: linear-gradient( 145deg, #fdfcfb, #f6f3f0 ) !important; border: 1px solid rgba(255,149,56,.12) !important; border-radius: 12px !important; } /* Nombre */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .woocommerce-loop-product__title { color: #f9f6f4 !important; } /* Textos secundarios */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .precio_contado, body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .mas_IVA_contado, body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .condicion_item_ultrapc_archivos { color: #afa79f !important; } /* ITEM */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .item-ultrapc.item { background: rgba(255,149,56,.10) !important; color: #ffa659 !important; border: 1px solid rgba(255,149,56,.22) !important; } /* Precio */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price ins .precio_ultrapc_by_h { color: #ffa95e !important; text-shadow: 0 0 10px rgba(255,149,56,.10); } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price del, body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price del .precio_ultrapc_by_h { color: #8e8780 !important; } /* Título Productos Destacados */ body.cybermonday.single-product #sidebar::before { color: #faf8f6 !important; text-shadow: 0 0 10px rgba(255,149,56,.10); } /* ========================================================= ULTRAPC CYBER — FIX TITULO ACCESORIOS DUPLICADO Existe un solo H2 real. ::before estaba generando una segunda copia del texto. Se recupera como línea decorativa izquierda. ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before { content: "" !important; position: static !important; display: block !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 2px !important; min-height: 2px !important; flex: 0 0 48px !important; background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; border: 0 !important; border-radius: 999px !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; } /* Aseguramos simetría de la línea derecha */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { content: "" !important; width: 48px !important; height: 2px !important; flex: 0 0 48px !important; background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; border-radius: 999px !important; } /* ========================================================= ULTRAPC CYBER — FASE 3C: TABS Y ESPECIFICACIONES ========================================================= */ /* --------------------------------------------------------- AJUSTE CONTRASTE — TITULOS ACCESORIOS --------------------------------------------------------- */ body.cybermonday.single-product .optional-accessories.products.container .product-loop-header .woocommerce-loop-product__title, body.cybermonday.single-product .optional-accessories.products.container .product-loop-header .woocommerce-loop-product__title a { color: #f9f6f4 !important; } /* ========================================================= 1. BARRA DE PESTAÑAS ========================================================= */ body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs { background: linear-gradient( 145deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56,.22) !important; box-shadow: 0 5px 18px rgba(0,0,0,.18) !important; } body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs > li > a { color: #b3aba3 !important; } body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs > li:not(.active) > a:hover { background: rgba(255,149,56,.07) !important; color: #ffaa5f !important; } /* Activa */ body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs > li.active > a { background: linear-gradient( 100deg, rgba(255,153,64,.20), rgba(128,11,211,.24) ) !important; color: #ffffff !important; box-shadow: inset 0 -2px 0 var(--upc-cyber-cyan), 0 0 14px rgba(128,11,211,.10) !important; } /* ========================================================= 2. PANELES PRINCIPALES ========================================================= */ body.cybermonday.single-product #tab-specification, body.cybermonday.single-product #tab-description, body.cybermonday.single-product #tab-estado_tab, body.cybermonday.single-product #tab-garantia_tab { background: radial-gradient( circle at 92% 5%, rgba(128,11,211,.08), transparent 28% ), linear-gradient( 145deg, #24192d 0%, #1a1122 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 10px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.02) !important; color: #d9d3cd !important; } /* ========================================================= 3. TITULOS DE SECCION ========================================================= */ body.cybermonday.single-product #tab-specification > h2, body.cybermonday.single-product #tab-estado_tab h2, body.cybermonday.single-product #tab-garantia_tab h2, body.cybermonday.single-product #tab-description h2 { color: #faf8f6 !important; border-bottom-color: rgba(255,149,56,.13) !important; } body.cybermonday.single-product #tab-specification > h2::after, body.cybermonday.single-product #tab-garantia_tab h2::after { background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; } /* ========================================================= 4. TABLAS DE ESPECIFICACIONES ========================================================= */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes { background: #1d1325 !important; border: 1px solid rgba(255,149,56,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important; } /* Filas */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr { background: transparent !important; } /* Separadores */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) td { border-bottom-color: rgba(255,149,56,.10) !important; } /* Nombre del atributo */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes th *, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes th * { color: #ffa250 !important; } /* Valor */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td *, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes td * { color: #ede6e0 !important; } /* Hover de fila */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:hover th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:hover td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:hover th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:hover td { background: rgba(255,149,56,.035) !important; } /* ========================================================= 5. DESCRIPCION ========================================================= */ body.cybermonday.single-product #tab-description .electro-description { color: #d1cbc4 !important; } body.cybermonday.single-product #tab-description .electro-description > p:not(.titulo-de-descripcion), body.cybermonday.single-product #tab-description .condicion_parrafo, body.cybermonday.single-product #tab-description .garantia_descripcion { background: rgba(21,13,28,.62) !important; border: 1px solid rgba(255,149,56,.13) !important; color: #d2ccc5 !important; } body.cybermonday.single-product #tab-description .condicion_parrafo::before, body.cybermonday.single-product #tab-description .garantia_descripcion .garantia-titulo { color: #ffa659 !important; } /* ========================================================= 6. GARANTIA ========================================================= */ body.cybermonday.single-product #tab-garantia_tab #tab-garantia-poliza { color: #d2ccc7 !important; } body.cybermonday.single-product #tab-garantia-poliza > p:first-child { background: rgba(255,149,56,.055) !important; border: 1px solid rgba(255,149,56,.18) !important; color: #dfd9d3 !important; } body.cybermonday.single-product #tab-garantia-poliza > p:first-child::before { background: linear-gradient( 135deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; } body.cybermonday.single-product #tab-garantia-poliza > p:first-child::after { background: #24192d !important; color: #ffa659 !important; border-color: rgba(255,149,56,.24) !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page > p { color: #cfc8c2 !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page p > strong:first-child { color: #f9f6f4 !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list { background: rgba(21,13,28,.60) !important; border: 1px solid rgba(255,149,56,.13) !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list li { color: #d0cac4 !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list li::marker { color: var(--upc-cyber-cyan) !important; } /* ========================================================= 7. FICHA PDF / PRODUCT META ========================================================= */ body.cybermonday.single-product .woocommerce-tabs .product_meta { color: #b7b0a9 !important; } body.cybermonday.single-product .woocommerce-tabs .product_meta a { color: #ffa659 !important; } /* Botón PDF conserva rojo de Acrobat; solo ambientamos el contenedor si existe */ body.cybermonday.single-product .woocommerce-print-products.link-wrapper { border-top-color: rgba(255,149,56,.12) !important; } /* ========================================================= 8. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs { background: #1d1325 !important; } } /* ========================================================= ULTRAPC CYBER — FIX 3C TABLA LEGIBILIDAD Mejora de contraste y lectura en Especificaciones / Informe de Estado. ========================================================= */ /* ----------------------------------------- CONTENEDOR TABLA ----------------------------------------- */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; border-radius: 16px !important; background: #1a1122 !important; border: 1px solid rgba(255,149,56,.16) !important; } /* ----------------------------------------- RESETEO FUERTE DE FILAS Y CELDAS ----------------------------------------- */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes td { background-image: none !important; box-shadow: none !important; } /* ----------------------------------------- FILAS CEBRA ----------------------------------------- */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:nth-child(odd) th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:nth-child(odd) td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:nth-child(odd) th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:nth-child(odd) td { background: #22172b !important; } body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:nth-child(even) th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:nth-child(even) td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:nth-child(even) th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:nth-child(even) td { background: #1d1325 !important; } /* ----------------------------------------- COLUMNA IZQUIERDA ----------------------------------------- */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes th { width: 38% !important; padding: 16px 18px !important; background-color: #2b1c38 !important; color: #ffa250 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 13px !important; line-height: 1.35 !important; letter-spacing: .01em !important; border-right: 1px solid rgba(255,149,56,.12) !important; vertical-align: middle !important; } /* ----------------------------------------- COLUMNA DERECHA ----------------------------------------- */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes td { padding: 16px 18px !important; color: #f2eee9 !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 500 !important; vertical-align: middle !important; } /* Asegurar texto interno */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td *, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes td * { color: #f2eee9 !important; } /* ----------------------------------------- SEPARADORES ----------------------------------------- */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:not(:last-child) td { border-bottom: 1px solid rgba(255,149,56,.08) !important; } /* ----------------------------------------- HOVER ----------------------------------------- */ body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:hover th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:hover td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:hover th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes tr:hover td { background: #301f3e !important; } /* ----------------------------------------- TITULO DEL BLOQUE ----------------------------------------- */ body.cybermonday.single-product #tab-specification > h2, body.cybermonday.single-product #tab-estado_tab h2 { font-size: 20px !important; line-height: 1.3 !important; margin-bottom: 18px !important; color: #fbf9f7 !important; } /* ----------------------------------------- MOBILE ----------------------------------------- */ @media (max-width: 767px) { body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes th, body.cybermonday.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes th, body.cybermonday.single-product #tab-estado_tab table.woocommerce-product-attributes.shop_attributes td { padding: 14px 12px !important; font-size: 13px !important; } } /* ========================================================= ULTRAPC CYBER — FIX BREADCRUMBS PRODUCTO ========================================================= */ body.cybermonday.single-product .woocommerce-breadcrumb { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px !important; padding: 12px 0 14px !important; margin-bottom: 14px !important; color: #d5bfa9 !important; font-size: 13px !important; line-height: 1.4 !important; } /* Links tipo chip */ body.cybermonday.single-product .woocommerce-breadcrumb a { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 14px !important; border-radius: 10px !important; background: linear-gradient( 145deg, rgba(33,22,43, .92), rgba(26,17,34, .92) ) !important; border: 1px solid rgba(255,149,56,.16) !important; color: #ffae67 !important; text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 4px 12px rgba(0,0,0,.14) !important; transition: color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease !important; } body.cybermonday.single-product .woocommerce-breadcrumb a:hover { color: #ffffff !important; border-color: rgba(255,149,56,.46) !important; background: linear-gradient( 145deg, rgba(255,153,64,.22), rgba(128,11,211,.18) ) !important; box-shadow: 0 8px 18px rgba(0,0,0,.18), 0 0 16px rgba(255,149,56,.08) !important; transform: translateY(-1px) !important; } /* Separador */ body.cybermonday.single-product .woocommerce-breadcrumb .delimiter, body.cybermonday.single-product .woocommerce-breadcrumb .breadcrumb-separator { color: var(--upc-cyber-cyan) !important; opacity: .9 !important; font-weight: 700 !important; } /* Fallback por si el separador viene como texto suelto */ body.cybermonday.single-product .woocommerce-breadcrumb > span { color: var(--upc-cyber-cyan) !important; } /* Último item / página actual */ body.cybermonday.single-product .woocommerce-breadcrumb { overflow: hidden; } body.cybermonday.single-product .woocommerce-breadcrumb > *:last-child { color: #c8c1ba !important; } /* Si el último nodo es texto plano dentro del breadcrumb, mejoramos su lectura general */ body.cybermonday.single-product .woocommerce-breadcrumb { white-space: normal !important; } /* Truncado elegante del último bloque textual cuando sea muy largo */ body.cybermonday.single-product .woocommerce-breadcrumb { max-width: 100%; } body.cybermonday.single-product .woocommerce-breadcrumb .breadcrumb_last, body.cybermonday.single-product .woocommerce-breadcrumb strong, body.cybermonday.single-product .woocommerce-breadcrumb > span:last-child { display: inline-block !important; max-width: min(100%, 720px) !important; color: #c8c1ba !important; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; vertical-align: middle !important; } /* Mobile */ @media (max-width: 767px) { body.cybermonday.single-product .woocommerce-breadcrumb { gap: 8px !important; font-size: 12px !important; } body.cybermonday.single-product .woocommerce-breadcrumb a { padding: 7px 11px !important; border-radius: 9px !important; } body.cybermonday.single-product .woocommerce-breadcrumb .breadcrumb_last, body.cybermonday.single-product .woocommerce-breadcrumb strong, body.cybermonday.single-product .woocommerce-breadcrumb > span:last-child { max-width: 100% !important; } } /* ========================================================= ULTRAPC CYBER — FASE 3D: SUMMARY BENEFITS Entrega + Pago + Garantía + Satisfacción Cotización Formal + Categorías ========================================================= */ /* ========================================================= 1. CUATRO CARDS DE BENEFICIOS ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card { background: radial-gradient( circle at 95% 0%, rgba(128,11,211,.10), transparent 36% ), linear-gradient( 145deg, #24192d 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 7px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important; color: #dcd6d0 !important; transition: border-color .20s ease, box-shadow .20s ease, transform .20s ease !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:hover { border-color: rgba(255,149,56,.46) !important; box-shadow: 0 10px 26px rgba(0,0,0,.27), 0 0 18px rgba(128,11,211,.08) !important; transform: translateY(-2px); } /* ========================================================= 2. TITULOS ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-title { color: #faf8f6 !important; text-shadow: 0 0 10px rgba(255,149,56,.055); } /* ========================================================= 3. CONTENIDO ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content { color: #d0cac4 !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content p, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content li { color: #d0cac4 !important; } /* Links dentro de beneficios */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content a { color: #ffad65 !important; } /* ========================================================= 4. ICONOS Si existen wrappers ultrapc-product-benefit-*icon* ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card [class*="benefit-icon"] { background: linear-gradient( 145deg, rgba(255,153,64,.17), rgba(128,11,211,.16) ) !important; border: 1px solid rgba(255,149,56,.22) !important; color: #ffa455 !important; box-shadow: inset 0 0 12px rgba(255,149,56,.035) !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card [class*="benefit-icon"] svg, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card [class*="benefit-icon"] i { color: #ffa455 !important; fill: currentColor; } /* * IMPORTANTE: * No modificamos las cápsulas de disponibilidad. * Conservan su verde semántico actual. */ /* ========================================================= 5. COTIZACION FORMAL ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary { background: linear-gradient( 145deg, #24192d 0%, #1d1325 100% ) !important; background-color: #1d1325 !important; color: #ffae67 !important; border: 1px solid rgba(255,149,56,.42) !important; box-shadow: 0 5px 15px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary::before { color: var(--upc-cyber-cyan) !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary:hover { background: linear-gradient( 100deg, rgba(255,153,64,.28), rgba(128,11,211,.28) ) !important; color: #ffffff !important; border-color: var(--upc-cyber-cyan) !important; box-shadow: 0 8px 20px rgba(255,149,56,.10), 0 0 18px rgba(128,11,211,.09) !important; } /* ========================================================= 6. CATEGORIAS - CONTENEDOR ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text, body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text.ultrapc-categorias-en-summary { background: linear-gradient( 145deg, #24192d 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56,.18) !important; color: #b5aea6 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important; } /* Texto "Categorías:" */ body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text .categoria_text { color: #b0a8a0 !important; font-weight: 600 !important; } /* ========================================================= 7. CAPSULAS DE CATEGORIA ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-df-category { background: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, #f7ae6e 55%, var(--upc-cyber-violet) 100% ) !important; border: 1px solid rgba(255,149,56,.28) !important; color: #ffffff !important; box-shadow: 0 3px 9px rgba(255,153,64,.14), 0 0 12px rgba(128,11,211,.06) !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-df-category:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border-color: rgba(255,149,56,.60) !important; box-shadow: 0 5px 14px rgba(255,149,56,.12), 0 0 16px rgba(152,11,200,.09) !important; transform: translateY(-1px) !important; } /* ========================================================= 8. PRECIO - ICONOS / LABELS Integrar un poco más con Cyber sin cambiar números. ========================================================= */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios { color: #b2aaa1 !important; } body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios::before { background-color: #ffa659 !important; } /* ========================================================= 9. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card { box-shadow: 0 5px 15px rgba(0,0,0,.18) !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text { padding: 8px 9px !important; } } /* ========================================================= ULTRAPC CYBER — FASE 3E: CONTRASTE TIPOGRAFICO Más claridad visual en textos secundarios del summary ========================================================= */ /* --------------------------------------------------------- 1. TITULOS DE LAS CARDS --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-title { color: #fcfbfa !important; font-weight: 800 !important; text-shadow: 0 0 10px rgba(255,149,56, .08) !important; } /* --------------------------------------------------------- 2. TEXTO SECUNDARIO DENTRO DE LAS CARDS --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content p, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content li, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content span, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content small { color: #ebe4dd !important; opacity: 1 !important; } /* texto muy pequeño del bloque métodos de pago */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card small, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card .terminos-condiciones, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card .texto-secundario { color: #dfd9d3 !important; } /* --------------------------------------------------------- 3. ICONOS + ITEMS DE ENTREGA/PAGO --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card i, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card svg { color: #ffaa60 !important; fill: currentColor !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card ul li, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card .menu, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card .item { color: #ede8e2 !important; } /* --------------------------------------------------------- 4. LABELS ENCIMA DE LOS PRECIOS --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios, body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios * { color: #d5cec6 !important; opacity: 1 !important; font-weight: 700 !important; letter-spacing: .1px !important; } /* --------------------------------------------------------- 5. PRECIOS GRANDES --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .precio_ultrapc_by_h, body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario ins .precio_ultrapc_by_h, body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .amount { color: #ffa14f !important; text-shadow: 0 0 14px rgba(255,149,56, .12) !important; } /* --------------------------------------------------------- 6. VISUALIZACIONES --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .woocommerce-product-rating + span, body.cybermonday.single-product .summary.entry-summary .views, body.cybermonday.single-product .summary.entry-summary .visualizaciones, body.cybermonday.single-product .summary.entry-summary span.view_count, body.cybermonday.single-product .summary.entry-summary span[class*="visual"] { color: #e1dbd4 !important; opacity: 1 !important; } /* --------------------------------------------------------- 7. COTIZACION FORMAL --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary { color: #f7f4f2 !important; font-weight: 800 !important; text-shadow: 0 0 10px rgba(255,149,56, .06) !important; } /* --------------------------------------------------------- 8. BLOQUE CATEGORIAS --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text, body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text * { color: #ebe5df !important; opacity: 1 !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text .categoria_text { color: #dad2cb !important; font-weight: 700 !important; } /* --------------------------------------------------------- 9. BOTONES SUPERIORES SHARE / FAVORITOS / COMPARAR --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary a.compartir, body.cybermonday.single-product .summary.entry-summary a.add_to_wishlist, body.cybermonday.single-product .summary.entry-summary a.compare { color: #faf8f7 !important; } /* --------------------------------------------------------- 10. MICRO AJUSTE GLOBAL DEL SUMMARY --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary { color: #ede6e0 !important; } body.cybermonday.single-product .summary.entry-summary p, body.cybermonday.single-product .summary.entry-summary li, body.cybermonday.single-product .summary.entry-summary span { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ========================================================= ULTRAPC CYBER — FIX BENEFITS TEXT FINAL Refuerza la legibilidad del texto secundario en las cards de Garantía y Satisfacción, y en general dentro del grid. ========================================================= */ /* Texto descriptivo dentro de todas las cards */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card .ultrapc-product-benefit-content, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card .ultrapc-product-benefit-content p, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card .ultrapc-product-benefit-content span, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card .ultrapc-product-benefit-content div, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card .ultrapc-product-benefit-content small { color: #efeae4 !important; opacity: 1 !important; font-weight: 500 !important; line-height: 1.45 !important; } /* Refuerzo específico para la tercera y cuarta card: Garantía / Satisfacción Garantizada */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(3) .ultrapc-product-benefit-content, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(3) .ultrapc-product-benefit-content *, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(4) .ultrapc-product-benefit-content, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(4) .ultrapc-product-benefit-content * { color: #f4f0ec !important; opacity: 1 !important; } /* Títulos un poco más definidos */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(3) .ultrapc-product-benefit-title, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(4) .ultrapc-product-benefit-title { color: #ffffff !important; font-weight: 800 !important; text-shadow: 0 0 10px rgba(255,149,56, .08) !important; } /* Íconos un poco más vivos */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(3) [class*="benefit-icon"], body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(4) [class*="benefit-icon"] { border-color: rgba(255,149,56, .35) !important; box-shadow: 0 0 14px rgba(255,149,56, .06) !important; } /* Un poco más de aire interno */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(3), body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid .ultrapc-product-benefit-card:nth-child(4) { padding-bottom: 18px !important; } /* ========================================================= ULTRAPC CYBER — FASE 3F: FOTOS Y SPECS RAPIDAS Fotos de referencia + CTA + tarjetas de hardware. ========================================================= */ /* --------------------------------------------------------- 1. TEXTO "FOTOS DE REFERENCIA" --------------------------------------------------------- */ body.cybermonday.single-product .boton_solicitar_fotos { color: #d5cec7 !important; } body.cybermonday.single-product .boton_solicitar_fotos > p, body.cybermonday.single-product .boton_solicitar_fotos > span, body.cybermonday.single-product .boton_solicitar_fotos > div:not(.boton-solicite-fotos) { color: #d5cec7 !important; font-weight: 700 !important; text-shadow: 0 0 9px rgba(255,149,56,.05); } /* --------------------------------------------------------- 2. BOTON SOLICITE FOTOS REALES --------------------------------------------------------- */ body.cybermonday.single-product .boton_solicitar_fotos .boton-solicite-fotos { background: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, #f7a65e 52%, var(--upc-cyber-violet) 100% ) !important; border: 1px solid rgba(255,149,56,.30) !important; color: #ffffff !important; box-shadow: 0 6px 18px rgba(255,153,64,.20), 0 0 18px rgba(128,11,211,.08) !important; text-shadow: 0 1px 2px rgba(0,0,0,.16); } body.cybermonday.single-product .boton_solicitar_fotos .boton-solicite-fotos:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border-color: rgba(255,149,56,.62) !important; box-shadow: 0 8px 22px rgba(255,149,56,.14), 0 0 24px rgba(152,11,200,.10) !important; transform: translateY(-2px); } /* Todo el contenido interno del botón permanece blanco */ body.cybermonday.single-product .boton_solicitar_fotos .boton-solicite-fotos * { color: #ffffff !important; } /* --------------------------------------------------------- 3. TARJETAS DE CARACTERISTICAS RAPIDAS --------------------------------------------------------- */ body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) { background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.11), transparent 45% ), linear-gradient( 145deg, #24192d 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56,.22) !important; border-radius: 12px !important; color: #f9f6f4 !important; box-shadow: 0 5px 14px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.025) !important; transition: border-color .20s ease, transform .20s ease, box-shadow .20s ease !important; } /* Hover suave */ body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas):hover { border-color: rgba(255,149,56,.50) !important; box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 16px rgba(128,11,211,.08) !important; transform: translateY(-2px); } /* --------------------------------------------------------- 4. TEXTOS DE LAS CARDS --------------------------------------------------------- */ body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas), body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) p, body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) span, body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) strong, body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) div { color: #f9f6f4 !important; } /* Valores / títulos principales */ body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) strong { font-weight: 800 !important; text-shadow: 0 0 8px rgba(255,149,56,.05); } /* --------------------------------------------------------- 5. ICONOS --------------------------------------------------------- */ body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) i, body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) svg, body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) [class*="icon"] { color: #ffa251 !important; fill: currentColor !important; filter: drop-shadow( 0 0 5px rgba(255,149,56,.10) ); } /* --------------------------------------------------------- 6. MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { body.cybermonday.single-product .tabla_debajo_de_fotos td:not(.columna_categorias_resumidas) { box-shadow: 0 4px 12px rgba(0,0,0,.16) !important; } } /* ========================================================= ULTRAPC CYBER — FASE 3G: GALLERY SPECS Las 6 tarjetas debajo de Fotos de Referencia. Solo apariencia. No cambia grid ni dimensiones. ========================================================= */ /* --------------------------------------------------------- TARJETA --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec { background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.14), transparent 48% ), linear-gradient( 145deg, #271a32 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56,.24) !important; color: #f9f6f4 !important; box-shadow: 0 5px 14px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important; transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease, background .20s ease !important; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec:hover { background: radial-gradient( circle at 100% 0%, rgba(152,11,200,.13), transparent 48% ), linear-gradient( 145deg, #2e1f3b 0%, #22182b 100% ) !important; border-color: rgba(255,149,56,.55) !important; box-shadow: 0 8px 20px rgba(0,0,0,.25), 0 0 17px rgba(255,149,56,.07), 0 0 20px rgba(128,11,211,.06) !important; transform: translateY(-2px); } /* --------------------------------------------------------- TEXTO --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec .upc-gallery-spec__value { color: #f9f6f4 !important; font-weight: 700 !important; text-shadow: 0 0 8px rgba(255,149,56,.045); } /* Cualquier texto interior */ body.cybermonday.single-product .upc-gallery-spec span, body.cybermonday.single-product .upc-gallery-spec strong, body.cybermonday.single-product .upc-gallery-spec div { color: #f9f6f4 !important; } /* --------------------------------------------------------- ICONOS GENERADOS POR ::BEFORE --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec::before { color: #ffa556 !important; text-shadow: 0 0 10px rgba(255,149,56,.16) !important; filter: drop-shadow( 0 0 4px rgba(255,149,56,.12) ); } /* Hover del icono */ body.cybermonday.single-product .upc-gallery-spec:hover::before { color: #ffb97c !important; text-shadow: 0 0 13px rgba(255,149,56,.24) !important; } /* --------------------------------------------------------- CONTENEDOR GENERAL No cambiamos grid; solo aseguramos transparencia. --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-specs { background: transparent !important; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { body.cybermonday.single-product .upc-gallery-spec { box-shadow: 0 4px 12px rgba(0,0,0,.18) !important; } } /* ========================================================= ULTRAPC CYBER — MOBILE M1 M2 M1 = Header móvil M2 = Cabecera / producto superior Referencia principal: 390px ========================================================= */ @media (max-width: 767px) { /* ========================================================= M1 — HEADER MOVIL ========================================================= */ /* Fondo general de cabecera */ body.cybermonday #masthead.site-header, body.cybermonday .handheld-header, body.cybermonday .handheld-header-v2 { background: linear-gradient( 110deg, #180e20 0%, #20152a 58%, #220d30 100% ) !important; border-bottom: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 5px 18px rgba(0,0,0,.20) !important; } /* Masthead móvil */ body.cybermonday #masthead.site-header .masthead { background: transparent !important; padding-top: 7px !important; padding-bottom: 7px !important; } /* Logo */ body.cybermonday #masthead .header-logo, body.cybermonday #masthead .site-branding { margin: 0 !important; } body.cybermonday #masthead .header-logo img, body.cybermonday #masthead .site-branding img { max-height: 42px !important; width: auto !important; } /* Buscador */ body.cybermonday #masthead .site-search, body.cybermonday #masthead .navbar-search { margin: 6px 0 !important; width: 100% !important; } body.cybermonday #masthead .site-search input, body.cybermonday #masthead .navbar-search input, body.cybermonday #masthead input[type="search"] { min-height: 42px !important; height: 42px !important; padding: 0 46px 0 15px !important; background: rgba(21,13,28,.94) !important; border: 1px solid rgba(255,149,56,.28) !important; border-radius: 12px !important; color: #f9f6f4 !important; font-size: 14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } body.cybermonday #masthead input[type="search"]::placeholder { color: #a29a92 !important; opacity: 1 !important; } /* Botón búsqueda */ body.cybermonday #masthead button[type="submit"], body.cybermonday #masthead .search-submit { background: linear-gradient( 135deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; border: 0 !important; min-width: 40px !important; min-height: 40px !important; border-radius: 11px !important; } /* Iconos superiores */ body.cybermonday #masthead .header-icon, body.cybermonday #masthead .header-icon a, body.cybermonday #masthead .header-icons a { color: #f2eee9 !important; } /* Navegación handheld */ body.cybermonday .handheld-navigation-wrapper { background: #1e1327 !important; border-top: 1px solid rgba(255,149,56,.12) !important; } /* ========================================================= M2 — PRODUCTO: ESTRUCTURA SUPERIOR ========================================================= */ /* Más aire lateral */ body.cybermonday.single-product .site-content .container { padding-left: 12px !important; padding-right: 12px !important; } /* Wrapper principal */ body.cybermonday.single-product .single-product-wrapper { row-gap: 14px !important; } /* Galería y summary */ body.cybermonday.single-product .product-images-wrapper, body.cybermonday.single-product .summary.entry-summary { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* Summary */ body.cybermonday.single-product .summary.entry-summary { padding: 14px !important; border-radius: 16px !important; } /* Título */ body.cybermonday.single-product .summary.entry-summary .product_title { margin: 0 0 10px !important; font-size: 20px !important; line-height: 1.24 !important; letter-spacing: -.2px !important; color: #fbfaf9 !important; } /* Meta secundaria / SKU */ body.cybermonday.single-product .summary.entry-summary .product_meta, body.cybermonday.single-product .summary.entry-summary .product_meta span { font-size: 11px !important; line-height: 1.45 !important; } /* ========================================================= GALERIA ========================================================= */ body.cybermonday.single-product .woocommerce-product-gallery { border-radius: 16px !important; padding: 8px !important; } /* Imagen principal */ body.cybermonday.single-product .woocommerce-product-gallery__image { border-radius: 12px !important; } /* Miniaturas */ body.cybermonday.single-product .flex-control-thumbs { gap: 7px !important; margin-top: 8px !important; } body.cybermonday.single-product .flex-control-thumbs li { margin: 0 !important; } /* ========================================================= FOTOS DE REFERENCIA + SPECS ========================================================= */ body.cybermonday.single-product .upc-gallery-specs { gap: 7px !important; margin-top: 10px !important; } body.cybermonday.single-product .upc-gallery-spec { min-width: 0 !important; min-height: 64px !important; padding: 9px 7px !important; border-radius: 11px !important; } body.cybermonday.single-product .upc-gallery-spec::before { font-size: 17px !important; } body.cybermonday.single-product .upc-gallery-spec__value { font-size: 11px !important; line-height: 1.2 !important; } /* Fotos referencia */ body.cybermonday.single-product .boton_solicitar_fotos { margin-top: 12px !important; } body.cybermonday.single-product .boton_solicitar_fotos .boton-solicite-fotos { min-height: 42px !important; padding: 9px 14px !important; font-size: 13px !important; } /* ========================================================= ITEM / CONDICION / STOCK ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor-item-ultrapc { gap: 6px !important; margin-bottom: 9px !important; } /* ========================================================= BOTONES SHARE / FAVORITOS / COMPARAR ========================================================= */ body.cybermonday.single-product .summary.entry-summary .product-actions, body.cybermonday.single-product .summary.entry-summary .yith-wcwl-add-to-wishlist { margin-top: 7px !important; } /* ========================================================= BENEFICIOS ENTREGA / PAGO / GARANTIA ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefits-grid { gap: 8px !important; margin-top: 10px !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-card { min-height: 104px !important; padding: 11px !important; border-radius: 12px !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-title { font-size: 13px !important; line-height: 1.2 !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content p, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content span { font-size: 11px !important; line-height: 1.35 !important; } /* ========================================================= PRECIOS ========================================================= */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario { margin-top: 10px !important; border-radius: 12px !important; } body.cybermonday.single-product .summary.entry-summary .precio_efectivo_upc, body.cybermonday.single-product .summary.entry-summary .precio_tarjetas_upc { padding: 12px !important; } body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios { font-size: 10px !important; line-height: 1.2 !important; } /* Precio grande */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .precio_ultrapc_by_h, body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .woocommerce-Price-amount { font-size: 22px !important; line-height: 1.1 !important; } /* ========================================================= CTA COMPRA ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor-comprar, body.cybermonday.single-product .summary.entry-summary form.cart, body.cybermonday.single-product .summary.entry-summary .ultrapc-contenedor-cotizacion { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* Cotización */ body.cybermonday.single-product .summary.entry-summary .ultrapc-contenedor-cotizacion .ultrapc-boton-cotizacion, body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary { width: 100% !important; min-height: 46px !important; } /* Agregar carrito */ body.cybermonday.single-product .summary.entry-summary form.cart .single_add_to_cart_button { width: 100% !important; min-height: 48px !important; font-size: 14px !important; } /* ========================================================= CATEGORIAS ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text { margin-top: 8px !important; padding: 7px 8px !important; gap: 5px !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-df-category { padding: 5px 9px !important; font-size: 11px !important; } /* ========================================================= BREADCRUMBS MOVIL ========================================================= */ body.cybermonday.single-product .woocommerce-breadcrumb { gap: 5px !important; padding: 7px 0 9px !important; margin-bottom: 8px !important; font-size: 10px !important; overflow: hidden !important; } body.cybermonday.single-product .woocommerce-breadcrumb a { padding: 5px 7px !important; border-radius: 7px !important; white-space: nowrap !important; } /* Ocultar el nombre largo del producto en breadcrumb móvil */ body.cybermonday.single-product .woocommerce-breadcrumb .breadcrumb_last { display: none !important; } } /* ========================================================= ULTRAPC CYBER — BUSCADOR B1 SHELL Doofinder fullscreen + topbar + gateway inicial. Solo apariencia. ========================================================= */ /* ========================================================= 1. SHELL GENERAL ========================================================= */ body.cybermonday #dffullscreen, body.cybermonday .df-fullscreen { background: radial-gradient( circle at 82% 12%, rgba(128,11,211,.13), transparent 31% ), radial-gradient( circle at 16% 40%, rgba(255,149,56,.075), transparent 29% ), linear-gradient( 180deg, var(--upc-cyber-bg) 0%, #140d1b 48%, #0f0a14 100% ) !important; color: #f7f4f2 !important; } /* Fondo de contenido */ body.cybermonday .df-fullscreen .df-layer__content { background: transparent !important; } /* ========================================================= 2. TOPBAR ========================================================= */ body.cybermonday .df-fullscreen .df-topbar { background: linear-gradient( 100deg, #180f1f 0%, #22162c 58%, #210d30 100% ) !important; border-bottom: 1px solid rgba(255,149,56,.22) !important; box-shadow: 0 8px 26px rgba(0,0,0,.22), inset 0 -1px 0 rgba(152,11,200,.055) !important; } /* ========================================================= 3. LOGO ========================================================= */ body.cybermonday .df-fullscreen .df-topbar__logo { background: transparent !important; } /* * Mantener la imagen original; * solo ambientarla dentro del Cyber. */ body.cybermonday .df-fullscreen .df-topbar__logo img { filter: drop-shadow(0 0 7px rgba(255,149,56,.18)) drop-shadow(0 0 12px rgba(128,11,211,.07)) !important; } /* Eliminar posibles placas claras detrás del logo */ body.cybermonday .df-fullscreen .df-topbar__logo::before, body.cybermonday .df-fullscreen .df-topbar__logo::after { background-color: transparent !important; } /* ========================================================= 4. BUSCADOR SUPERIOR ========================================================= */ body.cybermonday .df-fullscreen .df-topbar input { background: rgba(19,12,25,.94) !important; border: 1px solid rgba(255,149,56,.34) !important; color: #faf8f6 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 0 0 1px rgba(128,11,211,.025) !important; caret-color: var(--upc-cyber-cyan) !important; } body.cybermonday .df-fullscreen .df-topbar input::placeholder { color: #a19991 !important; opacity: 1 !important; } /* Focus */ body.cybermonday .df-fullscreen .df-topbar input:focus { border-color: rgba(255,149,56,.72) !important; box-shadow: 0 0 0 3px rgba(255,149,56,.075), 0 0 20px rgba(128,11,211,.07) !important; outline: none !important; } /* ========================================================= 5. BOTONES DE TOPBAR / BUSCAR / CERRAR ========================================================= */ body.cybermonday .df-fullscreen .df-topbar button { color: #f2eee9 !important; border-color: rgba(255,149,56,.18) !important; } body.cybermonday .df-fullscreen .df-topbar button:hover { color: #ffffff !important; border-color: rgba(255,149,56,.48) !important; } /* ========================================================= 6. GATEWAY INICIAL Productos / Servicios / Accesorios / Repuestos ========================================================= */ body.cybermonday #ultrapc-search-gateway { background: transparent !important; } /* Contenedor de cards */ body.cybermonday #ultrapc-search-gateway .ultrapc-search-gateway__cards, body.cybermonday #ultrapc-search-gateway .ultrapc-search-gateway__grid { background: transparent !important; } /* Card */ body.cybermonday #ultrapc-search-gateway .ultrapc-search-card { background: radial-gradient( circle at 90% 5%, rgba(128,11,211,.12), transparent 42% ), linear-gradient( 145deg, #271a32 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #f7f4f2 !important; box-shadow: 0 7px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important; transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease !important; } body.cybermonday #ultrapc-search-gateway .ultrapc-search-card:hover { background: radial-gradient( circle at 90% 5%, rgba(152,11,200,.14), transparent 42% ), linear-gradient( 145deg, #2e1f3b 0%, #22182b 100% ) !important; border-color: rgba(255,149,56,.52) !important; box-shadow: 0 10px 26px rgba(0,0,0,.26), 0 0 18px rgba(255,149,56,.07), 0 0 20px rgba(128,11,211,.06) !important; transform: translateY(-2px); } /* ========================================================= 7. ICONOS DEL GATEWAY ========================================================= */ body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__icon, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__iconwrap, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__badge { background: linear-gradient( 145deg, rgba(255,153,64,.18), rgba(128,11,211,.17) ) !important; border: 1px solid rgba(255,149,56,.24) !important; color: #ffa455 !important; box-shadow: inset 0 0 13px rgba(255,149,56,.035) !important; } body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__icon i, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__iconwrap i, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__badge i, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__icon svg, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__iconwrap svg { color: #ffa455 !important; fill: currentColor !important; } /* ========================================================= 8. TITULOS / TEXTOS DEL GATEWAY ========================================================= */ body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__content strong, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__title, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card h3 { color: #fbfaf8 !important; text-shadow: 0 0 9px rgba(255,149,56,.05); } body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__content small, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__action { color: #c9c2bb !important; } /* ========================================================= 9. SCROLLBAR GENERAL BUSCADOR ========================================================= */ body.cybermonday .df-fullscreen ::-webkit-scrollbar { width: 9px; } body.cybermonday .df-fullscreen ::-webkit-scrollbar-track { background: #140d1b; } body.cybermonday .df-fullscreen ::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ); border-radius: 999px; border: 2px solid #140d1b; } /* ========================================================= 10. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { body.cybermonday #ultrapc-search-gateway .ultrapc-search-card { transition: none !important; } } /* ========================================================= ULTRAPC CYBER — BUSCADOR B1.1 GATEWAY Corrige panel blanco y cards iniciales. ========================================================= */ body.cybermonday #dffullscreen #ultrapc-search-gateway, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-gateway__inner, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-gateway__grid, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-gateway__cards { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* Franja del gateway */ body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-gateway__inner { background: linear-gradient( 100deg, rgba(24,15,31,.96) 0%, rgba(34,22,44,.96) 58%, rgba(33,13,48,.94) 100% ) !important; border: 1px solid rgba(255,149,56,.16) !important; border-radius: 14px !important; box-shadow: 0 8px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* Cards */ body.cybermonday #dffullscreen #ultrapc-search-gateway button.ultrapc-search-card, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card { background: radial-gradient( circle at 90% 0%, rgba(128,11,211,.15), transparent 45% ), linear-gradient( 145deg, #271a32 0%, #1d1325 100% ) !important; background-color: #1d1325 !important; border: 1px solid rgba(255,149,56,.22) !important; color: #f9f6f4 !important; box-shadow: 0 6px 16px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* Contenido interno que pudiera traer fondo blanco */ body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card__content { background: transparent !important; background-color: transparent !important; color: #f9f6f4 !important; } /* Icono */ body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card__icon, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card__iconwrap, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card__badge { background: linear-gradient( 145deg, rgba(255,153,64,.20), rgba(128,11,211,.18) ) !important; border: 1px solid rgba(255,149,56,.30) !important; color: #ffa556 !important; } /* Texto */ body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card__content strong, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card__title, body.cybermonday #dffullscreen #ultrapc-search-gateway .ultrapc-search-card h3 { color: #fbfaf8 !important; } /* Hover */ body.cybermonday #dffullscreen #ultrapc-search-gateway button.ultrapc-search-card:hover { background: radial-gradient( circle at 90% 0%, rgba(152,11,200,.16), transparent 45% ), linear-gradient( 145deg, #322240 0%, #24192d 100% ) !important; border-color: rgba(255,149,56,.58) !important; box-shadow: 0 9px 22px rgba(0,0,0,.25), 0 0 18px rgba(255,149,56,.08), 0 0 20px rgba(152,11,200,.06) !important; } /* ========================================================= ULTRAPC CYBER — BUSCADOR B2 RESULTADOS Barra resultados + ordenar + filtros seleccionados ========================================================= */ /* --------------------------------------------------------- BARRA PRINCIPAL --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-header__dffullscreen.df-header { background: radial-gradient( circle at 88% 0%, rgba(152,11,200,.15), transparent 34% ), linear-gradient( 100deg, #241630 0%, #db6c0c 52%, #240f33 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; border-radius: 14px !important; box-shadow: 0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important; color: #f9f6f4 !important; } /* --------------------------------------------------------- RESULTADOS --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-header-title { color: #fbfaf9 !important; font-weight: 800 !important; text-shadow: 0 0 9px rgba(255,149,56,.06) !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-header-title * { color: inherit !important; } /* --------------------------------------------------------- CONTENEDOR ORDENAR --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-sort-select { color: #efeae4 !important; font-weight: 700 !important; } /* SELECT */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-sort-select select { min-height: 42px !important; padding: 0 38px 0 14px !important; background: linear-gradient( 145deg, #271a32 0%, #1d1325 100% ) !important; background-color: #1d1325 !important; border: 1px solid rgba(255,149,56,.30) !important; border-radius: 10px !important; color: #faf8f6 !important; font-weight: 700 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 4px 12px rgba(0,0,0,.14) !important; outline: none !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-sort-select select:hover { border-color: rgba(255,149,56,.52) !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-sort-select select:focus { border-color: var(--upc-cyber-cyan) !important; box-shadow: 0 0 0 3px rgba(255,149,56,.08), 0 0 18px rgba(128,11,211,.08) !important; } /* Opciones desplegadas */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-sort-select select option { background: #1d1325 !important; color: #f9f6f4 !important; } /* --------------------------------------------------------- FILTROS SELECCIONADOS --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filters { background: rgba(22,13,29,.46) !important; border: 1px solid rgba(255,149,56,.12) !important; border-radius: 10px !important; box-shadow: none !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filters__content { color: #ded8d2 !important; } /* Cada filtro */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filter { background: linear-gradient( 100deg, rgba(255,153,64,.20), rgba(128,11,211,.18) ) !important; border: 1px solid rgba(255,149,56,.22) !important; border-radius: 999px !important; color: #f7f4f2 !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filter__name { color: #bfb6ae !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filter__value { color: #ffffff !important; font-weight: 700 !important; } /* Limpiar filtros */ body.cybermonday #dffullscreen #df-header__dffullscreen button[data-role="clear-all-filters"] { background: rgba(152,11,200,.10) !important; border: 1px solid rgba(152,11,200,.24) !important; color: #ebe4dd !important; border-radius: 8px !important; } body.cybermonday #dffullscreen #df-header__dffullscreen button[data-role="clear-all-filters"]:hover { background: rgba(152,11,200,.18) !important; border-color: rgba(152,11,200,.48) !important; color: #ffffff !important; } /* --------------------------------------------------------- SECTION BAR PROPIA ULTRAPC Si aparece al elegir Productos/Servicios/etc. --------------------------------------------------------- */ body.cybermonday #dffullscreen .ultrapc-search-sectionbar__inner { background: linear-gradient( 100deg, #21162b 0%, #352146 58%, #230f31 100% ) !important; border: 1px solid rgba(255,149,56,.19) !important; color: #f9f6f4 !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; } body.cybermonday #dffullscreen .ultrapc-search-sectionbar__text small { color: #b5aca3 !important; } body.cybermonday #dffullscreen .ultrapc-search-sectionbar__text strong { color: #fbfaf8 !important; } /* Cambiar sección */ body.cybermonday #dffullscreen button.ultrapc-search-sectionbar__change { background: linear-gradient( 100deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border: 1px solid rgba(255,149,56,.30) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(255,153,64,.15) !important; } body.cybermonday #dffullscreen button.ultrapc-search-sectionbar__change:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border-color: rgba(255,149,56,.55) !important; } /* ========================================================= ULTRAPC CYBER — BUSCADOR B3 FILTROS Sidebar + paneles + precio + categorías ========================================================= */ /* ========================================================= 1. SIDEBAR GENERAL ========================================================= */ body.cybermonday #dffullscreen .df-aside, body.cybermonday #dffullscreen .df-aside__content { background: linear-gradient( 180deg, #1c1125 0%, #150e1c 100% ) !important; background-color: #150e1c !important; color: #efeae4 !important; } /* borde derecho del sidebar */ body.cybermonday #dffullscreen .df-aside { border-right: 1px solid rgba(255,149,56,.16) !important; box-shadow: 7px 0 22px rgba(0,0,0,.18) !important; } /* ========================================================= 2. PANELES ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] { background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.10), transparent 42% ), linear-gradient( 145deg, #271a32 0%, #1d1325 100% ) !important; border: 1px solid rgba(255,149,56,.18) !important; box-shadow: 0 5px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025) !important; color: #efeae4 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"]:hover { border-color: rgba(255,149,56,.36) !important; box-shadow: 0 7px 20px rgba(0,0,0,.22), 0 0 13px rgba(128,11,211,.05) !important; } /* ========================================================= 3. TITULO DE CADA FILTRO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title { background: rgba(22,13,29,.28) !important; color: #fbfaf8 !important; border-bottom-color: rgba(255,149,56,.13) !important; font-weight: 800 !important; text-shadow: 0 0 8px rgba(255,149,56,.05); } /* Indicador lateral / detalles decorativos */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title::before { background: linear-gradient( 180deg, var(--upc-cyber-cyan), var(--upc-cyber-violet) ) !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title::after { color: #ffaf69 !important; } /* ========================================================= 4. OPCIONES DE FILTRO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term { background: transparent !important; color: #ded8d2 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term:hover { background: linear-gradient( 90deg, rgba(255,153,64,.13), rgba(128,11,211,.09) ) !important; color: #ffffff !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term__value { color: #e1dbd5 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term:hover .df-term__value { color: #ffffff !important; } /* Contadores */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term__count { background: rgba(255,149,56,.09) !important; border: 1px solid rgba(255,149,56,.15) !important; color: #ffbf87 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term:hover .df-term__count { background: rgba(128,11,211,.20) !important; color: #ffffff !important; } /* ========================================================= 5. FILTRO SELECCIONADO ========================================================= */ body.cybermonday #dffullscreen .df-panel .df-term[data-selected], body.cybermonday #dffullscreen .df-panel .df-grid-item[data-selected] { background: linear-gradient( 90deg, rgba(255,153,64,.23), rgba(128,11,211,.20) ) !important; border-color: rgba(255,149,56,.35) !important; } body.cybermonday #dffullscreen .df-panel .df-term[data-selected] .df-term__value, body.cybermonday #dffullscreen .df-panel .df-grid-item[data-selected] .df-term__value { color: #ffffff !important; font-weight: 700 !important; } /* ========================================================= 6. VER MÁS ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] button[data-toggle-extra-content] { background: rgba(255,153,64,.10) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #ffb371 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] button[data-toggle-extra-content]:hover { background: linear-gradient( 90deg, rgba(255,153,64,.20), rgba(128,11,211,.18) ) !important; border-color: rgba(255,149,56,.43) !important; color: #ffffff !important; } /* ========================================================= 7. SLIDER PRECIO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-target { background: #2d2138 !important; border: 1px solid rgba(255,149,56,.09) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.24) !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-connect { background: linear-gradient( 90deg, var(--upc-cyber-cyan) 0%, var(--upc-cyber-blue) 48%, var(--upc-cyber-violet) 100% ) !important; box-shadow: 0 0 9px rgba(255,149,56,.14) !important; } /* Handles */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-handle { background: #21162b !important; border: 2px solid #ff9a42 !important; box-shadow: 0 0 0 3px rgba(255,149,56,.07), 0 3px 9px rgba(0,0,0,.28) !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-handle:active { border-color: #a70bda !important; box-shadow: 0 0 0 4px rgba(152,11,200,.10), 0 3px 10px rgba(0,0,0,.28) !important; } /* Tooltip */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-tooltip { background: linear-gradient( 100deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; box-shadow: 0 4px 10px rgba(0,0,0,.23), 0 0 12px rgba(128,11,211,.10) !important; } /* Escala */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-pips, body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-value-large { color: #a69d94 !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-marker-large { background: #645c53 !important; } /* ========================================================= 8. CAMPOS DESDE / HASTA ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field > span { color: #b5aca2 !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field input { background: #1f1428 !important; border: 1px solid rgba(255,149,56,.20) !important; color: #f9f8f6 !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.18) !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field input:hover { border-color: rgba(255,149,56,.42) !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field input:focus { border-color: var(--upc-cyber-cyan) !important; box-shadow: 0 0 0 3px rgba(255,149,56,.07) !important; outline: none !important; } /* ========================================================= 9. GRID DE FILTROS TIPO AÑO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="year"] .df-grid-item { background: #1f1428 !important; border: 1px solid rgba(255,149,56,.15) !important; color: #e0dad4 !important; } body.cybermonday #dffullscreen .df-panel[data-facet="year"] .df-grid-item:hover { background: linear-gradient( 100deg, rgba(255,153,64,.18), rgba(128,11,211,.14) ) !important; border-color: rgba(255,149,56,.39) !important; } /* ========================================================= 10. SCROLL INTERIOR SIDEBAR ========================================================= */ body.cybermonday #dffullscreen .df-aside__content::-webkit-scrollbar { width: 7px !important; } body.cybermonday #dffullscreen .df-aside__content::-webkit-scrollbar-track { background: #130c1a !important; } body.cybermonday #dffullscreen .df-aside__content::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border-radius: 999px !important; border: 1px solid #130c1a !important; } /* ========================================================= ULTRAPC CYBER — BUSCADOR B3.1 CONTENIDO FILTROS Elimina fondos blancos restantes del sidebar. ========================================================= */ /* ========================================================= 1. CONTENIDO INTERNO DE TODOS LOS PANELES ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__content { background: linear-gradient( 180deg, #1f1528 0%, #1a1122 100% ) !important; background-color: #1a1122 !important; color: #e1dbd5 !important; border-top: 1px solid rgba(255,149,56,.07) !important; } /* Precio */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] > .df-panel__content { background: radial-gradient( circle at 70% 0%, rgba(128,11,211,.08), transparent 42% ), linear-gradient( 180deg, #1f1528, #1a1122 ) !important; } /* ========================================================= 2. TITULO DEL PANEL ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title { background: linear-gradient( 100deg, #261a31 0%, #211829 65%, #281b33 100% ) !important; background-color: #261a31 !important; color: #fbfaf8 !important; border-bottom: 1px solid rgba(255,149,56,.12) !important; } /* ========================================================= 3. BOTON +/- DEL FILTRO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title::after { background: linear-gradient( 145deg, #30203e, #2c2037 ) !important; border: 1px solid rgba(255,149,56,.24) !important; color: #ffab62 !important; box-shadow: 0 0 10px rgba(255,149,56,.05) !important; } /* ========================================================= 4. TEXTO DE CATEGORIAS ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term__value { color: #dfd9d3 !important; opacity: 1 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term:hover .df-term__value { color: #ffffff !important; } /* ========================================================= 5. CONTADORES ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term__count { background: rgba(255,149,56,.09) !important; border: 1px solid rgba(255,149,56,.15) !important; color: #ffb778 !important; } /* ========================================================= 6. FILAS ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term { background: transparent !important; border: 1px solid transparent !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term:hover { background: linear-gradient( 90deg, rgba(255,149,56,.075), rgba(128,11,211,.10) ) !important; border-color: rgba(255,149,56,.10) !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO - LABELS Y ESCALA ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-pips, body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-value, body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-value-large { color: #b3aaa1 !important; opacity: 1 !important; } /* Desde / Hasta */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field > span { color: #beb6ae !important; } /* ========================================================= 8. INPUTS PRECIO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field input { background: #1b1024 !important; background-color: #1b1024 !important; border: 1px solid rgba(255,149,56,.22) !important; color: #fbfaf8 !important; box-shadow: inset 0 1px 4px rgba(0,0,0,.25) !important; } /* ========================================================= 9. SCROLLBAR Y FONDO LATERAL ========================================================= */ body.cybermonday #dffullscreen #df-aside__dffullscreen, body.cybermonday #dffullscreen .df-aside, body.cybermonday #dffullscreen .df-aside__content { background: #130c1a !important; background-color: #130c1a !important; } /* ========================================================= ULTRAPC CYBER — BUSCADOR B4 CARDS Resultados de producto Doofinder ========================================================= */ /* ========================================================= 1. FONDO DEL GRID DE RESULTADOS ========================================================= */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen.df-results { background: radial-gradient( circle at 82% 10%, rgba(128,11,211,.07), transparent 30% ), linear-gradient( 180deg, #140d1b 0%, #110c16 100% ) !important; } /* ========================================================= 2. CARD EXTERIOR ========================================================= */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee { background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.12), transparent 43% ), linear-gradient( 145deg, #271a32 0%, #1d1325 100% ) !important; background-color: #1d1325 !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 7px 20px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.025) !important; color: #f7f4f2 !important; overflow: hidden !important; transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease !important; } /* Hover */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee:hover { background: radial-gradient( circle at 100% 0%, rgba(152,11,200,.14), transparent 44% ), linear-gradient( 145deg, #2e1f3b 0%, #22182b 100% ) !important; border-color: rgba(255,149,56,.48) !important; box-shadow: 0 12px 28px rgba(0,0,0,.28), 0 0 17px rgba(255,149,56,.06), 0 0 22px rgba(128,11,211,.06) !important; transform: translateY(-3px) !important; } /* ========================================================= 3. WRAPPERS INTERNOS ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee > .df-card, body.cybermonday #dffullscreen .df-card_letsee .df-card__main, body.cybermonday #dffullscreen .df-card_letsee .df-card__content { background: transparent !important; background-color: transparent !important; color: inherit !important; } /* ========================================================= 4. FOTO Conservamos canvas claro por legibilidad del producto. ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__image { background: linear-gradient( 145deg, #ffffff 0%, #f9f8f6 100% ) !important; border: 1px solid rgba(255,149,56,.11) !important; border-radius: 12px !important; box-shadow: inset 0 0 18px rgba(255,153,64,.025) !important; } /* ========================================================= 5. TITULO PRODUCTO ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__title { color: #faf8f6 !important; text-shadow: 0 0 8px rgba(255,149,56,.035); font-weight: 700 !important; } /* ========================================================= 6. ITEM ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__item { background: rgba(255,149,56,.09) !important; border: 1px solid rgba(255,149,56,.22) !important; color: #ffad65 !important; box-shadow: inset 0 0 8px rgba(255,149,56,.025) !important; } /* ========================================================= 7. CONDICION Conservamos verde para Usado/Seminuevo cuando corresponda. ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__condicion { background: rgba(34,197,94,.09) !important; border: 1px solid rgba(34,197,94,.22) !important; color: #87e6a6 !important; } body.cybermonday #dffullscreen .df-card_letsee .df-card__condicion::before { color: #4ade80 !important; } /* Específico USADO */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee:has( .df-card:is([class*="/Usado/"], [class$="/Usado"]) ) .df-card__condicion { background: rgba(34,197,94,.09) !important; border-color: rgba(34,197,94,.22) !important; color: #87e6a6 !important; } /* ========================================================= 8. STOCK ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__stock { background: rgba(34,197,94,.09) !important; border: 1px solid rgba(34,197,94,.22) !important; color: #83e3a1 !important; } /* Consulte stock */ body.cybermonday #dffullscreen .df-card_letsee .df-card__consulte_stock { background: rgba(247,179,65,.10) !important; border: 1px solid rgba(247,179,65,.24) !important; color: #f7c86b !important; } /* A pedido */ body.cybermonday #dffullscreen .df-card_letsee .df-card__a_pedido { background: rgba(128,11,211,.12) !important; border: 1px solid rgba(128,11,211,.27) !important; color: #a535f4 !important; } /* ========================================================= 9. SEPARADORES ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__pricing { border-top-color: rgba(255,149,56,.12) !important; } /* ========================================================= 10. PRECIO ========================================================= */ /* IVA / textos pequeños */ body.cybermonday #dffullscreen .df-card_letsee .iva-texto { color: #b2aaa1 !important; } /* Precio anterior */ body.cybermonday #dffullscreen .df-card_letsee .df-card__price--old { color: #958d85 !important; } /* Precio actual */ body.cybermonday #dffullscreen .df-card_letsee .df-card__price--new { color: #ffae66 !important; text-shadow: 0 0 11px rgba(255,149,56,.10) !important; } /* Cualquier amount interno */ body.cybermonday #dffullscreen .df-card_letsee .df-card__price--new * { color: inherit !important; } /* ========================================================= 11. BOTON AGREGAR AL CARRITO ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .link-añadir-carrito { background: linear-gradient( 100deg, var(--upc-cyber-blue) 0%, #f7a964 52%, var(--upc-cyber-violet) 100% ) !important; border: 1px solid rgba(255,149,56,.26) !important; color: #ffffff !important; box-shadow: 0 6px 16px rgba(255,153,64,.18), 0 0 12px rgba(128,11,211,.06) !important; } body.cybermonday #dffullscreen .df-card_letsee .link-añadir-carrito:hover { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border-color: rgba(255,149,56,.55) !important; box-shadow: 0 8px 20px rgba(255,149,56,.12), 0 0 18px rgba(152,11,200,.08) !important; } /* Círculo del carrito */ body.cybermonday #dffullscreen .df-card_letsee .link-añadir-carrito::before { background: rgba(255,255,255,.95) !important; color: var(--upc-cyber-blue) !important; box-shadow: 0 2px 7px rgba(0,0,0,.15) !important; } /* ========================================================= 12. FAVORITOS + COMPARAR ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__acciones-secundarias { background: transparent !important; } /* botones */ body.cybermonday #dffullscreen .df-card_letsee .df-card__acciones-secundarias a, body.cybermonday #dffullscreen .df-card_letsee .df-card__favoritos, body.cybermonday #dffullscreen .df-card_letsee .df-card__comparar { background: rgba(22,13,29,.70) !important; border: 1px solid rgba(255,149,56,.18) !important; color: #ddcbb8 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important; } /* texto interno */ body.cybermonday #dffullscreen .df-card_letsee .df-card__accion-texto, body.cybermonday #dffullscreen .df-card_letsee .df-card__accion-icon { color: #dac6b3 !important; } /* hover */ body.cybermonday #dffullscreen .df-card_letsee .df-card__acciones-secundarias a:hover, body.cybermonday #dffullscreen .df-card_letsee .df-card__favoritos:hover, body.cybermonday #dffullscreen .df-card_letsee .df-card__comparar:hover { background: linear-gradient( 100deg, rgba(255,153,64,.18), rgba(128,11,211,.18) ) !important; border-color: rgba(255,149,56,.43) !important; color: #ffffff !important; } /* ========================================================= 13. DESCUENTO Mantenemos rojo por claridad comercial. ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__discount, body.cybermonday #dffullscreen .df-card_letsee .descuento_df { box-shadow: 0 4px 12px rgba(255,35,60,.22), 0 0 12px rgba(255,35,60,.08) !important; } /* ========================================================= 14. SCROLL AREA RESULTADOS ========================================================= */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen::-webkit-scrollbar-track { background: #120c17 !important; } body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border-radius: 999px !important; } /* ========================================================= ULTRAPC CYBER — BUSCADOR B5 CIERRE DESKTOP Ajustes finales de contraste y acabado. ========================================================= */ @media (min-width: 768px) { /* --------------------------------------------------------- 1. CARD — borde un poco más definido --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee { border-color: rgba(255,149,56,.24) !important; box-shadow: 0 7px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03) !important; } /* --------------------------------------------------------- 2. TITULO --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__title { color: #fbfaf8 !important; text-shadow: 0 0 7px rgba(255,149,56,.035) !important; } /* --------------------------------------------------------- 3. CHIP STOCK El original usa una cápsula verde muy clara. La pasamos a verde oscuro translúcido. --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee .df-card__contenedor_stock .df-card__stock, body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee .df-card__stock { background: rgba(34,197,94,.10) !important; background-color: rgba(34,197,94,.10) !important; border: 1px solid rgba(74,222,128,.28) !important; color: #8ce8a9 !important; box-shadow: inset 0 0 8px rgba(74,222,128,.025) !important; } /* --------------------------------------------------------- 4. ITEM --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__item { background: rgba(255,149,56,.08) !important; border-color: rgba(255,149,56,.25) !important; color: #ffb370 !important; } /* --------------------------------------------------------- 5. SEPARADOR PRECIO --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__pricing { border-top: 1px solid rgba(255,149,56,.13) !important; } /* --------------------------------------------------------- 6. PRECIO --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__price--new { color: var(--upc-cyber-border) !important; text-shadow: 0 0 12px rgba(255,149,56,.12) !important; } /* --------------------------------------------------------- 7. FAVORITOS / COMPARAR --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__acciones-secundarias a, body.cybermonday #dffullscreen .df-card_letsee .df-card__favoritos, body.cybermonday #dffullscreen .df-card_letsee .df-card__comparar { background: rgba(18,11,25,.82) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #e1d2c2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } body.cybermonday #dffullscreen .df-card_letsee .df-card__accion-icon, body.cybermonday #dffullscreen .df-card_letsee .df-card__accion-texto { color: #e1d2c2 !important; } /* Hover acciones secundarias */ body.cybermonday #dffullscreen .df-card_letsee .df-card__acciones-secundarias a:hover, body.cybermonday #dffullscreen .df-card_letsee .df-card__favoritos:hover, body.cybermonday #dffullscreen .df-card_letsee .df-card__comparar:hover { background: linear-gradient( 100deg, rgba(255,153,64,.22), rgba(128,11,211,.20) ) !important; border-color: rgba(255,149,56,.46) !important; color: #ffffff !important; box-shadow: 0 0 13px rgba(255,149,56,.06) !important; } /* --------------------------------------------------------- 8. CANVAS FOTO Conservamos claro, pero menos blanco puro. --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__image { background: linear-gradient( 145deg, #ffffff 0%, #f9f8f6 70%, #f6f3f0 100% ) !important; border-color: rgba(255,149,56,.12) !important; } /* --------------------------------------------------------- 9. FONDO ENTRE CARDS --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen.df-results { background: radial-gradient( circle at 82% 10%, rgba(128,11,211,.065), transparent 30% ), radial-gradient( circle at 16% 42%, rgba(255,149,56,.035), transparent 26% ), linear-gradient( 180deg, var(--upc-cyber-panel-dark) 0%, #100a15 100% ) !important; } } /* ========================================================= ULTRAPC CYBER — BUSCADOR B6 HEADER HOME Objetivo: - Igualar visualmente Doofinder al masthead Cyber del Home. - Recuperar logo original/neón. - Buscador oscuro tipo píldora. - Eliminar fondos/blancos laterales del input. - Añadir botón visual de búsqueda azul/violeta. ========================================================= */ @media (min-width: 768px) { /* ========================================================= 1. TOPBAR GENERAL ========================================================= */ body.cybermonday #dffullscreen .df-topbar { min-height: 104px !important; padding: 16px 28px !important; gap: 24px !important; background: radial-gradient( circle at 91% 0%, rgba(128,11,211,.15), transparent 28% ), linear-gradient( 100deg, #190f21 0%, #180f1f 58%, #1f0d2c 100% ) !important; border-bottom: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 5px 18px rgba(0,0,0,.20) !important; box-sizing: border-box !important; } /* ========================================================= 2. LOGO Recuperamos la imagen original del logo. ========================================================= */ body.cybermonday #dffullscreen .df-topbar__logo { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } /* * IMPORTANTE: * doofinder.css transforma el logo en azul metálico. * En Cyber anulamos ese filtro. */ body.cybermonday #dffullscreen .df-topbar__logo img { display: block !important; width: auto !important; max-width: 215px !important; height: auto !important; max-height: 70px !important; object-fit: contain !important; filter: none !important; opacity: 1 !important; transform: none !important; mix-blend-mode: normal !important; filter: drop-shadow( 0 0 7px rgba(255,149,56,.18) ) drop-shadow( 0 0 11px rgba(152,11,200,.08) ) !important; } /* Quitar brillo/overlay metálico anterior */ body.cybermonday #dffullscreen .df-topbar__logo::before, body.cybermonday #dffullscreen .df-topbar__logo::after { content: none !important; display: none !important; background: none !important; box-shadow: none !important; } /* ========================================================= 3. LIMPIAR WRAPPERS DEL BUSCADOR Quita las zonas blancas triangulares actuales. ========================================================= */ body.cybermonday #dffullscreen .df-topbar form:has(input), body.cybermonday #dffullscreen .df-topbar [class*="search"]:has(input), body.cybermonday #dffullscreen .df-topbar [class*="input"]:has(> input) { position: relative !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Pseudo-elementos blancos heredados */ body.cybermonday #dffullscreen .df-topbar form:has(input)::before, body.cybermonday #dffullscreen .df-topbar form:has(input)::after, body.cybermonday #dffullscreen .df-topbar [class*="search"]:has(input)::before { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 4. INPUT Inspirado directamente en el buscador del Home. ========================================================= */ body.cybermonday #dffullscreen .df-topbar input { width: 100% !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; padding: 0 72px 0 22px !important; background: linear-gradient( 100deg, rgba(19,12,26,.98), rgba(29,19,37,.98) ) !important; background-color: #180f1f !important; background-image: none !important; border: 1px solid rgba(255,149,56,.58) !important; border-radius: 999px !important; outline: none !important; color: #f9f6f4 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 54px !important; caret-color: var(--upc-cyber-cyan) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 0 0 1px rgba(255,153,64,.025), 0 4px 16px rgba(0,0,0,.16) !important; transition: border-color .20s ease, box-shadow .20s ease !important; } /* Placeholder */ body.cybermonday #dffullscreen .df-topbar input::placeholder { color: #a59c94 !important; opacity: 1 !important; } /* Focus */ body.cybermonday #dffullscreen .df-topbar input:focus { border-color: var(--upc-cyber-cyan) !important; box-shadow: 0 0 0 3px rgba(255,149,56,.07), 0 0 20px rgba(128,11,211,.09), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* ========================================================= 5. BOTON VISUAL DE BUSQUEDA Se coloca encima del extremo derecho del input. No altera el comportamiento de Doofinder. ========================================================= */ body.cybermonday #dffullscreen .df-topbar form:has(input)::after, body.cybermonday #dffullscreen .df-topbar [class*="search"]:has(input)::after { content: "" !important; position: absolute !important; top: 50% !important; right: 5px !important; width: 44px !important; height: 44px !important; transform: translateY(-50%) !important; border: 1px solid rgba(255,149,56,.34) !important; border-radius: 50% !important; background-color: var(--upc-cyber-violet) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E"), linear-gradient( 135deg, var(--upc-cyber-blue) 0%, var(--upc-cyber-violet) 68%, #9b0bcb 100% ) !important; background-repeat: no-repeat, no-repeat !important; background-position: center, center !important; background-size: 22px 22px, 100% 100% !important; box-shadow: 0 4px 13px rgba(255,153,64,.25), 0 0 13px rgba(128,11,211,.14) !important; pointer-events: none !important; z-index: 4 !important; } /* ========================================================= 6. BOTON CERRAR Más integrado con la cabecera. ========================================================= */ body.cybermonday #dffullscreen .df-topbar button { color: #d1cbc4 !important; transition: color .18s ease, transform .18s ease !important; } body.cybermonday #dffullscreen .df-topbar button:hover { color: #ffffff !important; transform: scale(1.05); } } /* ========================================================= ULTRAPC CYBER — LOGO HEADER SIN RESPLANDOR Home + página de producto ========================================================= */ body.cybermonday .site-header .header-logo img, body.cybermonday .site-header .custom-logo-link img, body.cybermonday .masthead .header-logo img, body.cybermonday .masthead .custom-logo-link img { filter: none !important; -webkit-filter: none !important; text-shadow: none !important; box-shadow: none !important; } /* ========================================================= ULTRAPC CYBER — ELIMINAR EFECTO ::AFTER DEL LOGO ========================================================= */ body.cybermonday #masthead a.header-logo-link::after { content: none !important; display: none !important; background: none !important; border: 0 !important; box-shadow: none !important; filter: none !important; } /* ========================================================= ULTRAPC CYBER — C1/C2 CARRITO + CHECKOUT ========================================================= */ /* ========================================================= 1. FONDO GENERAL ========================================================= */ body.cybermonday.woocommerce-cart, body.cybermonday.woocommerce-checkout { background: radial-gradient( circle at 88% 8%, rgba(128,11,211,.13), transparent 30% ), radial-gradient( circle at 8% 28%, rgba(255,149,56,.07), transparent 28% ), linear-gradient( 180deg, var(--upc-cyber-panel-dark) 0%, #170f1e 48%, #110b17 100% ) !important; color: #efeae5 !important; } /* Área principal */ body.cybermonday.woocommerce-cart .site-content, body.cybermonday.woocommerce-checkout .site-content, body.cybermonday.woocommerce-cart #content, body.cybermonday.woocommerce-checkout #content { background: transparent !important; } /* ========================================================= 2. TITULOS ========================================================= */ body.cybermonday.woocommerce-cart h1, body.cybermonday.woocommerce-cart h2, body.cybermonday.woocommerce-cart h3, body.cybermonday.woocommerce-checkout h1, body.cybermonday.woocommerce-checkout h2, body.cybermonday.woocommerce-checkout h3 { color: #fbfaf8 !important; text-shadow: 0 0 10px rgba(255,149,56,.05); } /* ========================================================= 3. TARJETAS / CONTENEDORES GENERALES ========================================================= */ body.cybermonday.woocommerce-cart .woocommerce-cart-form, body.cybermonday.woocommerce-cart .cart_totals, body.cybermonday.woocommerce-checkout .woocommerce-billing-fields, body.cybermonday.woocommerce-checkout .woocommerce-shipping-fields, body.cybermonday.woocommerce-checkout .woocommerce-additional-fields, body.cybermonday.woocommerce-checkout #order_review, body.cybermonday.woocommerce-checkout #payment { background: linear-gradient( 145deg, rgba(39,26,50,.98) 0%, rgba(25,16,33,.98) 100% ) !important; border: 1px solid rgba(255,149,56,.17) !important; border-radius: 16px !important; color: #efeae5 !important; box-shadow: 0 10px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* ========================================================= C1 — CARRITO ========================================================= */ /* Tabla */ body.cybermonday.woocommerce-cart table.shop_table { background: #1d1325 !important; border-color: rgba(255,149,56,.14) !important; color: #efeae5 !important; } body.cybermonday.woocommerce-cart table.shop_table th { background: rgba(26,16,34,.96) !important; color: #b6ada4 !important; border-color: rgba(255,149,56,.10) !important; } body.cybermonday.woocommerce-cart table.shop_table td { color: #f7f4f1 !important; border-color: rgba(255,149,56,.09) !important; } /* Nombre producto */ body.cybermonday.woocommerce-cart .product-name a { color: #f9f6f4 !important; } body.cybermonday.woocommerce-cart .product-name a:hover { color: #ffa95e !important; } /* Foto producto */ body.cybermonday.woocommerce-cart .product-thumbnail img { background: #fbfaf8 !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 12px !important; } /* Precio / subtotal */ body.cybermonday.woocommerce-cart .product-price, body.cybermonday.woocommerce-cart .product-subtotal, body.cybermonday.woocommerce-cart .cart_totals .order-total .amount { color: #ff9d48 !important; font-weight: 800 !important; } /* Cantidad */ body.cybermonday.woocommerce-cart .quantity, body.cybermonday.woocommerce-cart .quantity input { background: #190f21 !important; color: #fbfaf8 !important; border-color: rgba(255,149,56,.20) !important; } /* Eliminar */ body.cybermonday.woocommerce-cart .product-remove a { background: rgba(239,68,68,.08) !important; color: #ff8585 !important; border: 1px solid rgba(239,68,68,.20) !important; } body.cybermonday.woocommerce-cart .product-remove a:hover { background: rgba(239,68,68,.15) !important; color: #ffb1b1 !important; } /* ========================================================= 4. CUPON ========================================================= */ body.cybermonday.woocommerce-cart .coupon input.input-text { background: #1b1024 !important; color: #f9f6f4 !important; border: 1px solid rgba(255,149,56,.20) !important; border-radius: 10px !important; } body.cybermonday.woocommerce-cart .coupon input.input-text::placeholder { color: #988f86 !important; } /* ========================================================= 5. BOTONES GENERALES ========================================================= */ body.cybermonday.woocommerce-cart .button:not(.remove), body.cybermonday.woocommerce-cart .checkout-button, body.cybermonday.woocommerce-checkout button.button, body.cybermonday.woocommerce-checkout #place_order { background: linear-gradient( 135deg, var(--upc-cyber-blue) 0%, #f7a965 52%, var(--upc-cyber-violet) 100% ) !important; color: #ffffff !important; border: 0 !important; border-radius: 10px !important; box-shadow: 0 6px 16px rgba(255,153,64,.18), 0 0 14px rgba(128,11,211,.08) !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important; } body.cybermonday.woocommerce-cart .button:not(.remove):hover, body.cybermonday.woocommerce-cart .checkout-button:hover, body.cybermonday.woocommerce-checkout button.button:hover, body.cybermonday.woocommerce-checkout #place_order:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(255,153,64,.25), 0 0 18px rgba(128,11,211,.12) !important; } /* Vaciar carrito: mantener acción destructiva */ body.cybermonday.woocommerce-cart button[name="empty_cart"], body.cybermonday.woocommerce-cart .empty-cart { background: rgba(239,68,68,.07) !important; color: #ff8a8a !important; border: 1px solid rgba(239,68,68,.28) !important; box-shadow: none !important; } /* ========================================================= 6. TOTAL CARRITO ========================================================= */ body.cybermonday.woocommerce-cart .cart_totals { padding: 22px !important; } body.cybermonday.woocommerce-cart .cart_totals table { background: transparent !important; } body.cybermonday.woocommerce-cart .cart_totals th, body.cybermonday.woocommerce-cart .cart_totals td { background: transparent !important; color: #efeae5 !important; border-color: rgba(255,149,56,.10) !important; } body.cybermonday.woocommerce-cart .cart_totals h2 { border-bottom-color: rgba(255,149,56,.13) !important; } /* ========================================================= 7. DESPACHO / SHIPPING ========================================================= */ body.cybermonday #shipping_method li { background: rgba(24,14,33,.82) !important; border: 1px solid rgba(255,149,56,.15) !important; border-radius: 10px !important; color: #f0eae5 !important; } body.cybermonday #shipping_method li:hover { border-color: rgba(255,149,56,.35) !important; background: rgba(37,23,50,.92) !important; } body.cybermonday #shipping_method label { color: #efeae5 !important; } /* ========================================================= C2 — CHECKOUT ========================================================= */ /* Título finalizar compra */ body.cybermonday.woocommerce-checkout .entry-title, body.cybermonday.woocommerce-checkout .checkout-title { color: #fbfaf8 !important; } /* ========================================================= 8. PROGRESO ========================================================= */ body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress, body.cybermonday.woocommerce-checkout [class*="checkout-progress"] { color: #efeae5 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-step { color: #bbb3ab !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-step-active, body.cybermonday.woocommerce-checkout .ultrapc-step-active { color: #ffac64 !important; } /* ========================================================= 9. CUPON / AVISOS CHECKOUT ========================================================= */ body.cybermonday.woocommerce-checkout .woocommerce-info, body.cybermonday.woocommerce-checkout .woocommerce-message, body.cybermonday.woocommerce-cart .woocommerce-message, body.cybermonday .woocommerce-notice { background: rgba(35,20,48,.92) !important; color: #efeae5 !important; border: 1px solid rgba(255,149,56,.20) !important; border-left: 3px solid #ffa759 !important; border-radius: 10px !important; box-shadow: none !important; } body.cybermonday .woocommerce-info a, body.cybermonday .woocommerce-message a { color: #ffa95e !important; } /* ========================================================= 10. TARJETAS CHECKOUT PERSONALIZADAS ========================================================= */ body.cybermonday.woocommerce-checkout .woocommerce-billing-fields, body.cybermonday.woocommerce-checkout .woocommerce-shipping-fields, body.cybermonday.woocommerce-checkout .woocommerce-additional-fields { padding: 20px !important; } /* ========================================================= 11. LABELS ========================================================= */ body.cybermonday.woocommerce-checkout label { color: #efeae5 !important; font-weight: 600; } body.cybermonday.woocommerce-checkout .required { color: #ff6583 !important; } /* ========================================================= 12. INPUTS / SELECT / TEXTAREA ========================================================= */ body.cybermonday.woocommerce-checkout input.input-text, body.cybermonday.woocommerce-checkout input[type="text"], body.cybermonday.woocommerce-checkout input[type="email"], body.cybermonday.woocommerce-checkout input[type="tel"], body.cybermonday.woocommerce-checkout textarea, body.cybermonday.woocommerce-checkout select, body.cybermonday.woocommerce-checkout .select2-container .select2-selection { background: #1a0f24 !important; color: #f8f6f4 !important; border: 1px solid rgba(255,149,56,.17) !important; border-radius: 10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important; } body.cybermonday.woocommerce-checkout input.input-text:focus, body.cybermonday.woocommerce-checkout textarea:focus, body.cybermonday.woocommerce-checkout select:focus { border-color: rgba(255,149,56,.56) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(255,149,56,.055) !important; } body.cybermonday.woocommerce-checkout input::placeholder, body.cybermonday.woocommerce-checkout textarea::placeholder { color: #948c83 !important; } /* Select2 */ body.cybermonday.woocommerce-checkout .select2-container .select2-selection__rendered { color: #f8f6f4 !important; } /* ========================================================= 13. RESUMEN DE PEDIDO ========================================================= */ body.cybermonday.woocommerce-checkout .woocommerce-checkout-review-order-table { background: transparent !important; color: #efeae5 !important; } body.cybermonday.woocommerce-checkout .woocommerce-checkout-review-order-table th, body.cybermonday.woocommerce-checkout .woocommerce-checkout-review-order-table td { background: transparent !important; color: #efeae5 !important; border-color: rgba(255,149,56,.10) !important; } body.cybermonday.woocommerce-checkout .order-total .amount, body.cybermonday.woocommerce-checkout .cart-subtotal .amount { color: #ff9f4b !important; font-weight: 800 !important; } /* ========================================================= 14. METODOS DE PAGO ========================================================= */ body.cybermonday.woocommerce-checkout #payment { background: linear-gradient( 145deg, #251930, #1a1022 ) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid rgba(255,149,56,.12) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li { background: rgba(23,13,32,.84) !important; border: 1px solid rgba(255,149,56,.14) !important; border-radius: 10px !important; color: #f5f2ef !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li:hover { border-color: rgba(255,149,56,.38) !important; } body.cybermonday.woocommerce-checkout #payment .payment_box { background: rgba(39,23,53,.92) !important; color: #d5cec6 !important; border: 1px solid rgba(255,149,56,.10) !important; border-radius: 8px !important; } body.cybermonday.woocommerce-checkout #payment .payment_box::before { border-bottom-color: rgba(39,23,53,.92) !important; } /* ========================================================= 15. CHECKBOX / RADIO ========================================================= */ body.cybermonday input[type="radio"], body.cybermonday input[type="checkbox"] { accent-color: #ffa251; } /* ========================================================= 16. PRIVACIDAD / TERMINOS ========================================================= */ body.cybermonday.woocommerce-checkout .woocommerce-privacy-policy-text, body.cybermonday.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { color: #b5aca3 !important; } body.cybermonday.woocommerce-checkout .woocommerce-privacy-policy-text a, body.cybermonday.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a { color: #ffa352 !important; } /* ========================================================= 17. FOOTER COMPACTO CHECKOUT / BENEFICIOS CARRITO ========================================================= */ body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer, body.cybermonday.woocommerce-cart [class*="cart-benefit"], body.cybermonday.woocommerce-cart [class*="trust"] { background: linear-gradient( 145deg, #22162c, #191021 ) !important; color: #efeae5 !important; border: 1px solid rgba(255,149,56,.13) !important; box-shadow: 0 8px 22px rgba(0,0,0,.18) !important; } /* ========================================================= 18. TEXTO GENERAL QUE AUN HEREDA NEGRO ========================================================= */ body.cybermonday.woocommerce-cart .woocommerce, body.cybermonday.woocommerce-checkout .woocommerce { color: #efeae5; } /* ========================================================= 19. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.woocommerce-cart .woocommerce-cart-form, body.cybermonday.woocommerce-cart .cart_totals, body.cybermonday.woocommerce-checkout .woocommerce-billing-fields, body.cybermonday.woocommerce-checkout .woocommerce-shipping-fields, body.cybermonday.woocommerce-checkout .woocommerce-additional-fields, body.cybermonday.woocommerce-checkout #order_review, body.cybermonday.woocommerce-checkout #payment { border-radius: 13px !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; } body.cybermonday.woocommerce-cart table.shop_table { border-radius: 13px !important; } } /* ========================================================= ULTRAPC CYBER — C1.1 / C2.1 CARRITO + CHECKOUT — PASADA DE PRECISION ========================================================= */ /* ========================================================= C1.1 — CARRITO ========================================================= */ /* Tarjeta principal */ body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form { background: linear-gradient( 145deg, #271a32 0%, #1c1225 100% ) !important; border: 1px solid rgba(255,149,56,.18) !important; color: #f6f3f0 !important; } /* Tabla completa */ body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form table.shop_table, body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form table.shop_table tbody, body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form table.shop_table tr, body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form table.shop_table td { background: transparent !important; color: #f6f3f0 !important; } /* Cabecera tabla */ body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form table.shop_table thead, body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form table.shop_table thead tr, body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form table.shop_table thead th { background: #1c1125 !important; color: #b6aca2 !important; border-color: rgba(255,149,56,.10) !important; } /* Fila acciones inferior */ body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form .actions { background: rgba(22,13,29,.60) !important; border-top: 1px solid rgba(255,149,56,.10) !important; } /* Nombre producto */ body.cybermonday.woocommerce-cart .upc-cart-layout .product-name, body.cybermonday.woocommerce-cart .upc-cart-layout .product-name a { color: #faf8f6 !important; } /* Precio */ body.cybermonday.woocommerce-cart .upc-cart-layout .product-price .amount, body.cybermonday.woocommerce-cart .upc-cart-layout .product-subtotal .amount { color: #ff9d47 !important; opacity: 1 !important; font-weight: 800 !important; } /* Cantidad completa */ body.cybermonday.woocommerce-cart .upc-cart-layout .quantity, body.cybermonday.woocommerce-cart .upc-cart-layout .quantity input, body.cybermonday.woocommerce-cart .upc-cart-layout .upc-qty-btn { background: #1a0f24 !important; color: #f7f4f2 !important; border-color: rgba(255,149,56,.20) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout .upc-qty-btn:hover { background: #2f1d3e !important; color: #ffad65 !important; } /* Cupón */ body.cybermonday.woocommerce-cart .upc-cart-layout .coupon input { background: #1c1125 !important; color: #f8f6f4 !important; border-color: rgba(255,149,56,.20) !important; } /* Total carrito */ body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals { background: linear-gradient( 145deg, #25192f 0%, #191021 100% ) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #f6f3f1 !important; box-shadow: 0 12px 30px rgba(0,0,0,.24) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals h2 { background: transparent !important; color: #fbf9f7 !important; border-bottom-color: rgba(255,149,56,.12) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals table, body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals tr, body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals th, body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals td { background: transparent !important; color: #efeae5 !important; border-color: rgba(255,149,56,.10) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals .order-total .amount { color: #ff9b43 !important; opacity: 1 !important; } /* Shipping */ body.cybermonday.woocommerce-cart .upc-cart-layout #shipping_method li { background: #1c1126 !important; color: #f4f0ec !important; border-color: rgba(255,149,56,.18) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout #shipping_method label, body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-shipping-destination { color: #d2ccc5 !important; } /* Beneficios inferiores */ body.cybermonday.woocommerce-cart .upc-cart-benefits { background: linear-gradient( 145deg, #24182f, #191021 ) !important; border: 1px solid rgba(255,149,56,.14) !important; } body.cybermonday.woocommerce-cart .upc-cart-benefit { background: transparent !important; } body.cybermonday.woocommerce-cart .upc-cart-benefit__text strong { color: #f7f4f2 !important; } body.cybermonday.woocommerce-cart .upc-cart-benefit__text small { color: #aba299 !important; } /* ========================================================= C2.1 — CHECKOUT ========================================================= */ /* Fondo de los wrappers principales */ body.cybermonday.woocommerce-checkout .woocommerce, body.cybermonday.woocommerce-checkout form.checkout, body.cybermonday.woocommerce-checkout .woocommerce-checkout { background: transparent !important; color: #f2eeea !important; } /* Progreso */ body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress { background: transparent !important; color: #efeae5 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress::before { background: rgba(124,112,101,.32) !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress::after { background: linear-gradient( 90deg, #f68f34, #ffa659 ) !important; } body.cybermonday.woocommerce-checkout .ultrapc-step-icon { background: #271a33 !important; color: #b1a8a0 !important; border-color: rgba(255,149,56,.22) !important; } body.cybermonday.woocommerce-checkout .ultrapc-step-completed .ultrapc-step-icon, body.cybermonday.woocommerce-checkout .ultrapc-step-active .ultrapc-step-icon { background: linear-gradient( 135deg, #ff993f, #ffa14e ) !important; color: #ffffff !important; border-color: transparent !important; } body.cybermonday.woocommerce-checkout .ultrapc-step-label { color: #b6ada4 !important; } body.cybermonday.woocommerce-checkout .ultrapc-step-active .ultrapc-step-label { color: #ffa95e !important; } /* Tarjetas formulario */ body.cybermonday.woocommerce-checkout form.checkout .woocommerce-billing-fields, body.cybermonday.woocommerce-checkout form.checkout .woocommerce-shipping-fields, body.cybermonday.woocommerce-checkout form.checkout .woocommerce-additional-fields { background: linear-gradient( 145deg, #281b33, #1e1327 ) !important; color: #f6f3f0 !important; border-color: rgba(255,149,56,.16) !important; } /* Cabeceras blancas heredadas */ body.cybermonday.woocommerce-checkout form.checkout .woocommerce-billing-fields h3, body.cybermonday.woocommerce-checkout form.checkout .woocommerce-shipping-fields h3, body.cybermonday.woocommerce-checkout form.checkout .woocommerce-additional-fields h3 { background: transparent !important; color: #fbf9f7 !important; border-color: rgba(255,149,56,.12) !important; } /* Inputs */ body.cybermonday.woocommerce-checkout form.checkout .form-row input.input-text, body.cybermonday.woocommerce-checkout form.checkout .form-row textarea, body.cybermonday.woocommerce-checkout form.checkout .form-row select { background: #1b1025 !important; background-color: #1b1025 !important; color: #f9f6f4 !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: none !important; } body.cybermonday.woocommerce-checkout form.checkout .form-row input.input-text:-webkit-autofill { -webkit-text-fill-color: #f9f6f4 !important; -webkit-box-shadow: 0 0 0 1000px #1b1025 inset !important; } /* Select2 */ body.cybermonday.woocommerce-checkout form.checkout .select2-container .select2-selection--single { background: #1b1025 !important; background-color: #1b1025 !important; border-color: rgba(255,149,56,.20) !important; } body.cybermonday.woocommerce-checkout form.checkout .select2-selection__rendered { color: #f9f6f4 !important; } /* ========================================================= SU PEDIDO ========================================================= */ body.cybermonday.woocommerce-checkout #order_review_heading, body.cybermonday.woocommerce-checkout #order_review_heading_v2 { background: linear-gradient( 145deg, #261931, #1c1225 ) !important; color: #faf8f7 !important; border-color: rgba(255,149,56,.16) !important; } body.cybermonday.woocommerce-checkout #order_review_heading::after, body.cybermonday.woocommerce-checkout #order_review_heading_v2::after { background: linear-gradient( 90deg, var(--upc-cyber-cyan), #840bda ) !important; } body.cybermonday.woocommerce-checkout .order-review-wrapper, body.cybermonday.woocommerce-checkout .order-review-wrapper #order_review { background: linear-gradient( 145deg, #261931, #191021 ) !important; color: #efeae5 !important; border-color: rgba(255,149,56,.16) !important; } /* Tabla Su pedido */ body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead tr, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead th, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody td, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot th, body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot td { background: transparent !important; background-color: transparent !important; color: #efeae5 !important; border-color: rgba(255,149,56,.10) !important; } /* Cabecera de tabla */ body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead th { color: #b4aba1 !important; } /* Totales */ body.cybermonday.woocommerce-checkout #order_review .order-total .amount, body.cybermonday.woocommerce-checkout #order_review .cart-subtotal .amount { color: #ff9e49 !important; opacity: 1 !important; } /* Shipping checkout */ body.cybermonday.woocommerce-checkout #order_review #shipping_method li { background: #1c1026 !important; color: #f4f0ec !important; border-color: rgba(255,149,56,.17) !important; } body.cybermonday.woocommerce-checkout #order_review #shipping_method label { color: #f2eeea !important; } /* ========================================================= METODOS DE PAGO ========================================================= */ body.cybermonday.woocommerce-checkout #payment { background: linear-gradient( 145deg, #261931, #190f21 ) !important; border-color: rgba(255,149,56,.16) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods { background: transparent !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method { background: #1b1025 !important; color: #f4f1ee !important; border-color: rgba(255,149,56,.17) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) { background: #281736 !important; border-color: rgba(255,149,56,.62) !important; box-shadow: 0 0 0 1px rgba(255,149,56,.08) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label { color: #f9f6f4 !important; } /* No oscurecer imágenes/logo de medios de pago */ body.cybermonday.woocommerce-checkout #payment .payment_methods img { filter: none !important; } /* ========================================================= FOOTER CHECKOUT ========================================================= */ body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer { background: linear-gradient( 145deg, #24182f, #191021 ) !important; border: 1px solid rgba(255,149,56,.14) !important; color: #efeae5 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__items, body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__item, body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__bottom { background: transparent !important; border-color: rgba(255,149,56,.10) !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__item strong { color: #f7f4f1 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__item span, body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__item small, body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__copyright { color: #a9a097 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__links a { color: #fda659 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form, body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals, body.cybermonday.woocommerce-checkout form.checkout .woocommerce-billing-fields, body.cybermonday.woocommerce-checkout form.checkout .woocommerce-shipping-fields, body.cybermonday.woocommerce-checkout form.checkout .woocommerce-additional-fields, body.cybermonday.woocommerce-checkout .order-review-wrapper, body.cybermonday.woocommerce-checkout #payment { border-radius: 13px !important; } } /* ========================================================= ULTRAPC CYBER — DOOFINDER CARD POLISH - Sin brillo animado Cybermonday - Descuento sin sombra rectangular - Favoritos igual a Comparar ========================================================= */ /* ========================================================= 1. CYBERMONDAY — QUITAR BRILLO / MOVIMIENTO ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__tipo-oferta, body.cybermonday #dffullscreen .df-card_letsee .df-card__tipo-oferta::before, body.cybermonday #dffullscreen .df-card_letsee .df-card__tipo-oferta::after, body.cybermonday #dffullscreen .df-card_letsee .df-card__tipo-oferta[class*="Cyber"], body.cybermonday #dffullscreen .df-card_letsee .df-card__tipo-oferta[class*="Cyber"]::before, body.cybermonday #dffullscreen .df-card_letsee .df-card__tipo-oferta[class*="Cyber"]::after { animation: none !important; animation-name: none !important; transition: none !important; } /* ========================================================= 2. DESCUENTO Eliminar sombra rectangular que no sigue el circulo. ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__discount, body.cybermonday #dffullscreen .df-card_letsee .descuento_df { box-shadow: none !important; } /* * Sombra sutil solamente sobre el badge moderno. * drop-shadow respeta mejor la silueta visible que box-shadow. */ body.cybermonday #dffullscreen .df-card_letsee .df-card__discount { filter: drop-shadow( 0 3px 4px rgba(255,35,60,.20) ) !important; } /* Evitar placas/sombras heredadas del wrapper antiguo */ body.cybermonday #dffullscreen .df-card_letsee .descuento_df { filter: none !important; } /* ========================================================= 3. FAVORITOS / COMPARAR Misma forma de capsula ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__favoritos, body.cybermonday #dffullscreen .df-card_letsee .df-card__comparar { border-radius: 999px !important; overflow: hidden !important; } /* * Favoritos tiene un contenedor adicional. * Ese es el borde cuadrado que aparece en la captura. */ body.cybermonday #dffullscreen .df-card_letsee .df-card__acciones-secundarias a:has(.df-card__favoritos) { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; outline: 0 !important; } /* Evitar que vuelva el cuadrado en hover */ body.cybermonday #dffullscreen .df-card_letsee .df-card__acciones-secundarias a:has(.df-card__favoritos):hover { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* La capsula interna de Favoritos conserva el mismo look de Comparar */ body.cybermonday #dffullscreen .df-card_letsee .df-card__favoritos { background: rgba(18,11,25,.82) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #e1d2c2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } body.cybermonday #dffullscreen .df-card_letsee .df-card__favoritos:hover { background: linear-gradient( 100deg, rgba(255,153,64,.22), rgba(128,11,211,.20) ) !important; border-color: rgba(255,149,56,.46) !important; color: #ffffff !important; box-shadow: 0 0 13px rgba(255,149,56,.06) !important; } /* ========================================================= ULTRAPC CYBER — TITULO PRODUCTOS RELACIONADOS Recuperar encabezado sobre las cards ========================================================= */ body.cybermonday.single-product .related.products > h2, body.cybermonday.single-product section.related.products > h2, body.cybermonday.single-product .upsells.products > h2 { display: block !important; visibility: visible !important; opacity: 1 !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; text-shadow: 0 0 10px rgba(255,149,56,.08) !important; font-weight: 700 !important; position: relative !important; z-index: 2 !important; } /* Evitar que algún efecto de texto lo deje transparente */ body.cybermonday.single-product .related.products > h2 span, body.cybermonday.single-product section.related.products > h2 span, body.cybermonday.single-product .upsells.products > h2 span { color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; opacity: 1 !important; } /* Mantener las líneas decorativas Cyber */ body.cybermonday.single-product .related.products > h2::before, body.cybermonday.single-product .related.products > h2::after, body.cybermonday.single-product section.related.products > h2::before, body.cybermonday.single-product section.related.products > h2::after { opacity: 1 !important; } /* ========================================================= ULTRAPC CYBER — PRODUCTOS RELACIONADOS FIX FINAL DEL TITULO ========================================================= */ body.cybermonday.single-product section.related.products > h2 { display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; width: 100% !important; height: auto !important; min-height: 32px !important; margin: 28px 0 22px !important; padding: 0 !important; overflow: visible !important; position: relative !important; visibility: visible !important; opacity: 1 !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-indent: 0 !important; text-transform: none !important; text-align: center !important; white-space: normal !important; transform: none !important; clip: auto !important; clip-path: none !important; text-shadow: 0 0 10px rgba(255,149,56,.08) !important; z-index: 2 !important; } /* Línea izquierda */ body.cybermonday.single-product section.related.products > h2::before { content: "" !important; display: block !important; position: static !important; width: 50px !important; min-width: 50px !important; height: 2px !important; flex: 0 0 50px !important; background: linear-gradient( 90deg, var(--upc-cyber-blue), var(--upc-cyber-cyan) ) !important; opacity: 1 !important; transform: none !important; } /* Línea derecha */ body.cybermonday.single-product section.related.products > h2::after { content: "" !important; display: block !important; position: static !important; width: 50px !important; min-width: 50px !important; height: 2px !important; flex: 0 0 50px !important; background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; opacity: 1 !important; transform: none !important; } /* MOBILE */ @media (max-width: 767px) { body.cybermonday.single-product section.related.products > h2 { gap: 10px !important; font-size: 18px !important; } body.cybermonday.single-product section.related.products > h2::before, body.cybermonday.single-product section.related.products > h2::after { width: 30px !important; min-width: 30px !important; flex-basis: 30px !important; } } /* ========================================================= ULTRAPC CYBER — ACCESORIOS ADICIONALES Restaurar titulo real sobre las tarjetas ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; width: 100% !important; height: auto !important; min-height: 32px !important; margin: 28px 0 22px !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; text-indent: 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; position: relative !important; transform: none !important; text-shadow: 0 0 10px rgba(255,149,56,.08) !important; z-index: 2 !important; } /* Línea izquierda */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before { content: "" !important; display: block !important; position: static !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 2px !important; min-height: 2px !important; flex: 0 0 48px !important; background: linear-gradient( 90deg, var(--upc-cyber-blue), var(--upc-cyber-cyan) ) !important; opacity: 1 !important; transform: none !important; } /* Línea derecha */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { content: "" !important; display: block !important; position: static !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 2px !important; min-height: 2px !important; flex: 0 0 48px !important; background: linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) !important; opacity: 1 !important; transform: none !important; } /* MOBILE */ @media (max-width: 767px) { body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title { gap: 10px !important; font-size: 18px !important; white-space: normal !important; } body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before, body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { width: 28px !important; min-width: 28px !important; max-width: 28px !important; flex-basis: 28px !important; } } /* ========================================================= ULTRAPC CYBER — ACCESORIOS ADICIONALES TITULO FORZADO No depende del texto interno del H2 ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 34px !important; margin: 28px 0 22px !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; /* * Ocultamos cualquier texto original. * El título se genera abajo con ::before. */ font-size: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none !important; background: transparent !important; } /* ========================================================= TEXTO REAL VISIBLE ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before { content: "Accesorios Adicionales" !important; position: relative !important; z-index: 2 !important; display: inline-block !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; padding: 0 16px !important; background: #180f20 !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: 0 0 10px rgba(255,149,56,.10) !important; opacity: 1 !important; transform: none !important; } /* ========================================================= DOS LINEAS DECORATIVAS ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { content: "" !important; position: absolute !important; z-index: 1 !important; top: 50% !important; left: 50% !important; width: 330px !important; max-width: 70% !important; height: 2px !important; min-height: 2px !important; transform: translate(-50%, -50%) !important; opacity: 1 !important; background: linear-gradient( 90deg, var(--upc-cyber-blue), var(--upc-cyber-cyan) ) left center / 52px 2px no-repeat, linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) right center / 52px 2px no-repeat !important; pointer-events: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before { padding: 0 10px !important; font-size: 18px !important; white-space: nowrap !important; } body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { width: 270px !important; max-width: 92% !important; background: linear-gradient( 90deg, var(--upc-cyber-blue), var(--upc-cyber-cyan) ) left center / 30px 2px no-repeat, linear-gradient( 90deg, var(--upc-cyber-cyan), var(--upc-cyber-violet), var(--upc-cyber-magenta) ) right center / 30px 2px no-repeat !important; } } /* ========================================================= ULTRAPC CYBER — ACCESORIOS ADICIONALES Igualar diseño a "Productos relacionados" ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 34px !important; margin: 28px 0 22px !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; font-size: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; background: transparent !important; text-shadow: none !important; } /* TEXTO CENTRAL */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before { content: "Accesorios Adicionales" !important; position: relative !important; z-index: 2 !important; display: inline-block !important; padding: 0 18px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: 0 0 10px rgba(255,149,56,.08) !important; white-space: nowrap !important; } /* LINEAS IZQUIERDA / DERECHA */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { content: "" !important; position: absolute !important; z-index: 1 !important; top: 50% !important; left: 50% !important; width: 360px !important; max-width: 78% !important; height: 2px !important; transform: translate(-50%, -50%) !important; background: linear-gradient( 90deg, #ff9538, var(--upc-cyber-cyan) ) left center / 58px 2px no-repeat, linear-gradient( 90deg, var(--upc-cyber-cyan), #840bda, var(--upc-cyber-magenta) ) right center / 58px 2px no-repeat !important; opacity: 1 !important; pointer-events: none !important; } /* MOBILE */ @media (max-width: 767px) { body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::before { font-size: 18px !important; padding: 0 10px !important; } body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title::after { width: 270px !important; max-width: 92% !important; background: linear-gradient( 90deg, #ff9538, var(--upc-cyber-cyan) ) left center / 30px 2px no-repeat, linear-gradient( 90deg, var(--upc-cyber-cyan), #840bda, var(--upc-cyber-magenta) ) right center / 30px 2px no-repeat !important; } } /* ========================================================= ULTRAPC CYBER — PRODUCTOS RELACIONADOS Quitar linea detrás de "Agregar al carrito" ========================================================= */ body.cybermonday.single-product section.related.products .product-item__footer, body.cybermonday.single-product section.related.products .add-to-cart-wrap { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background: transparent !important; } /* Eliminar separadores generados por pseudo-elementos */ body.cybermonday.single-product section.related.products .product-item__footer::before, body.cybermonday.single-product section.related.products .product-item__footer::after, body.cybermonday.single-product section.related.products .add-to-cart-wrap::before, body.cybermonday.single-product section.related.products .add-to-cart-wrap::after { content: none !important; display: none !important; border: 0 !important; background: none !important; box-shadow: none !important; } /* Botón limpio sobre el fondo de la card */ body.cybermonday.single-product section.related.products .add-to-cart-wrap .button { position: relative !important; z-index: 2 !important; } /* ========================================================= ULTRAPC CYBER — PRODUCTOS RELACIONADOS ELIMINAR LINEA BLANCA DETRAS DEL CTA ========================================================= */ /* Contenedor precio + carrito */ body.cybermonday.single-product section.related.products .price-add-to-cart { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; } /* Pseudo-elementos del contenedor */ body.cybermonday.single-product section.related.products .price-add-to-cart::before, body.cybermonday.single-product section.related.products .price-add-to-cart::after { content: none !important; display: none !important; border: 0 !important; background: none !important; box-shadow: none !important; } /* Separadores genéricos del producto */ body.cybermonday.single-product section.related.products ul.products > li.product::before, body.cybermonday.single-product section.related.products ul.products > li.product::after { content: none !important; display: none !important; border: 0 !important; background: none !important; box-shadow: none !important; } /* También cubrir wrapper exterior sin tocar el borde de .product-item__inner */ body.cybermonday.single-product section.related.products .product-item__outer::before, body.cybermonday.single-product section.related.products .product-item__outer::after { content: none !important; display: none !important; border: 0 !important; background: none !important; box-shadow: none !important; } /* Mantener intacto el botón Cyber */ body.cybermonday.single-product section.related.products .add-to-cart-wrap .add_to_cart_button { position: relative !important; z-index: 3 !important; } /* ========================================================= ULTRAPC CYBER — DOOFINDER Etiqueta de campaña en esquina inferior derecha ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__tipo-oferta { position: absolute !important; top: auto !important; left: auto !important; right: 10px !important; bottom: 10px !important; transform: none !important; z-index: 15 !important; margin: 0 !important; } /* También cubrir el contenedor móvil de Doofinder */ body.cybermonday #df-mobile__content__dffullscreen .df-card_letsee .df-card__tipo-oferta { top: auto !important; left: auto !important; right: 10px !important; bottom: 10px !important; transform: none !important; } /* ========================================================= ULTRAPC CYBER — DOOFINDER Etiqueta Cybermonday dentro del recuadro de imagen ========================================================= */ /* La caja de imagen será la referencia */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee:has(.df-card__tipo-oferta) .df-card__image { position: relative !important; overflow: hidden !important; } /* Ocultar la etiqueta original que estaba fuera de lugar */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee .df-card__tipo-oferta { display: none !important; } /* Recrear etiqueta dentro de la imagen */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee:has(.df-card__tipo-oferta) .df-card__image::after { content: "Cybermonday"; position: absolute !important; right: 12px !important; bottom: 12px !important; z-index: 8 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 33px !important; padding: 0 16px !important; border-radius: 12px !important; background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border: 1px solid rgba(255,255,255,.18) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0 !important; white-space: nowrap !important; text-shadow: 0 1px 2px rgba(0,0,0,.18) !important; box-shadow: 0 6px 14px rgba(255,174,102,.28), inset 0 1px 0 rgba(255,255,255,.24) !important; } /* ========================================================= ULTRAPC CYBER — DOOFINDER Cybermonday PNG real dentro del recuadro de imagen ========================================================= */ /* La foto sirve como referencia de posicionamiento */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee:has(.df-card__tipo-oferta) .df-card__image { position: relative !important; overflow: hidden !important; } /* Ocultar la etiqueta HTML original */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee .df-card__tipo-oferta { display: none !important; } /* Insertar el PNG Cybermonday real */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee:has(.df-card__tipo-oferta) .df-card__image::after { content: "" !important; position: absolute !important; right: 10px !important; bottom: 10px !important; z-index: 20 !important; display: block !important; width: 128px !important; height: 32px !important; padding: 0 !important; margin: 0 !important; background: transparent url("../../img/cybermonday-2026.png") center / contain no-repeat !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; animation: none !important; transform: none !important; pointer-events: none !important; } /* ========================================================= ULTRAPC CYBER — CARRITO Beneficios inferiores: solo borde exterior ========================================================= */ /* Mantener el contenedor principal intacto */ body.cybermonday.woocommerce-cart .upc-cart-benefits { overflow: hidden !important; } /* Quitar bordes individuales de cada beneficio */ body.cybermonday.woocommerce-cart .upc-cart-benefit { border: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; } /* Quitar divisores verticales entre los tres bloques */ body.cybermonday.woocommerce-cart .upc-cart-benefit + .upc-cart-benefit { border-left: 0 !important; border-top: 0 !important; } /* Icono sin caja/borde rectangular */ body.cybermonday.woocommerce-cart .upc-cart-benefit__icon { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; } /* Texto sin caja */ body.cybermonday.woocommerce-cart .upc-cart-benefit__text, body.cybermonday.woocommerce-cart .upc-cart-benefit__text strong, body.cybermonday.woocommerce-cart .upc-cart-benefit__text small { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; } /* Por si los rectángulos vienen de pseudo-elementos */ body.cybermonday.woocommerce-cart .upc-cart-benefit::before, body.cybermonday.woocommerce-cart .upc-cart-benefit::after, body.cybermonday.woocommerce-cart .upc-cart-benefit__icon::before, body.cybermonday.woocommerce-cart .upc-cart-benefit__icon::after, body.cybermonday.woocommerce-cart .upc-cart-benefit__text::before, body.cybermonday.woocommerce-cart .upc-cart-benefit__text::after { content: none !important; display: none !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= ULTRAPC CYBER — PEDIDO RECIBIDO Confirmacion + deposito bancario + comprobante ========================================================= */ /* ========================================================= 1. CANVAS GENERAL ========================================================= */ body.cybermonday.woocommerce-order-received, body.cybermonday.woocommerce-order-received .site-content, body.cybermonday.woocommerce-order-received .site-main, body.cybermonday.woocommerce-order-received .woocommerce, body.cybermonday.woocommerce-order-received .woocommerce-order { background: transparent !important; color: #efeae4 !important; } body.cybermonday.woocommerce-order-received { background: radial-gradient( circle at 88% 12%, rgba(128,11,211,.14), transparent 31% ), radial-gradient( circle at 6% 35%, rgba(255,149,56,.07), transparent 27% ), linear-gradient( 180deg, var(--upc-cyber-panel-dark) 0%, #190f22 50%, var(--upc-cyber-panel-dark) 100% ) !important; } /* ========================================================= 2. MENSAJE PEDIDO RECIBIDO ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-thankyou-order-received { background: linear-gradient( 145deg, #271a32, #1d1226 ) !important; color: #f9f6f4 !important; border: 1px solid rgba(255,149,56,.22) !important; border-radius: 16px !important; box-shadow: 0 10px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important; } body.cybermonday.woocommerce-order-received .woocommerce-thankyou-order-received::before { color: #ffa04d !important; border-color: rgba(255,149,56,.30) !important; background: rgba(255,149,56,.08) !important; } /* ========================================================= 3. RESUMEN SUPERIOR Pedido / fecha / email / total / pago ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-overview { background: linear-gradient( 145deg, #271a32, #1d1227 ) !important; border: 1px solid rgba(255,149,56,.19) !important; border-radius: 16px !important; box-shadow: 0 10px 28px rgba(0,0,0,.18) !important; overflow: hidden !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-overview li, body.cybermonday.woocommerce-order-received .woocommerce-order-overview li:nth-child(even), body.cybermonday.woocommerce-order-received .woocommerce-order-overview li:nth-child(odd) { background: transparent !important; color: #b5aca3 !important; border-color: rgba(255,149,56,.11) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-overview li strong { color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-overview__total strong { color: #ffaa60 !important; -webkit-text-fill-color: #ffaa60 !important; } /* ========================================================= 4. DETALLES DEL PEDIDO ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details { background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.08), transparent 42% ), linear-gradient( 145deg, #271a32, #1c1126 ) !important; border: 1px solid rgba(255,149,56,.19) !important; border-radius: 16px !important; box-shadow: 0 10px 28px rgba(0,0,0,.18) !important; overflow: hidden !important; } /* Título */ body.cybermonday.woocommerce-order-received .woocommerce-order-details__title { color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; border-color: rgba(255,149,56,.12) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details__title::before { background: linear-gradient( 135deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; border: 1px solid rgba(255,149,56,.18) !important; } /* ========================================================= 5. TABLA PEDIDO ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details { background: transparent !important; color: #ede7e1 !important; border-color: rgba(255,149,56,.12) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details thead, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details thead tr, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details thead th { background: #23162e !important; color: #b4aba1 !important; border-color: rgba(255,149,56,.12) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tbody tr, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tbody td, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tbody th { background: transparent !important; color: #efeae4 !important; border-color: rgba(255,149,56,.10) !important; } /* Footer de tabla */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot th, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot td { background: #20142a !important; color: #d1cbc4 !important; border-color: rgba(255,149,56,.11) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child th, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child td { color: #faf8f7 !important; font-weight: 800 !important; } /* Total */ body.cybermonday.woocommerce-order-received .woocommerce-order-details .amount { color: #ffac63 !important; -webkit-text-fill-color: #ffac63 !important; } /* Links producto */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a { color: #f7f4f2 !important; } /* ========================================================= 6. BOTONES PAGAR / CANCELAR ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details .button { border-radius: 9px !important; font-weight: 700 !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button:first-of-type { background: linear-gradient( 105deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; border: 0 !important; } /* ========================================================= 7. ZONA DEPOSITO / SUBIR ARCHIVOS ========================================================= */ /* * order-upload-success.css genera distintos wrappers. * Cubrimos únicamente la zona del pedido recibido. */ body.cybermonday.woocommerce-order-received .woocommerce-order section, body.cybermonday.woocommerce-order-received .woocommerce-order form { color: #efeae4 !important; } /* Títulos */ body.cybermonday.woocommerce-order-received .woocommerce-order section h2, body.cybermonday.woocommerce-order-received .woocommerce-order section h3, body.cybermonday.woocommerce-order-received .woocommerce-order section h4, body.cybermonday.woocommerce-order-received .woocommerce-order form h2, body.cybermonday.woocommerce-order-received .woocommerce-order form h3 { color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; } /* Texto normal */ body.cybermonday.woocommerce-order-received .woocommerce-order section p, body.cybermonday.woocommerce-order-received .woocommerce-order section li, body.cybermonday.woocommerce-order-received .woocommerce-order form p, body.cybermonday.woocommerce-order-received .woocommerce-order form label { color: #c8c2bb !important; } /* ========================================================= 8. COMPONENTES PERSONALIZADOS DE DEPOSITO ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order [class*="deposit"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="deposito"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="bank"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="banc"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="comprobante"] { color: #d0c9c2 !important; border-color: rgba(255,149,56,.16) !important; } /* * Tarjetas / wrappers principales. * Evitamos tocar spans o iconos. */ body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="deposit"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="deposito"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="bank"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="banc"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="comprobante"] { background-color: #20142a !important; } /* ========================================================= 9. AVISOS ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-info, body.cybermonday.woocommerce-order-received .woocommerce-message, body.cybermonday.woocommerce-order-received .woocommerce-notice, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"] { background: linear-gradient( 145deg, #241730, #1e1228 ) !important; color: #d1cbc4 !important; border: 1px solid rgba(255,149,56,.17) !important; border-left: 3px solid #ffae66 !important; border-radius: 10px !important; box-shadow: none !important; } body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"] strong, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"] strong { color: #f9f6f4 !important; } /* ========================================================= 10. DATOS BANCARIOS ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order table:not(.woocommerce-table--order-details) { background: #20142a !important; color: #d9d3cd !important; border-color: rgba(255,149,56,.12) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order table:not(.woocommerce-table--order-details) th, body.cybermonday.woocommerce-order-received .woocommerce-order table:not(.woocommerce-table--order-details) td { background: transparent !important; color: #d9d3cd !important; border-color: rgba(255,149,56,.10) !important; } /* Botón copiar */ body.cybermonday.woocommerce-order-received .woocommerce-order button, body.cybermonday.woocommerce-order-received .woocommerce-order .button { border-radius: 9px !important; } body.cybermonday.woocommerce-order-received .woocommerce-order button:not(.cancel):not(.woocommerce-button) { background: linear-gradient( 105deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; border: 0 !important; box-shadow: 0 6px 16px rgba(255,153,64,.17) !important; } /* ========================================================= 11. CARGA DE ARCHIVO ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order input[type="file"] { background: #1c1026 !important; color: #d3ccc5 !important; border: 1px dashed rgba(255,149,56,.31) !important; border-radius: 12px !important; } body.cybermonday.woocommerce-order-received .woocommerce-order input[type="file"]::file-selector-button { background: linear-gradient( 135deg, var(--upc-cyber-blue), #ffa04c ) !important; color: #ffffff !important; border: 0 !important; border-radius: 8px !important; font-weight: 700 !important; } /* Dropzones */ body.cybermonday.woocommerce-order-received .woocommerce-order [class*="dropzone"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="upload-area"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="upload-box"] { background: #1c1126 !important; color: #c8c2bb !important; border: 1px dashed rgba(255,149,56,.31) !important; border-radius: 12px !important; box-shadow: none !important; } /* ========================================================= 12. DIRECCIONES ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-customer-details { background: transparent !important; color: #efeae4 !important; } body.cybermonday.woocommerce-order-received .woocommerce-customer-details .woocommerce-column { background: linear-gradient( 145deg, #271a32, #1c1126 ) !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(0,0,0,.17) !important; } body.cybermonday.woocommerce-order-received .woocommerce-customer-details h2, body.cybermonday.woocommerce-order-received .woocommerce-customer-details h3 { color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; } body.cybermonday.woocommerce-order-received .woocommerce-customer-details address { background: transparent !important; color: #c8c2bb !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 13. LINKS / ACENTOS ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order a:not(.button) { color: #ffae66 !important; } /* ========================================================= 14. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.woocommerce-order-received .woocommerce-order-overview, body.cybermonday.woocommerce-order-received .woocommerce-order-details, body.cybermonday.woocommerce-order-received .woocommerce-customer-details .woocommerce-column { border-radius: 13px !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-overview li { border-bottom: 1px solid rgba(255,149,56,.10) !important; } } /* ========================================================= ULTRAPC CYBER — PEDIDO RECIBIDO R2 Headers + contraste + direcciones ========================================================= */ /* ========================================================= 1. HEADER "DETALLES DEL PEDIDO" ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title { margin: 0 !important; padding: 22px 24px 20px 72px !important; min-height: 78px !important; background: linear-gradient( 110deg, #271a32 0%, #281b33 100% ) !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; border: 0 !important; border-bottom: 1px solid rgba(255,149,56,.14) !important; box-shadow: none !important; } /* Subtítulo generado debajo */ body.cybermonday.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title::after { color: #a69d94 !important; -webkit-text-fill-color: #a69d94 !important; opacity: 1 !important; } /* Número 1 */ body.cybermonday.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title::before { background: linear-gradient( 135deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid rgba(255,149,56,.18) !important; box-shadow: 0 0 14px rgba(255,153,64,.16) !important; } /* ========================================================= 2. TABLA — CONTRASTE ========================================================= */ /* Producto */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tbody td, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tbody td a { color: #f6f3f1 !important; -webkit-text-fill-color: #f6f3f1 !important; } /* Nombre producto en cyan suave */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details .product-name a { color: #ffad66 !important; -webkit-text-fill-color: #ffad66 !important; } /* Filas resumen */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot th { color: #c8c2bb !important; -webkit-text-fill-color: #c8c2bb !important; font-weight: 700 !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot td { color: #efeae4 !important; -webkit-text-fill-color: #efeae4 !important; } /* Total final */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child th { color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; font-weight: 800 !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child td, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child .amount { color: #ffa250 !important; -webkit-text-fill-color: #ffa250 !important; font-weight: 800 !important; } /* Nota / acciones */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details th, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details td { border-color: rgba(255,149,56,.11) !important; } /* ========================================================= 3. BOTONES PAGAR / CANCELAR ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay { background: linear-gradient( 105deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 0 !important; box-shadow: 0 6px 16px rgba(255,153,64,.18) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel { background: rgba(255,80,105,.08) !important; color: #ff8294 !important; -webkit-text-fill-color: #ff8294 !important; border: 1px solid rgba(255,80,105,.38) !important; box-shadow: none !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:hover { background: rgba(255,80,105,.14) !important; } /* ========================================================= 4. DIRECCIONES — CARDS ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-customer-details .woocommerce-column { overflow: hidden !important; background: linear-gradient( 145deg, #261a31, #1c1126 ) !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 15px !important; box-shadow: 0 8px 24px rgba(0,0,0,.18) !important; } /* Headers blancos de Dirección de facturación / envío */ body.cybermonday.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title, body.cybermonday.woocommerce-order-received .woocommerce-customer-details h2 { margin: 0 !important; padding: 20px 22px 18px 66px !important; min-height: 76px !important; background: linear-gradient( 110deg, #271a32, #281b33 ) !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; border: 0 !important; border-bottom: 1px solid rgba(255,149,56,.13) !important; box-shadow: none !important; } /* Subtítulos */ body.cybermonday.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title::after, body.cybermonday.woocommerce-order-received .woocommerce-customer-details h2::after { color: #a69d94 !important; -webkit-text-fill-color: #a69d94 !important; opacity: 1 !important; } /* Número 2 / 3 */ body.cybermonday.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title::before, body.cybermonday.woocommerce-order-received .woocommerce-customer-details h2::before { background: linear-gradient( 135deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid rgba(255,149,56,.18) !important; box-shadow: 0 0 12px rgba(255,153,64,.14) !important; } /* Datos de dirección */ body.cybermonday.woocommerce-order-received .woocommerce-customer-details address { padding: 22px 24px !important; margin: 0 !important; background: transparent !important; color: #d0cac4 !important; -webkit-text-fill-color: #d0cac4 !important; font-style: normal !important; line-height: 1.75 !important; border: 0 !important; } /* Texto interior */ body.cybermonday.woocommerce-order-received .woocommerce-customer-details address p, body.cybermonday.woocommerce-order-received .woocommerce-customer-details address span, body.cybermonday.woocommerce-order-received .woocommerce-customer-details address strong { color: #d0cac4 !important; -webkit-text-fill-color: #d0cac4 !important; } /* ========================================================= 5. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title, body.cybermonday.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title, body.cybermonday.woocommerce-order-received .woocommerce-customer-details h2 { padding: 18px 18px 17px 60px !important; min-height: 70px !important; } body.cybermonday.woocommerce-order-received .woocommerce-customer-details address { padding: 19px !important; } } /* ========================================================= ULTRAPC CYBER — PEDIDO RECIBIDO R3 Upload / avisos / acciones ========================================================= */ /* ========================================================= 1. FILAS NOTA / ACCIONES ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tbody tr:last-child th, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tbody tr:last-child td, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr td, body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tfoot tr th { color: #efeae4 !important; -webkit-text-fill-color: #efeae4 !important; } /* Nota / valor */ body.cybermonday.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details tr td:last-child { color: #ffae66 !important; -webkit-text-fill-color: #ffae66 !important; } /* ========================================================= 2. BOTONES PAGAR / CANCELAR ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button, body.cybermonday.woocommerce-order-received .woocommerce-order-details button.button { min-height: 38px !important; padding: 0 16px !important; border-radius: 10px !important; font-weight: 700 !important; line-height: 38px !important; text-decoration: none !important; } /* Pagar */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"] { background: linear-gradient( 105deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 0 !important; box-shadow: 0 8px 18px rgba(255,153,64,.20) !important; } /* Cancelar */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] { background: rgba(255,95,120,.09) !important; color: #ff8a9b !important; -webkit-text-fill-color: #ff8a9b !important; border: 1px solid rgba(255,95,120,.34) !important; box-shadow: none !important; } /* ========================================================= 3. BLOQUES INFORMATIVOS Importante / Carga del comprobante / Ten en cuenta ========================================================= */ /* Caja principal */ body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="important"], body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="comprobante"] { background: linear-gradient( 145deg, #23162f, #1e1228 ) !important; border: 1px solid rgba(255,149,56,.18) !important; border-left: 3px solid #ffae66 !important; border-radius: 12px !important; box-shadow: none !important; } /* Quitar cajas internas duplicadas */ body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"] > div, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"] > div, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="important"] > div, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="comprobante"] > div { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } /* Titulares dentro de avisos */ body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"] strong, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"] strong, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="important"] strong, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="comprobante"] strong, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"] b, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"] b, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="important"] b, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="comprobante"] b { color: #f9f6f4 !important; -webkit-text-fill-color: #f9f6f4 !important; } /* Texto de los avisos */ body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"] p, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"] p, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="important"] p, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="comprobante"] p, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="notice"] span, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="alert"] span, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="important"] span, body.cybermonday.woocommerce-order-received .woocommerce-order div[class*="comprobante"] span { color: #d0cac3 !important; -webkit-text-fill-color: #d0cac3 !important; } /* ========================================================= 4. DROPZONE / AREA DE SUBIDA ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order .dropzone, body.cybermonday.woocommerce-order-received .woocommerce-order .dz-clickable, body.cybermonday.woocommerce-order-received .woocommerce-order [class*="dropzone"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="upload-area"], body.cybermonday.woocommerce-order-received .woocommerce-order [class*="upload-box"] { background: linear-gradient( 145deg, #20142b, #1c1126 ) !important; color: #c8c2bb !important; border: 1px dashed rgba(255,149,56,.34) !important; border-radius: 14px !important; box-shadow: none !important; } /* Icono y texto de la zona de carga */ body.cybermonday.woocommerce-order-received .woocommerce-order .dropzone *, body.cybermonday.woocommerce-order-received .woocommerce-order .dz-clickable *, body.cybermonday.woocommerce-order-received .woocommerce-order [class*="dropzone"] *, body.cybermonday.woocommerce-order-received .woocommerce-order [class*="upload-area"] *, body.cybermonday.woocommerce-order-received .woocommerce-order [class*="upload-box"] * { color: #d1cbc4 !important; -webkit-text-fill-color: #d1cbc4 !important; border-color: rgba(255,149,56,.16) !important; } /* CTA dentro del área de carga */ body.cybermonday.woocommerce-order-received .woocommerce-order .dropzone .dz-message, body.cybermonday.woocommerce-order-received .woocommerce-order [class*="dropzone"] .dz-message { color: #efeae5 !important; -webkit-text-fill-color: #efeae5 !important; } /* ========================================================= 5. INPUT RUT / IDENTIFICACION ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order input[type="text"], body.cybermonday.woocommerce-order-received .woocommerce-order input[type="email"], body.cybermonday.woocommerce-order-received .woocommerce-order input[type="tel"], body.cybermonday.woocommerce-order-received .woocommerce-order textarea { background: #1c1026 !important; color: #f9f6f4 !important; -webkit-text-fill-color: #f9f6f4 !important; border: 1px solid rgba(255,149,56,.28) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order input::placeholder, body.cybermonday.woocommerce-order-received .woocommerce-order textarea::placeholder { color: #a69e95 !important; -webkit-text-fill-color: #a69e95 !important; opacity: 1 !important; } /* ========================================================= 6. ESPACIADO / LIMPIEZA ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order section, body.cybermonday.woocommerce-order-received .woocommerce-order form { gap: 0 !important; } body.cybermonday.woocommerce-order-received .woocommerce-order hr { border-color: rgba(255,149,56,.10) !important; opacity: 1 !important; } /* ========================================================= ULTRAPC CYBER — FIX BOTONES PAGAR / CANCELAR Pedido recibido ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"], body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 88px !important; height: 40px !important; padding: 0 18px !important; margin: 0 6px 0 0 !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; transition: all .18s ease !important; } /* PAGAR */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"] { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 0 !important; text-shadow: none !important; box-shadow: 0 8px 18px rgba(255,168,91,.24) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:hover, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:hover { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; transform: translateY(-1px) !important; } /* CANCELAR */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] { background: transparent !important; color: #ff8ea0 !important; -webkit-text-fill-color: #ff8ea0 !important; border: 1px solid rgba(255,110,135,.42) !important; text-shadow: none !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:hover, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:hover { background: rgba(255,110,135,.10) !important; color: #ff9daf !important; -webkit-text-fill-color: #ff9daf !important; border-color: rgba(255,110,135,.58) !important; } /* Evitar estados heredados raros */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:focus { outline: none !important; } /* Si el tema mete spans internos */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"] *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] * { color: inherit !important; -webkit-text-fill-color: inherit !important; } /* ========================================================= ULTRAPC CYBER — FIX BOTONES PAGAR / CANCELAR Pedido recibido ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"], body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 88px !important; height: 40px !important; padding: 0 18px !important; margin: 0 6px 0 0 !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; transition: all .18s ease !important; } /* PAGAR */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"] { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 0 !important; text-shadow: none !important; box-shadow: 0 8px 18px rgba(255,168,91,.24) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:hover, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:hover { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; transform: translateY(-1px) !important; } /* CANCELAR */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] { background: transparent !important; color: #ff8ea0 !important; -webkit-text-fill-color: #ff8ea0 !important; border: 1px solid rgba(255,110,135,.42) !important; text-shadow: none !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:hover, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:hover { background: rgba(255,110,135,.10) !important; color: #ff9daf !important; -webkit-text-fill-color: #ff9daf !important; border-color: rgba(255,110,135,.58) !important; } /* Evitar estados heredados raros */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:focus { outline: none !important; } /* Si el tema mete spans internos */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"] *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] * { color: inherit !important; -webkit-text-fill-color: inherit !important; } /* ========================================================= ULTRAPC CYBER — FIX BOTONES PAGAR / CANCELAR Pedido recibido ========================================================= */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"], body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 88px !important; height: 40px !important; padding: 0 18px !important; margin: 0 6px 0 0 !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; transition: all .18s ease !important; } /* PAGAR */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"] { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 0 !important; text-shadow: none !important; box-shadow: 0 8px 18px rgba(255,168,91,.24) !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:hover, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:hover { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; transform: translateY(-1px) !important; } /* CANCELAR */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] { background: transparent !important; color: #ff8ea0 !important; -webkit-text-fill-color: #ff8ea0 !important; border: 1px solid rgba(255,110,135,.42) !important; text-shadow: none !important; } body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:hover, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:hover { background: rgba(255,110,135,.10) !important; color: #ff9daf !important; -webkit-text-fill-color: #ff9daf !important; border-color: rgba(255,110,135,.58) !important; } /* Evitar estados heredados raros */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"]:focus, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:visited, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"]:focus { outline: none !important; } /* Si el tema mete spans internos */ body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.pay *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button.cancel *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="pay"] *, body.cybermonday.woocommerce-order-received .woocommerce-order-details a.button[href*="cancel"] * { color: inherit !important; -webkit-text-fill-color: inherit !important; } /* ========================================================= ULTRAPC CYBER — WEBPAY PREVIEW R1 Vista administrativa de transaccion aprobada ========================================================= */ /* ========================================================= CONTENEDOR GENERAL ========================================================= */ body.ultrapc-webpay-preview .ultrapc-webpay-preview-page .container { max-width: 1180px !important; padding-top: 34px !important; padding-bottom: 60px !important; } /* ========================================================= TRANSACCION APROBADA ========================================================= */ body.ultrapc-webpay-preview .ultrapc-webpay-status { position: relative !important; display: flex !important; align-items: center !important; gap: 14px !important; margin: 0 0 34px !important; padding: 18px 22px !important; background: linear-gradient( 105deg, rgba(255,154,66,.12), rgba(128,11,211,.10) ) !important; border: 1px solid rgba(255,149,56,.24) !important; border-left: 4px solid #ffa85c !important; border-radius: 14px !important; color: #fbfaf9 !important; -webkit-text-fill-color: #fbfaf9 !important; font-size: 16px !important; font-weight: 700 !important; box-shadow: 0 10px 28px rgba(0,0,0,.16) !important; } body.ultrapc-webpay-preview .ultrapc-webpay-status::before { content: "✓" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 34px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: linear-gradient( 135deg, #ff9940, #ffa353 ) !important; color: #ffffff !important; font-size: 18px !important; font-weight: 800 !important; box-shadow: 0 0 18px rgba(255,149,56,.15) !important; } /* ========================================================= SECCION DETALLES DEL PAGO ========================================================= */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-details { margin: 0 0 34px !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-details > h2 { position: relative !important; margin: 0 0 18px !important; padding: 0 0 14px !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; font-size: 25px !important; font-weight: 750 !important; border-bottom: 1px solid rgba(255,149,56,.14) !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-details > h2::after { content: "" !important; position: absolute !important; left: 0 !important; bottom: -1px !important; width: 150px !important; height: 2px !important; background: linear-gradient( 90deg, var(--upc-cyber-blue), var(--upc-cyber-violet) ) !important; border-radius: 99px !important; } /* ========================================================= CARD PRINCIPAL ========================================================= */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-card { overflow: hidden !important; background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.10), transparent 42% ), linear-gradient( 145deg, #261a31 0%, #1c1126 100% ) !important; border: 1px solid rgba(255,149,56,.19) !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(0,0,0,.19), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* ========================================================= TABLA ========================================================= */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; background: transparent !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr { background: transparent !important; border-bottom: 1px solid rgba(255,149,56,.10) !important; transition: background .16s ease !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:last-child { border-bottom: 0 !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:hover { background: rgba(255,149,56,.025) !important; } /* Celdas */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table th, body.ultrapc-webpay-preview .ultrapc-webpay-payment-table td { padding: 15px 20px !important; vertical-align: middle !important; border: 0 !important; background: transparent !important; } /* Etiquetas */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table th { width: 49% !important; color: #b2aaa1 !important; -webkit-text-fill-color: #b2aaa1 !important; font-size: 14px !important; font-weight: 600 !important; text-align: left !important; } /* Valores */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table td { color: #f4f0ed !important; -webkit-text-fill-color: #f4f0ed !important; font-size: 14px !important; font-weight: 700 !important; text-align: left !important; } /* ========================================================= DATOS DESTACADOS ========================================================= */ /* Transaccion aprobada */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:first-child td { color: #ffae66 !important; -webkit-text-fill-color: #ffae66 !important; } /* Orden de compra */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:nth-child(2) td { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 16px !important; } /* Codigo de autorizacion */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:nth-child(3) td { color: #a230f4 !important; -webkit-text-fill-color: #a230f4 !important; letter-spacing: .3px !important; } /* Tarjeta */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:nth-child(6) td { color: #dfdad4 !important; -webkit-text-fill-color: #dfdad4 !important; letter-spacing: 1px !important; } /* Monto */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:nth-child(9) { background: rgba(255,149,56,.035) !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:nth-child(9) th { color: #eee9e4 !important; -webkit-text-fill-color: #eee9e4 !important; font-weight: 700 !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:nth-child(9) td { color: #ffaa60 !important; -webkit-text-fill-color: #ffaa60 !important; font-size: 20px !important; font-weight: 800 !important; } /* Codigo respuesta 0 */ body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:last-child td { color: #38e7b1 !important; -webkit-text-fill-color: #38e7b1 !important; } /* ========================================================= DETALLES DEL PEDIDO — COHERENCIA CON WEBPAY ========================================================= */ body.ultrapc-webpay-preview .woocommerce-order-details { margin-top: 34px !important; background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.08), transparent 40% ), linear-gradient( 145deg, #261a31, #1c1126 ) !important; border: 1px solid rgba(255,149,56,.19) !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 12px 30px rgba(0,0,0,.18) !important; } body.ultrapc-webpay-preview .woocommerce-order-details__title { background: transparent !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; border-bottom: 1px solid rgba(255,149,56,.13) !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.ultrapc-webpay-preview .ultrapc-webpay-preview-page .container { padding-left: 14px !important; padding-right: 14px !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-details > h2 { font-size: 21px !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table th, body.ultrapc-webpay-preview .ultrapc-webpay-payment-table td { padding: 12px 14px !important; font-size: 12px !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table th { width: 52% !important; } body.ultrapc-webpay-preview .ultrapc-webpay-payment-table tr:nth-child(9) td { font-size: 17px !important; } } /* ========================================================= ULTRAPC CYBER — DOOFINDER Unificar color precio normal + precio oferta ========================================================= */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee .df-card__price, body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee .df-card__price--new { color: var(--upc-cyber-border) !important; -webkit-text-fill-color: var(--upc-cyber-border) !important; opacity: 1 !important; text-shadow: 0 0 12px rgba(255,149,56,.12) !important; } /* Cubrir texto interno si Doofinder lo envuelve en span */ body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee .df-card__price span, body.cybermonday :is(#dffullscreen, #df-mobile__content__dffullscreen) .df-card_letsee .df-card__price--new span { color: var(--upc-cyber-border) !important; -webkit-text-fill-color: var(--upc-cyber-border) !important; } /* ========================================================= ULTRAPC CYBER — PERFORMANCE P1 Mantener fondo neon, quitar animacion pesada ========================================================= */ body.cybermonday.home::before, body.cybermonday.home::after { animation: none !important; will-change: auto !important; } /* ========================================================= ULTRAPC CYBER — PERFORMANCE P5 Galeria estable antes de inicializar FlexSlider ========================================================= */ @media (min-width: 992px) { /* * Antes de que WooCommerce cree .flex-viewport, * mantenemos solamente la imagen principal en el flujo. * * Evita que las imágenes secundarias modifiquen la altura * temporal de la galería durante la inicialización. */ body.cybermonday.single-product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.cybermonday.single-product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child { display: block !important; width: 100% !important; max-width: 100% !important; } /* * Las demás imágenes siguen en el DOM para WooCommerce, * pero no alteran el layout antes de FlexSlider. */ body.cybermonday.single-product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(n+2) { display: none !important; } /* * Reservar la proporción de la imagen principal desde * el primer render. */ body.cybermonday.single-product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image:first-child > a { display: block !important; width: 100% !important; aspect-ratio: 1 / 1; } body.cybermonday.single-product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image:first-child img { width: 100% !important; height: auto !important; display: block !important; } } /* ========================================================= ULTRAPC CYBER — INFO BAR TEXT SEARCH TONE SOLO textos de la barra informativa superior ========================================================= */ body.cybermonday .upc-info-bar .upc-info-bar__item > span { background-image: linear-gradient( 135deg, var(--upc-cyber-blue) 0%, var(--upc-cyber-violet) 58%, #980bc8 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* ========================================================= ULTRAPC CYBER — AJUSTE FINO COLORES HEADER ========================================================= */ /* 1. BARRA INFORMATIVA SUPERIOR Letras celeste sólido */ body.cybermonday .upc-info-bar .upc-info-bar__item > span { background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: #ffa455 !important; color: #ffa455 !important; } /* Mantener los strong en el mismo celeste */ body.cybermonday .upc-info-bar .upc-info-bar__item > span strong { -webkit-text-fill-color: #ffa455 !important; color: #ffa455 !important; } /* 2. BOTON / LOGO "BIENVENIDO A ULTRAPC" Fondo oscuro Cyber */ body.cybermonday .top-bar #menu-top-bar-left .menu-item:first-child > a { background: linear-gradient( 135deg, #20142a 0%, #2c1d39 55%, #231131 100% ) !important; border: 1px solid rgba(255,164,85, .35) !important; color: #f3efeb !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 10px rgba(255,153,64,.08) !important; } /* Icono dentro de Bienvenido */ body.cybermonday .top-bar #menu-top-bar-left .menu-item:first-child > a i { color: #ffa455 !important; } /* 3. ENLACES DE LA DERECHA Más luminosos */ body.cybermonday .top-bar #menu-contacto .menu-item > a { color: #e3d8cd !important; opacity: 1 !important; } /* Iconos de la derecha */ body.cybermonday .top-bar #menu-contacto .menu-item > a i { color: #d3bca5 !important; opacity: 1 !important; } /* Hover más claro */ body.cybermonday .top-bar #menu-contacto .menu-item > a:hover { color: #ffffff !important; } body.cybermonday .top-bar #menu-contacto .menu-item > a:hover i { color: #ffa455 !important; } /* ========================================================= ULTRAPC CYBER — MOBILE HEADER M1 Header móvil compacto y ordenado Solo Cyber / no afecta desktop ========================================================= */ @media (max-width: 1199.98px) { /* ----------------------------------------------------- CONTENEDOR GENERAL ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 { background: linear-gradient( 115deg, #190f22 0%, #2d1a3e 58%, #220f30 100% ) !important; padding: 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(255,174,102, .35) !important; box-shadow: 0 5px 18px rgba(0,0,0, .18) !important; } body.cybermonday .mobile-header-v2 > .container { width: 100% !important; max-width: 100% !important; padding: 0 12px !important; } /* ----------------------------------------------------- GRID: menú | logo | acciones buscador buscador buscador ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .mobile-header-v2-inner { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) auto !important; grid-template-areas: "menu logo actions" "search search search" !important; align-items: center !important; column-gap: 10px !important; row-gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 8px 0 10px !important; } /* ----------------------------------------------------- HAMBURGUESA ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .off-canvas-navigation-wrapper { grid-area: menu !important; width: 42px !important; margin: 0 !important; padding: 0 !important; } body.cybermonday .mobile-header-v2 .off-canvas-navbar-toggle-buttons { width: 42px !important; height: 42px !important; } body.cybermonday .mobile-header-v2 .navbar-toggler { width: 42px !important; height: 42px !important; min-width: 42px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(32,18,44, .85) !important; border: 1px solid rgba(255,174,102, .38) !important; border-radius: 12px !important; color: #f3efeb !important; box-shadow: inset 0 0 10px rgba(255,174,102, .04) !important; } body.cybermonday .mobile-header-v2 .navbar-toggler i { color: #f3efeb !important; font-size: 23px !important; } /* ----------------------------------------------------- LOGO ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .header-logo { grid-area: logo !important; width: auto !important; max-width: 150px !important; margin: 0 !important; padding: 0 !important; justify-self: start !important; } body.cybermonday .mobile-header-v2 .header-logo-link { display: block !important; width: 100% !important; } body.cybermonday .mobile-header-v2 .header-logo img { display: block !important; width: 140px !important; max-width: 100% !important; height: auto !important; margin: 0 !important; filter: drop-shadow(0 0 7px rgba(255,174,102, .13)); } /* ----------------------------------------------------- CUENTA + CARRITO ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .handheld-header-links { grid-area: actions !important; width: auto !important; margin: 0 !important; padding: 0 !important; } body.cybermonday .mobile-header-v2 .handheld-header-links > ul { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } /* * El buscador real ya está en la segunda fila. * Ocultamos solamente el disparador "Buscar" * duplicado dentro de los iconos. */ body.cybermonday .mobile-header-v2 .handheld-header-links > ul > li.search { display: none !important; } body.cybermonday .mobile-header-v2 .handheld-header-links > ul > li.my-account > a, body.cybermonday .mobile-header-v2 .handheld-header-links > ul > li.cart > a { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; padding: 0 !important; background: rgba(36,21,49, .88) !important; border: 1px solid rgba(255,174,102, .34) !important; border-radius: 50% !important; color: #f5f2ef !important; box-shadow: inset 0 0 12px rgba(255,174,102, .04) !important; } body.cybermonday .mobile-header-v2 .handheld-header-links i { color: #f5f2ef !important; font-size: 20px !important; } /* contador carrito */ body.cybermonday .mobile-header-v2 .cart-items-count { position: absolute !important; top: -5px !important; right: -3px !important; min-width: 17px !important; height: 17px !important; padding: 0 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border: 1px solid var(--upc-cyber-blue) !important; border-radius: 9px !important; color: #f7a45b !important; font-size: 9px !important; font-weight: 800 !important; line-height: 1 !important; } /* ----------------------------------------------------- BUSCADOR PRINCIPAL - SEGUNDA FILA ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .mobile-header-v2-inner > .site-search { grid-area: search !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.cybermonday .mobile-header-v2 .mobile-header-v2-inner > .site-search form.woocommerce-product-search { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; height: 44px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: rgba(19,11,26, .95) !important; border: 1px solid rgba(255,174,102, .72) !important; border-radius: 23px !important; box-shadow: inset 0 0 12px rgba(255,174,102, .035), 0 5px 16px rgba(0,0,0, .16) !important; } body.cybermonday .mobile-header-v2 .mobile-header-v2-inner > .site-search .search-field { flex: 1 1 auto !important; width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 15px !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; color: #f9f6f4 !important; font-size: 13px !important; } body.cybermonday .mobile-header-v2 .mobile-header-v2-inner > .site-search .search-field::placeholder { color: #b6aca3 !important; opacity: 1 !important; } body.cybermonday .mobile-header-v2 .mobile-header-v2-inner > .site-search button[type="submit"] { flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: linear-gradient( 135deg, var(--upc-cyber-blue) 0%, var(--upc-cyber-violet) 60%, #980bc8 100% ) !important; color: #ffffff !important; font-size: 0 !important; box-shadow: 0 0 13px rgba(255,174,102, .16) !important; } /* ----------------------------------------------------- QUITAR ESPACIO VACÍO INFERIOR ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .mobile-handheld-department { display: none !important; } body.cybermonday .mobile-header-v2::after { display: none !important; content: none !important; } } /* ========================================================= ULTRAPC CYBER — MOBILE HEADER M2 Limpieza final del header móvil ========================================================= */ @media (max-width: 1199.98px) { /* ----------------------------------------------------- 1. EVITAR EL SEGUNDO CIRCULO BAJO LA HAMBURGUESA ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .off-canvas-navigation-wrapper:not(.toggled) .navbar-toggle-close { display: none !important; } body.cybermonday .mobile-header-v2 .off-canvas-navigation-wrapper:not(.toggled) .navbar-toggle-hamburger { display: flex !important; } body.cybermonday .mobile-header-v2 .off-canvas-navigation-wrapper.toggled .navbar-toggle-hamburger { display: none !important; } body.cybermonday .mobile-header-v2 .off-canvas-navigation-wrapper.toggled .navbar-toggle-close { display: flex !important; } /* ----------------------------------------------------- 2. BARRA INFORMATIVA MOBILE MAS LEGIBLE ----------------------------------------------------- */ body.cybermonday .upc-info-bar { min-height: 28px !important; } body.cybermonday .upc-info-bar .upc-info-bar__item > span, body.cybermonday .upc-info-bar .upc-info-bar__item > span strong { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; } body.cybermonday .upc-info-bar .upc-info-bar__item > i { color: #e8dccf !important; } /* ----------------------------------------------------- 3. AJUSTE FINO DE LA FILA SUPERIOR ----------------------------------------------------- */ body.cybermonday .mobile-header-v2 .header-logo { align-self: center !important; } body.cybermonday .mobile-header-v2 .handheld-header-links { align-self: center !important; } } /* ========================================================= ULTRAPC CYBER — MOBILE SEARCH BUTTON ROUND Botón de búsqueda estilo círculo como referencia visual ========================================================= */ @media (max-width: 767px) { /* Contenedor del buscador */ body.cybermonday #masthead .site-search, body.cybermonday #masthead .navbar-search { position: relative !important; } /* Input con espacio para el botón circular */ body.cybermonday #masthead .site-search input, body.cybermonday #masthead .navbar-search input, body.cybermonday #masthead input[type="search"] { min-height: 52px !important; height: 52px !important; padding: 0 68px 0 18px !important; border-radius: 26px !important; } /* Botón circular */ body.cybermonday #masthead .site-search button[type="submit"], body.cybermonday #masthead .navbar-search button[type="submit"], body.cybermonday #masthead .site-search .search-submit, body.cybermonday #masthead .navbar-search .search-submit { position: absolute !important; top: 50% !important; right: 5px !important; transform: translateY(-50%) !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; box-shadow: 0 0 0 1px rgba(255,149,56,.18), 0 6px 18px rgba(255,173,102,.28) !important; } /* Icono del botón */ body.cybermonday #masthead .site-search button[type="submit"] i, body.cybermonday #masthead .navbar-search button[type="submit"] i, body.cybermonday #masthead .site-search .search-submit i, body.cybermonday #masthead .navbar-search .search-submit i, body.cybermonday #masthead .site-search button[type="submit"] svg, body.cybermonday #masthead .navbar-search button[type="submit"] svg, body.cybermonday #masthead .site-search .search-submit svg, body.cybermonday #masthead .navbar-search .search-submit svg { color: #ffffff !important; fill: #ffffff !important; font-size: 18px !important; } /* Hover */ body.cybermonday #masthead .site-search button[type="submit"]:hover, body.cybermonday #masthead .navbar-search button[type="submit"]:hover, body.cybermonday #masthead .site-search .search-submit:hover, body.cybermonday #masthead .navbar-search .search-submit:hover { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; } } /* ========================================================= ULTRAPC CYBER — MOBILE DRAWER MENU Menu lateral mobile en sinergia con el tema cyber ========================================================= */ @media (max-width: 767px) { /* Panel principal del menú lateral */ body.cybermonday .handheld-navigation, body.cybermonday .handheld-navigation .dropdown-menu, body.cybermonday .handheld-navigation ul, body.cybermonday .navbar-collapse, body.cybermonday .mobile-nav, body.cybermonday .mobile-navigation { background: linear-gradient( 180deg, #1c1126 0%, #21142c 52%, #2a1a38 100% ) !important; box-shadow: 18px 0 34px rgba(0,0,0,.38), inset -1px 0 0 rgba(255,149,56,.08) !important; } /* Fondo interno y bloques */ body.cybermonday .handheld-navigation ul.menu, body.cybermonday .handheld-navigation .dropdown-menu, body.cybermonday .handheld-navigation .sub-menu, body.cybermonday .mobile-nav-menu { background: transparent !important; } /* Items */ body.cybermonday .handheld-navigation li, body.cybermonday .handheld-navigation .menu-item, body.cybermonday .mobile-nav li { border-bottom: 1px solid rgba(211,188,164, .12) !important; background: transparent !important; } /* Links */ body.cybermonday .handheld-navigation a, body.cybermonday .handheld-navigation li > a, body.cybermonday .mobile-nav a, body.cybermonday .navbar-collapse a { color: #f9f6f4 !important; -webkit-text-fill-color: #f9f6f4 !important; font-weight: 600 !important; letter-spacing: .1px !important; background: transparent !important; transition: background .18s ease, color .18s ease, padding-left .18s ease !important; } /* Hover / item activo */ body.cybermonday .handheld-navigation li:hover > a, body.cybermonday .handheld-navigation li.current-menu-item > a, body.cybermonday .handheld-navigation li.current-menu-parent > a, body.cybermonday .mobile-nav li:hover > a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: linear-gradient( 90deg, rgba(255,149,56,.10) 0%, rgba(128,11,211,.10) 100% ) !important; box-shadow: inset 2px 0 0 #ffa657 !important; padding-left: 18px !important; } /* Flechas / toggles */ body.cybermonday .handheld-navigation .dropdown-toggle, body.cybermonday .handheld-navigation .dropdown-toggle::after, body.cybermonday .handheld-navigation .menu-item-has-children > a::after, body.cybermonday .mobile-nav .dropdown-toggle::after { color: #ffa95e !important; border-color: #ffa95e !important; opacity: 1 !important; } /* Contadores (45), (2), etc */ body.cybermonday .handheld-navigation .count, body.cybermonday .handheld-navigation small, body.cybermonday .handheld-navigation .menu-item-count, body.cybermonday .mobile-nav .count { color: #ffb677 !important; -webkit-text-fill-color: #ffb677 !important; opacity: .82 !important; font-weight: 600 !important; } /* Bloque superior de enlaces de cuenta */ body.cybermonday .handheld-navigation .off-canvas-navbar, body.cybermonday .handheld-navigation .nav-title, body.cybermonday .handheld-navigation .menu-user-area, body.cybermonday .navbar-collapse .top-links { background: linear-gradient( 135deg, rgba(42,25,56,.96), rgba(34,21,45,.96) ) !important; border-bottom: 1px solid rgba(255,149,56,.14) !important; } /* Separadores que se ven muy grises o muy claros */ body.cybermonday .handheld-navigation hr, body.cybermonday .handheld-navigation .divider, body.cybermonday .mobile-nav hr { border-color: rgba(255,149,56,.10) !important; opacity: 1 !important; } /* Scrollbar del panel */ body.cybermonday .handheld-navigation::-webkit-scrollbar, body.cybermonday .navbar-collapse::-webkit-scrollbar { width: 8px; } body.cybermonday .handheld-navigation::-webkit-scrollbar-track, body.cybermonday .navbar-collapse::-webkit-scrollbar-track { background: rgba(255,255,255,.03); } body.cybermonday .handheld-navigation::-webkit-scrollbar-thumb, body.cybermonday .navbar-collapse::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #ffa556, #ffa85c ); border-radius: 999px; } } /* ========================================================= ULTRAPC CYBER — MOBILE DRAWER REAL Selector exacto del off-canvas de Electro ========================================================= */ @media (max-width: 767px) { /* Panel real */ body.cybermonday #default-oc-header.off-canvas-navigation.light { background: linear-gradient( 180deg, #180e20 0%, #21142c 52%, #261a31 100% ) !important; color: #f9f6f4 !important; border-right: 1px solid rgba(255,174,102,.28) !important; box-shadow: 18px 0 38px rgba(0,0,0,.42), inset -1px 0 0 rgba(128,11,211,.10) !important; } /* Eliminar fondos blancos internos */ body.cybermonday #default-oc-header .nav, body.cybermonday #default-oc-header .yawp_wim_wrap, body.cybermonday #default-oc-header .widget-area, body.cybermonday #default-oc-header .yawp_wim_widget, body.cybermonday #default-oc-header .widget_product_categories, body.cybermonday #default-oc-header .product-categories, body.cybermonday #default-oc-header .product-categories .children { background: transparent !important; } /* Items */ body.cybermonday #default-oc-header .menu-item, body.cybermonday #default-oc-header .product-categories li { background: transparent !important; border-bottom: 1px solid rgba(206,180,154,.12) !important; } /* Links */ body.cybermonday #default-oc-header a { color: #f2eee9 !important; -webkit-text-fill-color: #f2eee9 !important; background: transparent !important; font-weight: 600 !important; text-shadow: none !important; } /* Hover */ body.cybermonday #default-oc-header li:hover > a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: linear-gradient( 90deg, rgba(255,149,56,.11), rgba(128,11,211,.12) ) !important; box-shadow: inset 3px 0 0 var(--upc-cyber-border) !important; } /* Contadores */ body.cybermonday #default-oc-header .count { color: #ceb398 !important; -webkit-text-fill-color: #ceb398 !important; opacity: .78 !important; font-weight: 600 !important; } /* Categorías padre / flechas */ body.cybermonday #default-oc-header .cat-parent > a::before, body.cybermonday #default-oc-header .cat-parent > a::after, body.cybermonday #default-oc-header .menu-item-has-children > a::before, body.cybermonday #default-oc-header .menu-item-has-children > a::after { color: #ffa455 !important; border-color: #ffa455 !important; } /* Primeros enlaces superiores */ body.cybermonday #default-oc-header > ul.nav > li > a { color: #f6f3f0 !important; -webkit-text-fill-color: #f6f3f0 !important; border-bottom: 1px solid rgba(255,174,102,.13) !important; } /* Item activo */ body.cybermonday #default-oc-header .current-menu-item > a, body.cybermonday #default-oc-header .current_page_item > a { background: linear-gradient( 90deg, rgba(255,153,64,.28), rgba(128,11,211,.20) ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: inset 3px 0 0 var(--upc-cyber-border) !important; } /* Scrollbar */ body.cybermonday #default-oc-header::-webkit-scrollbar { width: 7px; } body.cybermonday #default-oc-header::-webkit-scrollbar-track { background: #190f22; } body.cybermonday #default-oc-header::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, var(--upc-cyber-border), var(--upc-cyber-violet) ); border-radius: 10px; } } /* ========================================================= ULTRAPC CYBER — CART FOOTER TRUST FIX Restaurar barra inferior limpia en carrito ========================================================= */ @media (min-width: 768px) { /* * Contenedor general: * solo línea superior, sin caja exterior. */ body.cybermonday.woocommerce-cart .ultrapc-footer-trust { border: 0 !important; border-top: 1px solid rgba(255,255,255,.09) !important; padding: 24px 0 0 !important; box-shadow: none !important; background: transparent !important; } /* * Grid de las tres columnas: * eliminar borde que lo convierte en rectángulo. */ body.cybermonday.woocommerce-cart .ultrapc-footer-trust-inner { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; } /* * Cada bloque individual: * sin borde completo. */ body.cybermonday.woocommerce-cart .ultrapc-footer-trust-block { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; } /* * Columna 1: * separador vertical únicamente. */ body.cybermonday.woocommerce-cart .ultrapc-footer-payments { padding: 0 24px 0 0 !important; border-right: 1px solid rgba(255,255,255,.09) !important; } /* * Columna 2: * separador vertical únicamente. */ body.cybermonday.woocommerce-cart .ultrapc-footer-shipping { padding: 0 24px !important; border-right: 1px solid rgba(255,255,255,.09) !important; } /* * Columna 3: * sin borde derecho. */ body.cybermonday.woocommerce-cart .ultrapc-footer-social { padding: 0 0 0 24px !important; border-right: 0 !important; } } /* ========================================================= ULTRAPC CYBER — CART FOOTER TITLE CLEAN Eliminar marcos residuales del texto del trust footer ========================================================= */ body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; } /* * SOLO contenedor del texto. * No afecta .ultrapc-footer-trust-icon. */ body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div strong, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div span, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div small { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; filter: none !important; } /* Neutralizar pseudo-elementos que pudieran venir de reglas globales */ body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div::before, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div::after, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div strong::before, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div strong::after, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div span::before, body.cybermonday.woocommerce-cart .ultrapc-footer-trust-title > div span::after { content: none !important; display: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: none !important; } /* * Mantener explícitamente el icono, * porque su borde sí pertenece al diseño. */ body.cybermonday.woocommerce-cart .ultrapc-footer-trust-icon { border: 1px solid rgba(255,155,68,.18) !important; background: rgba(245,143,55,.16) !important; border-radius: 10px !important; } /* ========================================================= ULTRAPC CYBER — PRODUCT MOBILE BREADCRUMB V2 Breadcrumb compacto, oscuro y horizontal ========================================================= */ @media (max-width: 767px) { /* * Contenedor principal. * * font-size:0 oculta el nombre del producto que WooCommerce * imprime como nodo de texto plano al final del breadcrumb. * Luego restauramos el tamaño únicamente en links y separadores. */ body.cybermonday.single-product .woocommerce-breadcrumb { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 5px !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 8px 9px !important; background: linear-gradient( 135deg, rgba(27,15,37, .98) 0%, rgba(34,21,46, .98) 65%, rgba(47,32,60, .96) 100% ) !important; border: 1px solid rgba(255,174,102,.18) !important; border-radius: 10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 5px 14px rgba(0,0,0,.12) !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; font-size: 0 !important; line-height: 1 !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch; } /* Chrome / Edge / Safari */ body.cybermonday.single-product .woocommerce-breadcrumb::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* --------------------------------------------------------- LINKS / CHIPS --------------------------------------------------------- */ body.cybermonday.single-product .woocommerce-breadcrumb > a { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 27px !important; margin: 0 !important; padding: 5px 8px !important; background: rgba(43,26,58, .92) !important; border: 1px solid rgba(255,174,102,.17) !important; border-radius: 7px !important; color: #ffc28c !important; -webkit-text-fill-color: #ffc28c !important; font-size: 10px !important; font-weight: 650 !important; line-height: 1 !important; white-space: nowrap !important; text-decoration: none !important; box-shadow: none !important; } /* Categoría más profunda: un poco más destacada */ body.cybermonday.single-product .woocommerce-breadcrumb > a:last-of-type { background: linear-gradient( 135deg, rgba(231,113,10, .35), rgba(126,108,90, .32) ) !important; border-color: rgba(255,174,102,.32) !important; color: #e9e2da !important; -webkit-text-fill-color: #e9e2da !important; } /* --------------------------------------------------------- SEPARADORES --------------------------------------------------------- */ body.cybermonday.single-product .woocommerce-breadcrumb .delimiter { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 1px !important; color: var(--upc-cyber-border) !important; -webkit-text-fill-color: var(--upc-cyber-border) !important; font-size: 11px !important; line-height: 1 !important; opacity: .72 !important; } body.cybermonday.single-product .woocommerce-breadcrumb .delimiter i { font-size: 11px !important; } } /* ========================================================= ULTRAPC CYBER — MOBILE GALLERY SPECS V2 Llevar las specs móviles al estilo desktop: 3 columnas + icono + valor ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- GRID 3 x 2 --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-specs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 10px 0 8px !important; } /* --------------------------------------------------------- TARJETAS --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; min-width: 0 !important; min-height: 68px !important; padding: 8px 7px !important; border-radius: 11px !important; text-align: left !important; } /* --------------------------------------------------------- OCULTAR NOMBRE DEL ATRIBUTO PROCESADOR / RAM / DISCO / ETC. --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec__label { display: none !important; } /* --------------------------------------------------------- VALOR --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec__value { flex: 1 1 auto !important; min-width: 0 !important; display: block !important; margin: 0 !important; color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; font-size: 10.5px !important; font-weight: 750 !important; line-height: 1.12 !important; letter-spacing: -0.15px !important; text-align: left !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; } body.cybermonday.single-product .upc-gallery-spec--gpu .upc-gallery-spec__value, body.cybermonday.single-product .upc-gallery-spec--screen .upc-gallery-spec__value, body.cybermonday.single-product .upc-gallery-spec--keyboard .upc-gallery-spec__value { font-size: 10px !important; } /* --------------------------------------------------------- ICONO BASE --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec::before { flex: 0 0 21px !important; width: 21px !important; height: 21px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; color: var(--upc-cyber-border) !important; -webkit-text-fill-color: var(--upc-cyber-border) !important; font-family: "Font Awesome 5 Free" !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1 !important; text-shadow: 0 0 8px rgba(255,174,102,.18) !important; filter: none !important; } /* CPU */ body.cybermonday.single-product .upc-gallery-spec--cpu::before { content: "\f2db" !important; } /* RAM */ body.cybermonday.single-product .upc-gallery-spec--ram::before { content: "\f538" !important; } /* SSD / ALMACENAMIENTO */ body.cybermonday.single-product .upc-gallery-spec--storage::before { content: "\f0a0" !important; } /* GPU */ body.cybermonday.single-product .upc-gallery-spec--gpu::before { content: "\f03d" !important; } /* PANTALLA */ body.cybermonday.single-product .upc-gallery-spec--screen::before { content: "\f108" !important; } /* TECLADO */ body.cybermonday.single-product .upc-gallery-spec--keyboard::before { content: "\f11c" !important; } } /* ========================================================= ULTRAPC CYBER — MOBILE PRODUCT META DESKTOP STYLE ITEM + CONDICION + STOCK + MARCA en una sola fila ========================================================= */ @media (max-width: 767px) { /* ===================================================== FILA GENERAL ===================================================== */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-row { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100% !important; margin: 8px 0 10px !important; padding: 0 !important; } /* ===================================================== GRUPO IZQUIERDO ITEM + CONDICION + STOCK ===================================================== */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-left { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 6px !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Eliminar márgenes heredados de los tres contenedores */ body.cybermonday.single-product .summary.entry-summary .sku_en_sumario, body.cybermonday.single-product .summary.entry-summary .contenedor-short-ultrapc, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-row .availability { display: inline-flex !important; align-items: center !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== ITEM ===================================================== */ body.cybermonday.single-product .summary.entry-summary .sku_wrapper.sku_sumario { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 32px !important; margin: 0 !important; padding: 0 12px !important; background: linear-gradient( 135deg, var(--upc-cyber-blue) 0%, #f69e50 100% ) !important; border: 1px solid rgba(255,160,76,.52) !important; border-radius: 999px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 4px 10px rgba(255,149,56,.14) !important; } body.cybermonday.single-product .summary.entry-summary .sku_wrapper.sku_sumario .sku { color: inherit !important; -webkit-text-fill-color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } /* ===================================================== CONDICION / SEMINUEVO ===================================================== */ body.cybermonday.single-product .summary.entry-summary .condicion_item_ultrapc { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } body.cybermonday.single-product .summary.entry-summary .condicion_item_ultrapc .condicion { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; min-height: 32px !important; margin: 0 !important; padding: 0 11px !important; background: #f6f3f0 !important; border: 1px solid rgba(42,170,94,.20) !important; border-radius: 999px !important; color: #0b8f46 !important; -webkit-text-fill-color: #0b8f46 !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: none !important; } body.cybermonday.single-product .summary.entry-summary .condicion_item_ultrapc .condicion i { font-size: 11px !important; line-height: 1 !important; color: #159654 !important; -webkit-text-fill-color: #159654 !important; } /* ===================================================== STOCK ===================================================== */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-row .electro-stock-availability { display: inline-flex !important; align-items: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* Si existe Stock:X, no mostrar también Hay existencias */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-row .availability:has(.stock_qty) p.stock { display: none !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-row .stock_qty { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; margin: 0 !important; padding: 0 10px !important; background: #f6f2ef !important; border: 1px solid rgba(243,129,31,.16) !important; border-radius: 999px !important; color: #e5710c !important; -webkit-text-fill-color: #e5710c !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1 !important; white-space: nowrap !important; } /* ===================================================== LOGO MARCA ===================================================== */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-brand { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; margin: 0 0 0 auto !important; padding: 0 !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-brand .brand, body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-brand a { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-brand img { display: block !important; width: 38px !important; max-width: 38px !important; height: 38px !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== PANTALLAS MUY ESTRECHAS ===================================================== */ @media (max-width: 380px) { body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-left { gap: 4px !important; } body.cybermonday.single-product .summary.entry-summary .sku_wrapper.sku_sumario { padding: 0 9px !important; font-size: 11.5px !important; } body.cybermonday.single-product .summary.entry-summary .condicion_item_ultrapc .condicion { padding: 0 8px !important; font-size: 10px !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-row .stock_qty { padding: 0 8px !important; font-size: 10px !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-product-top-meta-brand img { width: 34px !important; max-width: 34px !important; height: 34px !important; } } } /* ========================================================= ULTRAPC CYBER — MOBILE FOTOS DE REFERENCIA V2 Igualar composición móvil con escritorio ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- CONTENEDOR GENERAL --------------------------------------------------------- */ body.cybermonday.single-product .tabla_debajo_de_fotos { width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } body.cybermonday.single-product .tabla_debajo_de_fotos tbody { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 7px !important; } body.cybermonday.single-product .tabla_debajo_de_fotos tr { display: contents !important; } /* --------------------------------------------------------- QUITAR CATEGORIAS DE ESTE MODULO En desktop no forman parte visual de Fotos de Referencia --------------------------------------------------------- */ body.cybermonday.single-product .tabla_debajo_de_fotos .columna_categorias_resumidas { display: none !important; } /* --------------------------------------------------------- TITULO "FOTOS DE REFERENCIA" --------------------------------------------------------- */ body.cybermonday.single-product .tabla_debajo_de_fotos .columna_fotos_referencia { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 30px !important; margin: 0 !important; padding: 5px 10px !important; background: linear-gradient( 135deg, rgba(40,25,54,.98), rgba(52,37,66,.98) ) !important; border: 1px solid rgba(255,174,102,.08) !important; border-radius: 12px !important; text-align: center !important; box-sizing: border-box !important; } body.cybermonday.single-product .tabla_debajo_de_fotos .tipo_de_fotos { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #f9f6f4 !important; -webkit-text-fill-color: #f9f6f4 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; box-shadow: none !important; } /* --------------------------------------------------------- FILA DEL BOTON --------------------------------------------------------- */ body.cybermonday.single-product .tabla_debajo_de_fotos .columna_boton_solicitar_fotos { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 5px 8px !important; background: linear-gradient( 135deg, rgba(33,19,45,.98), rgba(49,35,61,.98) ) !important; border: 1px solid rgba(255,174,102,.08) !important; border-radius: 12px !important; box-sizing: border-box !important; } body.cybermonday.single-product .boton_solicitar_fotos { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.cybermonday.single-product .boton_solicitar_fotos .boton-solicite-fotos { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; margin: 0 !important; padding: 9px 16px !important; border-radius: 10px !important; font-size: 12px !important; font-weight: 800 !important; } /* --------------------------------------------------------- SPECS PEGADAS AL MODULO --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-specs { margin-top: 7px !important; } } /* ========================================================= ULTRAPC CYBER — MOBILE REFERENCE REAL DOM V3 DOM real: .tipo_de_fotos .boton_solicitar_fotos .contenedor-categoria_text ========================================================= */ @media (max-width: 767px) { /* * Las categorías quedan fuera de este módulo en mobile. */ body.cybermonday.single-product .single-product-wrapper > .contenedor-categoria_text { display: none !important; } /* ===================================================== FOTOS DE REFERENCIA ===================================================== */ body.cybermonday.single-product .product-images-wrapper > .tipo_de_fotos { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-height: 30px !important; margin: 9px 0 6px !important; padding: 5px 10px !important; background: linear-gradient( 135deg, rgba(40,25,54,.98), rgba(56,39,70,.98) ) !important; border: 1px solid rgba(255,174,102,.08) !important; border-radius: 12px !important; box-shadow: none !important; box-sizing: border-box !important; text-align: center !important; } /* * El span tiene estilos antiguos de cápsula blanca. * Los neutralizamos. */ body.cybermonday.single-product .product-images-wrapper > .tipo_de_fotos > .texto_tipo_de_fotos { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; } /* ===================================================== SOLICITE FOTOS REALES ===================================================== */ body.cybermonday.single-product .product-images-wrapper > .boton_solicitar_fotos { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-height: 46px !important; margin: 0 0 7px !important; padding: 5px 8px !important; background: linear-gradient( 135deg, rgba(33,19,45,.98), rgba(50,36,63,.98) ) !important; border: 1px solid rgba(255,174,102,.08) !important; border-radius: 12px !important; box-shadow: none !important; box-sizing: border-box !important; text-align: center !important; } body.cybermonday.single-product .product-images-wrapper > .boton_solicitar_fotos > .boton-solicite-fotos { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 40px !important; margin: 0 !important; padding: 9px 15px !important; border-radius: 10px !important; font-size: 12px !important; font-weight: 800 !important; } body.cybermonday.single-product .product-images-wrapper > .boton_solicitar_fotos > .boton-solicite-fotos > span { display: inline !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== SPECS Ya están dentro de product-images-wrapper. Ahora quedan inmediatamente debajo del botón. ===================================================== */ body.cybermonday.single-product .product-images-wrapper > .upc-gallery-specs { margin-top: 0 !important; } } /* ========================================================= ULTRAPC CYBER — DOOFINDER WEB V2 Corrige contraste + tarjetas angostas + grid ========================================================= */ /* ========================================================= 1. CORRECCION GENERAL DE TITULOS ========================================================= */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__title, body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__title * { color: #392e42 !important; -webkit-text-fill-color: #392e42 !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important; filter: none !important; mix-blend-mode: normal !important; } /* ========================================================= 2. GRID DESKTOP REAL ========================================================= */ /* Pantallas grandes */ @media (min-width: 1501px) { body.cybermonday #df-results__wrapper__dffullscreen.df-results { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; } } /* Notebook / desktop normal */ @media (min-width: 1101px) and (max-width: 1500px) { body.cybermonday #df-results__wrapper__dffullscreen.df-results { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; } } /* Desktop angosto / tablet horizontal */ @media (min-width: 801px) and (max-width: 1100px) { body.cybermonday #df-results__wrapper__dffullscreen.df-results { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; padding: 12px !important; } } /* ========================================================= 3. LAYOUT ANGOSTO DOOFINDER Es exactamente el modo que aparece en tu captura. ========================================================= */ @media (max-width: 800px) { /* ----------------------------- GRID ----------------------------- */ body.cybermonday #df-results__wrapper__dffullscreen.df-results { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; padding: 8px !important; } /* ----------------------------- CARD ----------------------------- */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee { min-width: 0 !important; min-height: 390px !important; padding: 9px !important; background: #ffffff !important; border: 1px solid #ede7e1 !important; border-radius: 15px !important; box-shadow: 0 5px 14px rgba(59,37,78,.07) !important; overflow: hidden !important; } /* ----------------------------- IMAGEN ----------------------------- */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__image { height: 130px !important; min-height: 130px !important; flex: 0 0 130px !important; margin: 0 0 7px !important; padding: 3px !important; background: #ffffff !important; border: 1px solid #eee9e3 !important; border-radius: 11px !important; } body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__image img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; transform: none !important; } /* ----------------------------- TITULO ----------------------------- */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__title { display: -webkit-box !important; width: 100% !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; margin: 0 0 7px !important; padding: 0 2px !important; color: #392e42 !important; -webkit-text-fill-color: #392e42 !important; opacity: 1 !important; font-size: 10.5px !important; font-weight: 750 !important; line-height: 1.18 !important; letter-spacing: -.12px !important; text-align: center !important; text-shadow: none !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__title * { color: #392e42 !important; -webkit-text-fill-color: #392e42 !important; opacity: 1 !important; } /* ===================================================== ITEM + SEMINUEVO + STOCK Dos cápsulas arriba y stock centrado abajo ===================================================== */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__contenedor_upc { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: center !important; justify-items: stretch !important; column-gap: 5px !important; row-gap: 5px !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 7px !important; padding: 0 !important; overflow: visible !important; } body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__item, body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__condicion { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; height: 26px !important; min-height: 26px !important; margin: 0 !important; padding: 0 5px !important; box-sizing: border-box !important; border-radius: 999px !important; font-size: 8px !important; font-weight: 850 !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ITEM */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__item { background: #f9f6f4 !important; border: 1px solid #e5d6c8 !important; color: #f59440 !important; -webkit-text-fill-color: #f59440 !important; } /* CONDICION */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__condicion { background: #f7f4f2 !important; border: 1px solid #c6ead3 !important; color: #178247 !important; -webkit-text-fill-color: #178247 !important; -webkit-text-stroke: 0 !important; } body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__condicion::before { font-size: 9px !important; color: #178247 !important; } /* STOCK ocupa fila completa */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__stock-pill { grid-column: 1 / -1 !important; justify-self: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 26px !important; min-height: 26px !important; margin: 0 !important; padding: 0 9px !important; background: #f7f4f1 !important; border: 1px solid #cbe8d4 !important; border-radius: 999px !important; color: #287746 !important; -webkit-text-fill-color: #287746 !important; font-size: 8.5px !important; font-weight: 850 !important; line-height: 1 !important; } /* ----------------------------- PRECIO ----------------------------- */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__pricing { width: 100% !important; margin-top: auto !important; padding-top: 8px !important; border-top: 1px solid #eee8e2 !important; } body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__price, body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__price--new { color: #f48c30 !important; -webkit-text-fill-color: #f48c30 !important; opacity: 1 !important; text-shadow: none !important; font-size: 18px !important; font-weight: 850 !important; text-align: center !important; } /* ----------------------------- AÑADIR AL CARRITO ----------------------------- */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee #contenedor-añadir-carrito { width: 100% !important; margin: 7px 0 0 !important; } body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .link-añadir-carrito { width: 100% !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; padding: 0 7px !important; border-radius: 999px !important; font-size: 9px !important; } /* ----------------------------- FAVORITOS / COMPARAR ----------------------------- */ body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__acciones-secundarias { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; gap: 5px !important; margin: 6px 0 0 !important; } body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__acciones-secundarias .add_to_wishlist, body.cybermonday :is( #df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen ) > .df-card_letsee .df-card__comparar { width: 100% !important; min-width: 0 !important; height: 31px !important; padding: 0 4px !important; font-size: 8px !important; } } /* ========================================================= ULTRAPC CYBER — DOOFINDER RESTORE CARD COLOR Recuperar color Cyber de tarjetas sin perder layout ========================================================= */ @media (min-width: 768px) { body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee { background: linear-gradient( 145deg, #261a31 0%, #1c1126 100% ) !important; border-color: rgba(255,149,56,.24) !important; box-shadow: 0 7px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03) !important; } body.cybermonday #dffullscreen .df-card_letsee .df-card__title, body.cybermonday #dffullscreen .df-card_letsee .df-card__title * { color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; text-shadow: 0 0 7px rgba(255,149,56,.035) !important; } } /* ========================================================= ULTRAPC CYBER — PRODUCT GALLERY PROMO OVERLAYS FINAL SOLO: Cyber + ficha de producto + mobile Descuento: superior izquierda Cyber PNG: inferior derecha ========================================================= */ @media (max-width: 767px) { body.cybermonday.single-product .single-product-wrapper .woocommerce-product-gallery { position: relative !important; overflow: visible !important; } /* Original Cyber oculto */ body.cybermonday.single-product .upc-mobile-cyber-source-hidden { display: none !important; } /* ===================================================== CYBERMONDAY PNG ===================================================== */ body.cybermonday.single-product .single-product-wrapper .woocommerce-product-gallery > .upc-mobile-cyber-overlay { position: absolute !important; top: auto; right: auto; bottom: auto; z-index: 80 !important; display: block !important; width: 156px !important; max-width: 44% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; object-fit: contain !important; pointer-events: none !important; filter: drop-shadow( 0 4px 8px rgba(255,156,69,.34) ) !important; } /* ===================================================== DESCUENTO ===================================================== */ body.cybermonday.single-product .single-product-wrapper .woocommerce-product-gallery > .upc-mobile-discount-overlay { position: absolute !important; right: auto !important; bottom: auto !important; z-index: 85 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 74px !important; min-width: 74px !important; max-width: 74px !important; height: 74px !important; min-height: 74px !important; max-height: 74px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: linear-gradient( 145deg, #ff353d 0%, #ff1821 58%, #ed0009 100% ) !important; box-shadow: 0 6px 15px rgba(255,20,30,.34) !important; overflow: visible !important; pointer-events: none !important; transform: none !important; } body.cybermonday.single-product .single-product-wrapper .woocommerce-product-gallery > .upc-mobile-discount-overlay .porcentaje { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 25px !important; font-weight: 850 !important; line-height: 1 !important; white-space: nowrap !important; } body.cybermonday.single-product .upc-mobile-discount-overlay::before, body.cybermonday.single-product .upc-mobile-discount-overlay::after { content: none !important; display: none !important; } } /* ========================================================= ULTRAPC CYBER — HEADER MINI CART DESKTOP V1 SOLO: - Cybermonday - Header desktop >= 992px NO modifica: - Tema normal - Carrito mobile ========================================================= */ @media (min-width: 992px) { /* ===================================================== PANEL GENERAL ===================================================== */ html body.cybermonday .site-header.header-v3 .header-icon__cart > .dropdown-menu-mini-cart { top: calc(100% + 14px) !important; right: 0 !important; left: auto !important; width: 460px !important; min-width: 460px !important; max-width: 460px !important; margin: 0 !important; padding: 12px !important; color: #f9f6f4 !important; background: linear-gradient( 145deg, rgba(25,14,34,.99) 0%, rgba(33,19,45,.99) 58%, rgba(43,29,55,.98) 100% ) !important; border: 1px solid rgba(255,174,102,.32) !important; border-radius: 18px !important; box-shadow: 0 18px 45px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.025), 0 0 24px rgba(255,166,87,.08) !important; overflow: visible !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* ===================================================== FLECHA SUPERIOR ===================================================== */ html body.cybermonday .site-header.header-v3 .header-icon__cart > .dropdown-menu-mini-cart::before { content: "" !important; position: absolute !important; top: -7px !important; right: 38px !important; width: 13px !important; height: 13px !important; background: #1d1127 !important; border-top: 1px solid rgba(255,174,102,.32) !important; border-left: 1px solid rgba(255,174,102,.32) !important; transform: rotate(45deg) !important; z-index: 2 !important; } /* ===================================================== CONTENIDO ===================================================== */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart .widget_shopping_cart_content { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #f9f6f4 !important; } /* ===================================================== LISTA ===================================================== */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart ul.woocommerce-mini-cart { max-height: 350px !important; margin: 0 !important; padding: 0 3px 0 0 !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(255,174,102,.45) transparent !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart ul.woocommerce-mini-cart::-webkit-scrollbar { width: 5px !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart ul.woocommerce-mini-cart::-webkit-scrollbar-track { background: transparent !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart ul.woocommerce-mini-cart::-webkit-scrollbar-thumb { background: rgba(255,174,102,.42) !important; border: 0 !important; border-radius: 99px !important; } /* ===================================================== PRODUCTO ===================================================== */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart li.woocommerce-mini-cart-item.mini_cart_item { position: relative !important; min-height: 94px !important; margin: 0 0 10px !important; padding: 11px 42px 11px 11px !important; background: linear-gradient( 145deg, rgba(39,23,53,.96), rgba(35,21,47,.96) ) !important; border: 1px solid rgba(255,174,102,.14) !important; border-radius: 14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; color: #f9f6f4 !important; overflow: hidden !important; } /* Link / nombre producto */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart .mini_cart_item > a:not(.remove) { display: block !important; min-height: 65px !important; padding: 0 !important; color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.3 !important; text-decoration: none !important; } /* Imagen */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart .mini_cart_item > a:not(.remove) img { float: left !important; width: 66px !important; height: 66px !important; margin: 0 12px 0 0 !important; padding: 4px !important; object-fit: contain !important; background: #fcfcfb !important; border: 1px solid rgba(255,174,102,.18) !important; border-radius: 10px !important; box-sizing: border-box !important; } /* ===================================================== CANTIDAD + PRECIO ===================================================== */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart .mini_cart_item .quantity { display: block !important; margin: 7px 0 0 78px !important; padding: 0 !important; color: #b5aba1 !important; -webkit-text-fill-color: #b5aba1 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart .mini_cart_item .quantity .woocommerce-Price-amount { color: #ffb26e !important; -webkit-text-fill-color: #ffb26e !important; font-weight: 800 !important; } /* ===================================================== ELIMINAR ===================================================== */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart .mini_cart_item a.remove { position: absolute !important; top: 50% !important; right: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; color: #ff626a !important; -webkit-text-fill-color: #ff626a !important; background: rgba(255,67,75,.08) !important; border: 1px solid rgba(255,79,88,.30) !important; border-radius: 8px !important; font-size: 17px !important; line-height: 1 !important; text-decoration: none !important; transition: background .18s ease, border-color .18s ease, transform .18s ease !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart .mini_cart_item a.remove:hover { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: #ff3e47 !important; border-color: #ff3e47 !important; transform: translateY(-50%) scale(1.05) !important; } /* ===================================================== SUBTOTAL ===================================================== */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.woocommerce-mini-cart__total.total, html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.total { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; margin: 10px 0 !important; padding: 12px 14px !important; background: rgba(39,22,54,.88) !important; border: 1px solid rgba(255,174,102,.18) !important; border-radius: 12px !important; color: #c5beb7 !important; -webkit-text-fill-color: #c5beb7 !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; text-transform: uppercase !important; box-sizing: border-box !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.total .woocommerce-Price-amount { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 14px !important; font-weight: 850 !important; } /* ===================================================== BOTONES ===================================================== */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.woocommerce-mini-cart__buttons.buttons, html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.buttons { display: grid !important; grid-template-columns: 1fr 1.18fr !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.buttons .wc-forward { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 999px !important; box-sizing: border-box !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important; } /* Ver carrito */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.buttons .wc-forward:not(.checkout) { color: #ffc28c !important; -webkit-text-fill-color: #ffc28c !important; background: rgba(32,17,46,.80) !important; border: 1px solid rgba(255,174,102,.48) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } /* Finalizar compra */ html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.buttons .wc-forward.checkout { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border: 1px solid rgba(207,182,156,.35) !important; box-shadow: 0 7px 18px rgba(255,169,94,.22) !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.buttons .wc-forward:hover { transform: translateY(-1px) !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.buttons .wc-forward:not(.checkout):hover { border-color: rgba(255,174,102,.78) !important; box-shadow: 0 0 12px rgba(255,174,102,.10) !important; } html body.cybermonday .site-header.header-v3 .dropdown-menu-mini-cart p.buttons .wc-forward.checkout:hover { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; box-shadow: 0 9px 22px rgba(255,169,94,.30) !important; } } /* ========================================================= ULTRAPC CYBER — PRODUCT PAGE Quitar recuadros de fondo en bloque de fotos/botón SOLO en fichas de producto Cyber ========================================================= */ body.cybermonday.single-product .ultrapc-reference-photos-wrap, body.cybermonday.single-product .ultrapc-reference-photos-section, body.cybermonday.single-product .ultrapc-reference-photos-header-wrap, body.cybermonday.single-product .ultrapc-reference-photos-button-wrap, body.cybermonday.single-product .ultrapc-reference-request-wrap, body.cybermonday.single-product .ultrapc-real-photos-wrap, body.cybermonday.single-product .ultrapc-real-photos-request-wrap, body.cybermonday.single-product .upc-reference-photos-wrap, body.cybermonday.single-product .upc-reference-photos-section, body.cybermonday.single-product .upc-reference-photos-header-wrap, body.cybermonday.single-product .upc-reference-photos-button-wrap, body.cybermonday.single-product .upc-real-photos-wrap, body.cybermonday.single-product .upc-real-photos-request-wrap { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } /* Si algún contenedor extra agrega “marco” alrededor del título/botón */ body.cybermonday.single-product .summary > div:has(.ultrapc-real-photos-btn), body.cybermonday.single-product .summary > div:has(.upc-real-photos-btn), body.cybermonday.single-product .summary > div:has(.ultrapc-reference-photos-title), body.cybermonday.single-product .summary > div:has(.upc-reference-photos-title), body.cybermonday.single-product .summary > div:has(.ultrapc-reference-photos-heading), body.cybermonday.single-product .summary > div:has(.upc-reference-photos-heading) { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Mantener visibles las cápsulas que sí queremos */ body.cybermonday.single-product .ultrapc-reference-photos-title, body.cybermonday.single-product .upc-reference-photos-title, body.cybermonday.single-product .ultrapc-reference-photos-heading, body.cybermonday.single-product .upc-reference-photos-heading, body.cybermonday.single-product .ultrapc-real-photos-btn, body.cybermonday.single-product .upc-real-photos-btn, body.cybermonday.single-product a[href*="fotos"], body.cybermonday.single-product a[href*="reales"] { position: relative !important; z-index: 2 !important; } /* ========================================================= ULTRAPC CYBER — PRODUCT REFERENCE BACKGROUNDS FINAL Quita SOLO los recuadros grandes del fondo: - Fotos de Referencia - Solicite Fotos Reales Conserva: - texto - botón - layout ========================================================= */ body.cybermonday.single-product .single-product-wrapper > .tipo_de_fotos, body.cybermonday.single-product .single-product-wrapper > .boton_solicitar_fotos { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important; } /* ===================================================== BLOQUE "FOTOS DE REFERENCIA" ===================================================== */ body.cybermonday.single-product .single-product-wrapper > .tipo_de_fotos { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 10px 0 8px !important; padding: 0 !important; } /* Texto limpio, sin barra de fondo */ body.cybermonday.single-product .single-product-wrapper > .tipo_de_fotos > .texto_tipo_de_fotos { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ===================================================== CONTENEDOR DEL BOTÓN ===================================================== */ body.cybermonday.single-product .single-product-wrapper > .boton_solicitar_fotos { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 0 12px !important; padding: 0 !important; } /* El botón sí mantiene su diseño actual */ body.cybermonday.single-product .single-product-wrapper > .boton_solicitar_fotos > .boton-solicite-fotos { position: relative !important; z-index: 2 !important; } /* Quitar posibles pseudo-elementos del fondo */ body.cybermonday.single-product .single-product-wrapper > .tipo_de_fotos::before, body.cybermonday.single-product .single-product-wrapper > .tipo_de_fotos::after, body.cybermonday.single-product .single-product-wrapper > .boton_solicitar_fotos::before, body.cybermonday.single-product .single-product-wrapper > .boton_solicitar_fotos::after { content: none !important; display: none !important; background: none !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= ULTRAPC CYBER — L2 PRODUCT TABS VISUAL FIX SOLO productos L2 en tema Cyber - títulos en celeste - fondos blancos convertidos a tarjetas dark ========================================================= */ body.cybermonday.single-product.ultrapc-l2, body.cybermonday.single-product.ultrapc-l2 { --upc-l2-title: var(--upc-cyber-cyan-soft); --upc-l2-text: #f2ede9; --upc-l2-muted: #cdc4bb; --upc-l2-card-bg-1: rgba(27,15,37, .96); --upc-l2-card-bg-2: rgba(38,23,51, .92); --upc-l2-card-border: rgba(255,149,56, .16); } /* --------------------------------------------------------- CONTENEDOR DE TABS --------------------------------------------------------- */ body.cybermonday.single-product.ultrapc-l2 .woocommerce-tabs .panel, body.cybermonday.single-product.ultrapc-l2 .woocommerce-tabs .panel { background: transparent !important; color: var(--upc-l2-text) !important; } /* --------------------------------------------------------- TITULOS DENTRO DE DESCRIPCION / GARANTIA --------------------------------------------------------- */ body.cybermonday.single-product.ultrapc-l2 #tab-description h1, body.cybermonday.single-product.ultrapc-l2 #tab-description h2, body.cybermonday.single-product.ultrapc-l2 #tab-description h3, body.cybermonday.single-product.ultrapc-l2 #tab-description h4, body.cybermonday.single-product.ultrapc-l2 #tab-description h5, body.cybermonday.single-product.ultrapc-l2 #tab-description h6, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h1, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h2, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h3, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h4, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h5, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h6, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h1, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h2, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h3, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h4, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h5, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h6, body.cybermonday.single-product.ultrapc-l2 #tab-description h1, body.cybermonday.single-product.ultrapc-l2 #tab-description h2, body.cybermonday.single-product.ultrapc-l2 #tab-description h3, body.cybermonday.single-product.ultrapc-l2 #tab-description h4, body.cybermonday.single-product.ultrapc-l2 #tab-description h5, body.cybermonday.single-product.ultrapc-l2 #tab-description h6, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h1, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h2, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h3, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h4, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h5, body.cybermonday.single-product.ultrapc-l2 #tab-garantia h6, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h1, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h2, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h3, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h4, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h5, body.cybermonday.single-product.ultrapc-l2 #tab-warranty h6 { color: var(--upc-l2-title) !important; -webkit-text-fill-color: var(--upc-l2-title) !important; text-shadow: 0 0 8px rgba(255,174,102, .08) !important; } /* --------------------------------------------------------- TEXTO GENERAL --------------------------------------------------------- */ body.cybermonday.single-product.ultrapc-l2 #tab-description, body.cybermonday.single-product.ultrapc-l2 #tab-garantia, body.cybermonday.single-product.ultrapc-l2 #tab-warranty, body.cybermonday.single-product.ultrapc-l2 #tab-description, body.cybermonday.single-product.ultrapc-l2 #tab-garantia, body.cybermonday.single-product.ultrapc-l2 #tab-warranty { color: var(--upc-l2-text) !important; } body.cybermonday.single-product.ultrapc-l2 #tab-description p, body.cybermonday.single-product.ultrapc-l2 #tab-description li, body.cybermonday.single-product.ultrapc-l2 #tab-description span, body.cybermonday.single-product.ultrapc-l2 #tab-garantia p, body.cybermonday.single-product.ultrapc-l2 #tab-garantia li, body.cybermonday.single-product.ultrapc-l2 #tab-garantia span, body.cybermonday.single-product.ultrapc-l2 #tab-warranty p, body.cybermonday.single-product.ultrapc-l2 #tab-warranty li, body.cybermonday.single-product.ultrapc-l2 #tab-warranty span, body.cybermonday.single-product.ultrapc-l2 #tab-description p, body.cybermonday.single-product.ultrapc-l2 #tab-description li, body.cybermonday.single-product.ultrapc-l2 #tab-description span, body.cybermonday.single-product.ultrapc-l2 #tab-garantia p, body.cybermonday.single-product.ultrapc-l2 #tab-garantia li, body.cybermonday.single-product.ultrapc-l2 #tab-garantia span, body.cybermonday.single-product.ultrapc-l2 #tab-warranty p, body.cybermonday.single-product.ultrapc-l2 #tab-warranty li, body.cybermonday.single-product.ultrapc-l2 #tab-warranty span { color: var(--upc-l2-text) !important; } /* --------------------------------------------------------- BLOQUES BLANCOS -> TARJETAS CYBER Tomamos SOLO hijos directos para no romper anidaciones --------------------------------------------------------- */ body.cybermonday.single-product.ultrapc-l2 #tab-description > p, body.cybermonday.single-product.ultrapc-l2 #tab-description > div, body.cybermonday.single-product.ultrapc-l2 #tab-description > section, body.cybermonday.single-product.ultrapc-l2 #tab-description > article, body.cybermonday.single-product.ultrapc-l2 #tab-description > ul, body.cybermonday.single-product.ultrapc-l2 #tab-description > ol, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > p, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > div, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > section, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > article, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > ul, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > ol, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > p, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > div, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > section, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > article, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > ul, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > ol, body.cybermonday.single-product.ultrapc-l2 #tab-description > p, body.cybermonday.single-product.ultrapc-l2 #tab-description > div, body.cybermonday.single-product.ultrapc-l2 #tab-description > section, body.cybermonday.single-product.ultrapc-l2 #tab-description > article, body.cybermonday.single-product.ultrapc-l2 #tab-description > ul, body.cybermonday.single-product.ultrapc-l2 #tab-description > ol, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > p, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > div, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > section, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > article, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > ul, body.cybermonday.single-product.ultrapc-l2 #tab-garantia > ol, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > p, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > div, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > section, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > article, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > ul, body.cybermonday.single-product.ultrapc-l2 #tab-warranty > ol { background: linear-gradient( 135deg, var(--upc-l2-card-bg-1) 0%, var(--upc-l2-card-bg-2) 100% ) !important; border: 1px solid var(--upc-l2-card-border) !important; border-radius: 18px !important; box-shadow: 0 10px 26px rgba(0,0,0, .18) !important; color: var(--upc-l2-text) !important; padding: 20px 22px !important; margin: 0 0 16px !important; } /* --------------------------------------------------------- FICHA TECNICA PDF --------------------------------------------------------- */ body.cybermonday.single-product.ultrapc-l2 a[href*="print-products=pdf"], body.cybermonday.single-product.ultrapc-l2 a[href*="print-products=pdf"] *, body.cybermonday.single-product.ultrapc-l2 a[href*="print-products=pdf"], body.cybermonday.single-product.ultrapc-l2 a[href*="print-products=pdf"] * { color: #ffffff !important; } body.cybermonday.single-product.ultrapc-l2 a[href*="print-products=pdf"], body.cybermonday.single-product.ultrapc-l2 a[href*="print-products=pdf"] { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 12px 18px !important; background: linear-gradient(90deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 12px !important; box-shadow: 0 10px 22px rgba(255,149,56, .18) !important; text-decoration: none !important; } /* --------------------------------------------------------- LINKS DESTACADOS --------------------------------------------------------- */ body.cybermonday.single-product.ultrapc-l2 #tab-description a, body.cybermonday.single-product.ultrapc-l2 #tab-garantia a, body.cybermonday.single-product.ultrapc-l2 #tab-warranty a, body.cybermonday.single-product.ultrapc-l2 #tab-description a, body.cybermonday.single-product.ultrapc-l2 #tab-garantia a, body.cybermonday.single-product.ultrapc-l2 #tab-warranty a { color: #ffb26f !important; font-weight: 700 !important; } /* ========================================================= ULTRAPC CYBER — L2 DESCRIPTION + WARRANTY FINAL SOLO: - Cybermonday - Single product - Productos L2 Corrige: - cajas blancas de descripción - textos demasiado claros - títulos oscuros en Garantía ========================================================= */ /* ========================================================= TITULO PRINCIPAL DE DESCRIPCION ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-description .titulo-de-descripcion { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; text-shadow: 0 0 8px rgba(255,174,102,.10) !important; font-weight: 800 !important; } /* ========================================================= DESCRIPCION — CONTENEDOR ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-description .electro-description, body.cybermonday.single-product.ultrapc-l2 #tab-description .descripcion_ultrapc { background: transparent !important; background-color: transparent !important; color: #f2eee9 !important; } /* ========================================================= CAJAS BLANCAS DE DESCRIPCION ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-description .electro-description > p:not(.titulo-de-descripcion), body.cybermonday.single-product.ultrapc-l2 #tab-description .descripcion_ultrapc > p:not(.linea_divisora), body.cybermonday.single-product.ultrapc-l2 #tab-description .descripcionInicial { background: linear-gradient( 135deg, rgba(26,15,36,.97) 0%, rgba(34,20,47,.96) 100% ) !important; background-color: #1b1025 !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 13px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 20px rgba(0,0,0,.13) !important; color: #f2eee9 !important; -webkit-text-fill-color: #f2eee9 !important; } /* Texto interior de esas cajas */ body.cybermonday.single-product.ultrapc-l2 #tab-description .electro-description > p:not(.titulo-de-descripcion) *, body.cybermonday.single-product.ultrapc-l2 #tab-description .descripcion_ultrapc > p:not(.linea_divisora) *, body.cybermonday.single-product.ultrapc-l2 #tab-description .descripcionInicial * { color: #f2eee9 !important; -webkit-text-fill-color: #f2eee9 !important; } /* Links dentro de descripción */ body.cybermonday.single-product.ultrapc-l2 #tab-description a { color: #ffa658 !important; -webkit-text-fill-color: #ffa658 !important; font-weight: 700 !important; } /* ========================================================= ESTADO DEL PRODUCTO Mantenerlo oscuro y coherente ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-description .descripcion_ultrapc > p:first-of-type::before { color: #ffa455 !important; -webkit-text-fill-color: #ffa455 !important; } /* ========================================================= GARANTIA DENTRO DE DESCRIPCION ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-description .garantia_descripcion { background: linear-gradient( 135deg, rgba(26,15,36,.98), rgba(33,20,45,.98) ) !important; border: 1px solid rgba(255,149,56,.18) !important; color: #f2eee9 !important; -webkit-text-fill-color: #f2eee9 !important; } body.cybermonday.single-product.ultrapc-l2 #tab-description .garantia_descripcion .garantia-titulo { color: #ffa455 !important; -webkit-text-fill-color: #ffa455 !important; } /* ========================================================= TAB GARANTIA — FONDO GENERAL ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab { background: transparent !important; background-color: transparent !important; border-color: rgba(255,149,56,.18) !important; color: #f2eee9 !important; } body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #tab-garantia-poliza { background: transparent !important; color: #f2eee9 !important; } /* ========================================================= POLITICAS DE GARANTIA / GARANTIA DE SERVICIOS ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page h2 { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; border-bottom-color: rgba(255,174,102,.20) !important; text-shadow: 0 0 8px rgba(255,174,102,.08) !important; font-weight: 800 !important; } /* Línea decorativa bajo título */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page h2::after { background: linear-gradient( 90deg, var(--upc-cyber-cyan), #980bc8 ) !important; } /* ========================================================= TEXTO DE GARANTIA ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page > p, body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page li { color: #eee8e3 !important; -webkit-text-fill-color: #eee8e3 !important; } /* Strong / subtítulos internos */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page p > strong:first-child { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; } /* ========================================================= LISTAS DE GARANTIA ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list { background: linear-gradient( 135deg, rgba(26,15,36,.97), rgba(34,20,47,.95) ) !important; border: 1px solid rgba(255,149,56,.17) !important; border-radius: 12px !important; } body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list li { color: #eee8e3 !important; -webkit-text-fill-color: #eee8e3 !important; } body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list li::marker { color: #ffa250 !important; } /* ========================================================= BLOCKQUOTES / DESTACADOS ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab blockquote.wp-block-quote { background: rgba(33,18,46,.95) !important; border-left-color: var(--upc-cyber-border) !important; color: #eee8e3 !important; } body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab blockquote.wp-block-quote p { color: #eee8e3 !important; -webkit-text-fill-color: #eee8e3 !important; } /* ========================================================= CAJA DE COBERTURA SUPERIOR EN GARANTIA ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia-poliza > p:first-child { background: linear-gradient( 135deg, rgba(26,15,36,.98), rgba(38,22,52,.96) ) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #f2eee9 !important; -webkit-text-fill-color: #f2eee9 !important; } body.cybermonday.single-product.ultrapc-l2 #tab-garantia-poliza > p:first-child::after { background: #271735 !important; color: var(--upc-cyber-cyan-soft) !important; border: 1px solid rgba(255,149,56,.28) !important; } /* ========================================================= LINKS EN GARANTIA ========================================================= */ body.cybermonday.single-product.ultrapc-l2 #tab-garantia_tab #garantia-de-producto-page a { color: #ffa658 !important; -webkit-text-fill-color: #ffa658 !important; } /* ========================================================= ULTRAPC CYBER — GUIA DE COMPRA CARGADORES SOLO: - Cybermonday - Ficha de producto - Productos donde existe .ultrapc-charger-guide No modifica el tema normal. ========================================================= */ /* ========================================================= CONTENEDOR GENERAL ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide { background: linear-gradient( 135deg, rgba(26,15,36,.98) 0%, rgba(34,19,47,.97) 58%, rgba(42,29,54,.95) 100% ) !important; background-color: #1b1025 !important; border: 1px solid rgba(255,149,56,.22) !important; border-radius: 18px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 12px 30px rgba(0,0,0,.17) !important; color: #f2eee9 !important; } /* Evitar que reglas claras heredadas pinten el contenido */ body.cybermonday.single-product .ultrapc-charger-guide__info, body.cybermonday.single-product .ultrapc-charger-guide__media, body.cybermonday.single-product .ultrapc-charger-guide__checks { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* ========================================================= "GUIA DE COMPRA" ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide__eyebrow { color: #ffb97b !important; -webkit-text-fill-color: #ffb97b !important; font-weight: 800 !important; letter-spacing: .03em !important; } /* Icono superior */ body.cybermonday.single-product .ultrapc-charger-guide__icon { color: #ffa454 !important; -webkit-text-fill-color: #ffa454 !important; background: rgba(255,149,56,.10) !important; border: 1px solid rgba(255,149,56,.25) !important; box-shadow: 0 0 14px rgba(255,149,56,.08) !important; } /* ========================================================= TITULO ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide__title { color: #ffa659 !important; -webkit-text-fill-color: #ffa659 !important; text-shadow: 0 0 9px rgba(255,174,102,.10) !important; font-weight: 800 !important; } /* ========================================================= TEXTO INTRODUCTORIO ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide__intro { color: #cfc7bf !important; -webkit-text-fill-color: #cfc7bf !important; opacity: 1 !important; } /* ========================================================= TARJETAS VOLTAJE / AMPERAJE / CONECTOR ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide__check { background: linear-gradient( 135deg, rgba(32,18,45,.98), rgba(41,23,56,.94) ) !important; background-color: #231431 !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 11px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; color: #f2eee9 !important; } /* Icono de cada comprobacion */ body.cybermonday.single-product .ultrapc-charger-guide__check-icon { color: #ff9f4b !important; -webkit-text-fill-color: #ff9f4b !important; background: rgba(255,149,56,.10) !important; border: 1px solid rgba(255,149,56,.24) !important; box-shadow: 0 0 10px rgba(255,149,56,.07) !important; } /* Titulo: Voltaje / Amperaje / Medida del conector */ body.cybermonday.single-product .ultrapc-charger-guide__check strong { color: #f9f8f6 !important; -webkit-text-fill-color: #f9f8f6 !important; font-weight: 800 !important; } /* Descripcion pequeña */ body.cybermonday.single-product .ultrapc-charger-guide__check div > span { color: #c3bab1 !important; -webkit-text-fill-color: #c3bab1 !important; opacity: 1 !important; } /* ========================================================= VIDEO ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide__video { background: #130b1a !important; border: 1px solid rgba(255,149,56,.22) !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(0,0,0,.25) !important; overflow: hidden !important; } body.cybermonday.single-product .ultrapc-charger-guide__video iframe { border: 0 !important; border-radius: 13px !important; } /* ========================================================= PIE DEL VIDEO ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide__caption { color: #bbb1a7 !important; -webkit-text-fill-color: #bbb1a7 !important; } body.cybermonday.single-product .ultrapc-charger-guide__caption .fa-youtube { color: #ff3442 !important; -webkit-text-fill-color: #ff3442 !important; } /* ========================================================= PROTECCION CONTRA COLORES CLAROS HEREDADOS ========================================================= */ body.cybermonday.single-product .ultrapc-charger-guide strong { opacity: 1 !important; } body.cybermonday.single-product .ultrapc-charger-guide span { opacity: 1 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.single-product .ultrapc-charger-guide { padding: 16px !important; border-radius: 14px !important; } body.cybermonday.single-product .ultrapc-charger-guide__title { font-size: 18px !important; line-height: 1.25 !important; } body.cybermonday.single-product .ultrapc-charger-guide__intro { font-size: 12px !important; line-height: 1.5 !important; } body.cybermonday.single-product .ultrapc-charger-guide__check { padding: 11px 12px !important; } body.cybermonday.single-product .ultrapc-charger-guide__video { border-radius: 12px !important; } } /* ========================================================= ULTRAPC CYBER — TITULOS GARANTIA TODAS LAS FICHAS Aplica a: - Productos L1 - Productos L2 - SOLO tema Cyber No modifica el tema normal. ========================================================= */ /* POLITICAS DE GARANTIA / GARANTIA DE SERVICIOS / ETC. */ body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page h2, body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page h3, body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page h4 { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; text-shadow: 0 0 8px rgba(255,174,102,.09) !important; font-weight: 800 !important; } /* Línea inferior de los títulos */ body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page h2 { border-bottom-color: rgba(255,174,102,.20) !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page h2::after { background: linear-gradient( 90deg, var(--upc-cyber-cyan) 0%, #980bc8 100% ) !important; box-shadow: 0 0 8px rgba(255,149,56,.12) !important; } /* Otros encabezados que puedan existir directamente dentro de la pestaña Garantía */ body.cybermonday.single-product #tab-garantia_tab > h2, body.cybermonday.single-product #tab-garantia_tab > h3, body.cybermonday.single-product #tab-garantia_tab #tab-garantia-poliza h2, body.cybermonday.single-product #tab-garantia_tab #tab-garantia-poliza h3 { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; text-shadow: 0 0 8px rgba(255,174,102,.09) !important; } /* ========================================================= ULTRAPC CYBER — NOTA DE PRODUCTO FINAL SOLO: - Cybermonday - Fichas de producto - Desktop + mobile No modifica el tema normal. ========================================================= */ /* ========================================================= CONTENEDOR ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales { position: relative !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; min-height: 48px !important; margin: 10px 0 14px !important; padding: 10px 14px 10px 16px !important; box-sizing: border-box !important; background: linear-gradient( 135deg, rgba(28,15,39,.98) 0%, rgba(39,23,53,.96) 70%, rgba(45,31,58,.94) 100% ) !important; border: 1px solid rgba(255,174,102,.25) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 18px rgba(0,0,0,.14) !important; color: #f2eee9 !important; overflow: hidden !important; } /* Línea de acento izquierda */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales::before { content: "" !important; position: absolute !important; top: 8px !important; bottom: 8px !important; left: 0 !important; width: 3px !important; background: linear-gradient( 180deg, var(--upc-cyber-cyan), var(--upc-cyber-violet) ) !important; border-radius: 0 4px 4px 0 !important; box-shadow: 0 0 10px rgba(255,149,56,.18) !important; } /* ========================================================= ETIQUETA "NOTA:" ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; margin: 0 !important; padding: 5px 9px !important; background: rgba(255,149,56,.09) !important; border: 1px solid rgba(255,174,102,.26) !important; border-radius: 7px !important; color: #ffa85c !important; -webkit-text-fill-color: #ffa85c !important; font-size: 11px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: .03em !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================= NOTA NORMAL Ejemplo: Batería 100% Nueva ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .msj_normal_negrita { flex: 1 1 220px !important; min-width: 0 !important; margin: 0 !important; color: #f9f6f4 !important; -webkit-text-fill-color: #f9f6f4 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; overflow-wrap: anywhere !important; } /* Strong / enlaces dentro de la nota */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .msj_normal_negrita strong { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 800 !important; } body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .msj_normal_negrita a { color: #ffa85c !important; -webkit-text-fill-color: #ffa85c !important; text-decoration: none !important; } /* ========================================================= DETALLE FUNCIONAL Conservamos carácter de advertencia ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .detalles_funcionales { flex: 1 1 220px !important; min-width: 0 !important; margin: 0 !important; color: #ff7880 !important; -webkit-text-fill-color: #ff7880 !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1.4 !important; } /* El PHP inserta un BR entre ambos contenidos. En este diseño no necesitamos que fuerce una línea completa. */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales > br { display: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales { align-items: flex-start !important; gap: 7px !important; min-height: 0 !important; margin: 8px 0 11px !important; padding: 9px 10px 9px 13px !important; border-radius: 10px !important; } body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales { padding: 5px 8px !important; font-size: 10px !important; } body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .msj_normal_negrita, body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .detalles_funcionales { flex: 1 1 190px !important; font-size: 12px !important; line-height: 1.35 !important; } } /* ========================================================= ULTRAPC CYBER — NOTA LIMPIA - Quita cápsula de NOTA - Quita detalle raro del borde - Solo en fichas de producto Cyber ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales { border-left: 4px solid #ffad66 !important; padding-left: 14px !important; } /* quitar la línea decorativa anterior */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales::before { content: none !important; display: none !important; } /* quitar el cuadro alrededor de NOTA */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales { padding: 0 !important; margin: 0 6px 0 0 !important; background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #ffa14f !important; -webkit-text-fill-color: #ffa14f !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .02em !important; text-transform: uppercase !important; } /* mobile */ @media (max-width: 767px) { body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales { border-left: 3px solid #ffad66 !important; padding-left: 11px !important; } body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales { font-size: 11px !important; margin: 0 5px 0 0 !important; } } /* ========================================================= ULTRAPC CYBER — NOTA SIN DETALLE EN EL BORDE - sin cápsula en NOTA - sin línea lateral - sin pseudo-elementos decorativos - solo fichas Cyber ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales { border: 0 !important; border-left: 0 !important; outline: 0 !important; box-shadow: none !important; padding-left: 0 !important; background-image: none !important; } /* matar cualquier adorno lateral o decorativo */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales::before, body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales::after, body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales::before, body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales::after { content: none !important; display: none !important; } /* NOTA sin recuadro */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales { background: transparent !important; background-color: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 8px 0 0 !important; color: #ffa14f !important; -webkit-text-fill-color: #ffa14f !important; text-transform: uppercase !important; font-weight: 800 !important; } /* por si algún hijo está metiendo el borde visual */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales * { background-image: none; } /* ========================================================= ULTRAPC CYBER — NOTA BOX FINAL - Mantiene recuadro general - Sin adorno lateral - NOTA sin cápsula ========================================================= */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales { padding: 11px 15px !important; background: linear-gradient( 135deg, rgba(28,15,39,.98) 0%, rgba(39,23,53,.96) 70%, rgba(45,31,58,.94) 100% ) !important; border: 1px solid rgba(255,174,102,.25) !important; border-left: 1px solid rgba(255,174,102,.25) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 18px rgba(0,0,0,.14) !important; outline: 0 !important; } /* Sin línea / pestaña decorativa lateral */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales::before, body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales::after { content: none !important; display: none !important; } /* NOTA como texto simple */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales { margin: 0 7px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #ffa14f !important; -webkit-text-fill-color: #ffa14f !important; font-weight: 850 !important; } /* También sin adornos en NOTA */ body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales::before, body.cybermonday.single-product .summary.entry-summary .contenedor_detalles_funcionales .pre_detalles_funcionales::after { content: none !important; display: none !important; } /* ========================================================= ULTRAPC CYBER — TITULO INCLUYE REGALO Solo tema Cyber en ficha de producto ========================================================= */ body.cybermonday.single-product .ultrapc-gift-title, body.cybermonday.single-product .upc-gift-title, body.cybermonday.single-product .titulo-regalo, body.cybermonday.single-product .incluye-regalo, body.cybermonday.single-product .regalo-titulo, body.cybermonday.single-product .regalo-title, body.cybermonday.single-product .gift-title, body.cybermonday.single-product .gift-product-title { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; text-shadow: 0 0 8px rgba(255,174,102, .10) !important; } /* Icono del regalo */ body.cybermonday.single-product .ultrapc-gift-title i, body.cybermonday.single-product .upc-gift-title i, body.cybermonday.single-product .titulo-regalo i, body.cybermonday.single-product .incluye-regalo i, body.cybermonday.single-product .regalo-titulo i, body.cybermonday.single-product .regalo-title i, body.cybermonday.single-product .gift-title i, body.cybermonday.single-product .gift-product-title i, body.cybermonday.single-product .ultrapc-gift-title svg, body.cybermonday.single-product .upc-gift-title svg, body.cybermonday.single-product .titulo-regalo svg, body.cybermonday.single-product .incluye-regalo svg, body.cybermonday.single-product .regalo-titulo svg, body.cybermonday.single-product .regalo-title svg, body.cybermonday.single-product .gift-title svg, body.cybermonday.single-product .gift-product-title svg { color: var(--upc-cyber-cyan-soft) !important; fill: var(--upc-cyber-cyan-soft) !important; } /* Si el icono va dentro de una cajita/fondo */ body.cybermonday.single-product .ultrapc-gift-title .icon, body.cybermonday.single-product .upc-gift-title .icon, body.cybermonday.single-product .titulo-regalo .icon, body.cybermonday.single-product .incluye-regalo .icon, body.cybermonday.single-product .regalo-titulo .icon, body.cybermonday.single-product .regalo-title .icon, body.cybermonday.single-product .gift-title .icon, body.cybermonday.single-product .gift-product-title .icon, body.cybermonday.single-product .ultrapc-gift-title .fa-gift, body.cybermonday.single-product .upc-gift-title .fa-gift, body.cybermonday.single-product .titulo-regalo .fa-gift, body.cybermonday.single-product .incluye-regalo .fa-gift, body.cybermonday.single-product .regalo-titulo .fa-gift, body.cybermonday.single-product .regalo-title .fa-gift, body.cybermonday.single-product .gift-title .fa-gift, body.cybermonday.single-product .gift-product-title .fa-gift { color: var(--upc-cyber-cyan-soft) !important; } /* ========================================================= ULTRAPC CYBER — INCLUYE REGALO EXACTO Solo fichas de producto Cyber ========================================================= */ body.cybermonday.single-product .contenedor-accesorios_sumario > .accesorios_sumario { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; text-shadow: 0 0 8px rgba(255,174,102,.10) !important; } /* Icono regalo */ body.cybermonday.single-product .contenedor-accesorios_sumario > .accesorios_sumario > i.fas.fa-gift { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; background: rgba(255,173,102,.10) !important; border: 1px solid rgba(255,173,102,.30) !important; box-shadow: 0 0 10px rgba(255,174,102,.10) !important; } /* ========================================================= ULTRAPC CYBER — ICONOS SPECS MISMO CELESTE CPU / RAM / SSD / GPU / Pantalla / Teclado SOLO fichas Cyber ========================================================= */ /* Iconos Font Awesome normales */ body.cybermonday.single-product .product-images-wrapper .upc-gallery-spec::before { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; opacity: 1 !important; text-shadow: 0 0 8px rgba(255,174,102,.14) !important; } /* Refuerzo individual para evitar overrides antiguos */ body.cybermonday.single-product .product-images-wrapper .upc-gallery-spec--cpu::before, body.cybermonday.single-product .product-images-wrapper .upc-gallery-spec--ram::before, body.cybermonday.single-product .product-images-wrapper .upc-gallery-spec--storage::before, body.cybermonday.single-product .product-images-wrapper .upc-gallery-spec--screen::before, body.cybermonday.single-product .product-images-wrapper .upc-gallery-spec--keyboard::before { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; filter: none !important; } /* ========================================================= GPU Tiene un icono personalizado distinto al resto. Lo teñimos al mismo celeste Cyber. ========================================================= */ body.cybermonday.single-product .product-images-wrapper .upc-gallery-spec--gpu::before { color: var(--upc-cyber-cyan-soft) !important; -webkit-text-fill-color: var(--upc-cyber-cyan-soft) !important; opacity: 1 !important; filter: brightness(0) saturate(100%) invert(82%) sepia(31%) saturate(1177%) hue-rotate(163deg) brightness(102%) contrast(101%) !important; text-shadow: none !important; } /* ========================================================= ULTRAPC CYBER — PRODUCTO Quitar recuadros de fondo detrás de: - Fotos de Referencia - Botón Solicite Fotos Reales SOLO tema Cyber en ficha de producto ========================================================= */ body.cybermonday.single-product td.columna_boton_solicitar_fotos, body.cybermonday.single-product tr:has(> td.columna_boton_solicitar_fotos), body.cybermonday.single-product td[class*="fotos"][class*="refer"], body.cybermonday.single-product tr:has(> td[class*="fotos"][class*="refer"]), body.cybermonday.single-product td[class*="titulo"][class*="fotos"], body.cybermonday.single-product tr:has(> td[class*="titulo"][class*="fotos"]) { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } /* Si el TD trae padding que genera “caja visual”, lo compactamos */ body.cybermonday.single-product td.columna_boton_solicitar_fotos, body.cybermonday.single-product td[class*="fotos"][class*="refer"], body.cybermonday.single-product td[class*="titulo"][class*="fotos"] { padding-top: 0 !important; padding-bottom: 0 !important; } /* ========================================================= ULTRAPC CYBER — FOTOS REALES TD CLEAN FINAL Elimina SOLO la barra detrás del botón. ========================================================= */ body.cybermonday.single-product table.tabla_debajo_de_fotos td.columna_boton_solicitar_fotos { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; } /* Eliminar cualquier decoración generada por el TD */ body.cybermonday.single-product table.tabla_debajo_de_fotos td.columna_boton_solicitar_fotos::before, body.cybermonday.single-product table.tabla_debajo_de_fotos td.columna_boton_solicitar_fotos::after { content: none !important; display: none !important; background: none !important; border: 0 !important; box-shadow: none !important; } /* También neutralizar el wrapper inmediato, pero sin alterar dimensiones ni centrado */ body.cybermonday.single-product table.tabla_debajo_de_fotos td.columna_boton_solicitar_fotos > .boton_solicitar_fotos { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* El botón real NO se modifica */ body.cybermonday.single-product table.tabla_debajo_de_fotos td.columna_boton_solicitar_fotos .boton-solicite-fotos { position: relative !important; z-index: 2 !important; }