/* ========================================================= ULTRAPC — CYBER Skin estacional activada por: body.cybermonday La estructura y funcionalidad del sitio permanecen intactas. ========================================================= */ body.cybermonday { --upc-cyber-bg: #070b1a; --upc-cyber-surface: #0d1530; --upc-cyber-surface-soft: #121d3d; --upc-cyber-blue: #087cff; --upc-cyber-cyan: #00d9ff; --upc-cyber-violet: #7548ff; --upc-cyber-magenta: #e436ff; --upc-cyber-text: #f7f9ff; --upc-cyber-muted: #9da9c7; } /* * 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, #070b1a 0%, #0c1230 55%, #17103a 100% ) !important; border-bottom: 1px solid rgba(0, 217, 255, .22) !important; color: #dce9ff !important; box-shadow: inset 0 -1px 0 rgba(228, 54, 255, .08) !important; } body.cybermonday .top-bar .nav-inline .menu-item > a { color: #c9d9f4 !important; } body.cybermonday .top-bar .nav-inline .menu-item > a i { color: #8ebcff !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(132, 164, 214, .20) !important; } /* --------------------------------------------------------- MASTHEAD --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 { background: radial-gradient( circle at 15% 0%, rgba(0, 217, 255, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(228, 54, 255, .09), transparent 28% ), linear-gradient( 115deg, #080d1f 0%, #0b1230 60%, #15103b 100% ) !important; border: 0 !important; box-shadow: 0 8px 28px rgba(3, 6, 18, .28), inset 0 -1px 0 rgba(0, 217, 255, .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(0, 217, 255, .22)) drop-shadow(0 0 16px rgba(117, 72, 255, .12)); } /* --------------------------------------------------------- BUSCADOR --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .navbar-search .input-group { background: rgba(7, 13, 31, .94) !important; border: 1px solid rgba(0, 217, 255, .52) !important; box-shadow: 0 0 0 1px rgba(117, 72, 255, .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(0, 217, 255, .90) !important; box-shadow: 0 0 0 3px rgba(0, 217, 255, .10), 0 0 22px rgba(117, 72, 255, .16), 0 8px 26px rgba(0, 0, 0, .24) !important; } body.cybermonday .site-header.header-v3 .navbar-search .product-search-field { color: #f3f7ff !important; } body.cybermonday .site-header.header-v3 .navbar-search .product-search-field::placeholder { color: #8290b0 !important; } body.cybermonday .site-header.header-v3 .navbar-search button.btn { background: linear-gradient( 135deg, #087cff 0%, #7548ff 58%, #d936ff 100% ) !important; border-color: transparent !important; color: #ffffff !important; box-shadow: 0 0 14px rgba(0, 217, 255, .16), 0 0 20px rgba(228, 54, 255, .10) !important; } body.cybermonday .site-header.header-v3 .navbar-search button.btn:hover { background: linear-gradient( 135deg, #00a7ff 0%, #8355ff 55%, #ea47ff 100% ) !important; box-shadow: 0 0 16px rgba(0, 217, 255, .24), 0 0 28px rgba(228, 54, 255, .16) !important; } /* --------------------------------------------------------- ICONOS HEADER --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-icon > a, body.cybermonday .site-header.header-v3 .header-icon i { color: #dce8ff !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, #08112c 0%, #102052 48%, #21144e 100% ) !important; border-top: 1px solid rgba(0, 217, 255, .22) !important; border-bottom: 1px solid rgba(228, 54, 255, .16) !important; box-shadow: 0 7px 22px rgba(4, 8, 26, .20) !important; } body.cybermonday .electro-navbar-primary .nav > .menu-item > a { color: #eef5ff !important; } body.cybermonday .electro-navbar-primary .nav > .menu-item:hover > a { background: linear-gradient( 180deg, rgba(0, 217, 255, .10), rgba(117, 72, 255, .12) ) !important; color: #ffffff !important; text-shadow: 0 0 10px rgba(0, 217, 255, .28); } /* Categorías */ body.cybermonday .electro-navbar-primary .departments-menu-v2-title, body.cybermonday .electro-navigation .departments-menu-v2-title { background: linear-gradient( 135deg, #087cff 0%, #7548ff 68%, #d936ff 100% ) !important; color: #ffffff !important; box-shadow: inset 0 0 18px rgba(255, 255, 255, .05), 0 0 18px rgba(117, 72, 255, .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(117, 72, 255, .10), transparent 29% ), radial-gradient( circle at 15% 34%, rgba(0, 217, 255, .065), transparent 27% ), linear-gradient( 180deg, #070b1a 0%, #080d20 45%, #060a18 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, #071127 0%, #0c1d45 48%, #23134c 100% ) !important; border-bottom: 1px solid rgba(0, 217, 255, .24) !important; color: #edf5ff !important; box-shadow: inset 0 -1px 0 rgba(228, 54, 255, .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: #edf5ff !important; } /* --------------------------------------------------------- ICONOS / ACCIONES DEL HEADER Elimina los círculos blancos. --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-icon > a { background: rgba(10, 19, 45, .92) !important; border: 1px solid rgba(0, 217, 255, .28) !important; box-shadow: inset 0 0 15px rgba(0, 217, 255, .04), 0 4px 14px rgba(0, 0, 0, .16) !important; } body.cybermonday .site-header.header-v3 .header-icon > a:hover { background: rgba(18, 31, 69, .98) !important; border-color: rgba(0, 217, 255, .72) !important; box-shadow: 0 0 16px rgba(0, 217, 255, .16), 0 0 24px rgba(228, 54, 255, .08) !important; } /* --------------------------------------------------------- TARJETAS DE PRODUCTO --------------------------------------------------------- */ body.cybermonday.home .product-item__inner { background: linear-gradient( 180deg, #0e1731 0%, #0a1229 100% ) !important; border-color: rgba(0, 217, 255, .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(0, 217, 255, .50) !important; box-shadow: 0 9px 28px rgba(0, 0, 0, .26), 0 0 18px rgba(0, 217, 255, .08), 0 0 26px rgba(228, 54, 255, .045) !important; } /* Zona de imagen */ body.cybermonday.home .product-thumbnail { background: linear-gradient( 145deg, #121d3b 0%, #0b142d 100% ) !important; } /* Título */ body.cybermonday.home .woocommerce-loop-product__title, body.cybermonday.home .woocommerce-loop-product__title a { color: #eef5ff !important; } /* Separador precio */ body.cybermonday.home .price-add-to-cart { border-top-color: rgba(0, 217, 255, .13) !important; } /* Precio principal */ body.cybermonday.home .price, body.cybermonday.home .price ins, body.cybermonday.home .electro-price { color: #eef7ff !important; } /* Precio antiguo */ body.cybermonday.home .price del { color: #7887aa !important; } /* SKU / ITEM */ body.cybermonday.home .product .sku, body.cybermonday.home .product .product-sku { color: #70cfff !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, #087cff 0%, #315fe9 58%, #7548ff 100% ) !important; color: #ffffff !important; box-shadow: 0 5px 15px rgba(8, 124, 255, .20), 0 0 14px rgba(117, 72, 255, .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, #00a5ff 0%, #5a55ef 56%, #d13cff 100% ) !important; box-shadow: 0 0 16px rgba(0, 217, 255, .18), 0 0 24px rgba(228, 54, 255, .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(0, 217, 255, .18) !important; } /* --------------------------------------------------------- PROMO CARDS Mantiene las imágenes actuales. --------------------------------------------------------- */ body.cybermonday.home .ultrapc-promo-card { background: linear-gradient( 145deg, #111b38 0%, #0a1229 100% ) !important; border: 1px solid rgba(0, 217, 255, .18) !important; box-shadow: 0 8px 26px rgba(0, 0, 0, .22) !important; } body.cybermonday.home .ultrapc-promo-card:hover { border-color: rgba(0, 217, 255, .42) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .27), 0 0 20px rgba(117, 72, 255, .08) !important; } body.cybermonday.home .ultrapc-promo-card__button { background: linear-gradient( 100deg, #087cff, #7548ff ) !important; border-color: rgba(255,255,255,.12) !important; } /* --------------------------------------------------------- SERVICIO TÉCNICO --------------------------------------------------------- */ body.cybermonday.home .ultrapc-service-card { background: linear-gradient( 180deg, #101a36 0%, #0a1229 100% ) !important; border-color: rgba(0, 217, 255, .18) !important; box-shadow: 0 7px 24px rgba(0, 0, 0, .22) !important; } body.cybermonday.home .ultrapc-service-card:hover { border-color: rgba(0, 217, 255, .48) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .28), 0 0 20px rgba(0, 217, 255, .07) !important; } body.cybermonday.home .ultrapc-service-card__media { background: linear-gradient( 145deg, #16254c, #101934 ) !important; } body.cybermonday.home .ultrapc-service-card__title { color: #f0f6ff !important; } body.cybermonday.home .ultrapc-service-card__description { color: #aab8d5 !important; } body.cybermonday.home .ultrapc-service-card__icon { border-color: #111a35 !important; } /* --------------------------------------------------------- TÍTULOS DE SECCIÓN --------------------------------------------------------- */ body.cybermonday.home .ultrapc-info-title h2, body.cybermonday.home .ultrapc-service-cards__heading h2 { color: #eef5ff !important; text-shadow: 0 0 12px rgba(0, 217, 255, .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: #070b1a !important; } body.cybermonday::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #087cff, #7548ff ) !important; border: 2px solid #070b1a !important; } body.cybermonday::-webkit-scrollbar-thumb:hover { background: linear-gradient( 180deg, #00c8ff, #d936ff ) !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, #101a36 0%, #0b142d 100% ) !important; border: 1px solid rgba(0, 217, 255, .30) !important; color: #dbe9ff !important; box-shadow: inset 0 0 14px rgba(0, 217, 255, .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, #17254c 0%, #15183b 100% ) !important; border-color: rgba(0, 217, 255, .72) !important; color: var(--upc-cyber-cyan) !important; box-shadow: 0 0 16px rgba(0, 217, 255, .16), 0 0 24px rgba(228, 54, 255, .08) !important; } /* --------------------------------------------------------- CARRITO --------------------------------------------------------- */ body.cybermonday .site-header.header-v3 .header-icon__cart > a { background: linear-gradient( 145deg, #101a36 0%, #0c1530 100% ) !important; border: 1px solid rgba(0, 217, 255, .32) !important; color: #eef6ff !important; box-shadow: inset 0 0 14px rgba(0, 217, 255, .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, #17254c, #17183f ) !important; border-color: rgba(0, 217, 255, .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: #eef6ff !important; } body.cybermonday .site-header.header-v3 .header-icon__cart .header-icon-counter { background: linear-gradient( 135deg, #087cff, #7548ff ) !important; border-color: #0b142d !important; color: #ffffff !important; box-shadow: 0 0 10px rgba(0, 217, 255, .25) !important; } /* --------------------------------------------------------- TODO LO QUE NECESITAS SABER --------------------------------------------------------- */ body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-grid { background: linear-gradient( 145deg, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0, 217, 255, .18) !important; box-shadow: 0 8px 26px rgba(0, 0, 0, .25) !important; } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-card { background: rgba(11, 20, 45, .92) !important; color: #e9f2ff !important; border-right-color: rgba(0, 217, 255, .11) !important; border-bottom-color: rgba(0, 217, 255, .11) !important; } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-icon { color: #39cfff !important; filter: drop-shadow(0 0 8px rgba(0, 217, 255, .13)); } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-text { color: #d8e4f7 !important; } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-card:hover { background: linear-gradient( 135deg, rgba(8, 124, 255, .92) 0%, rgba(117, 72, 255, .92) 68%, rgba(228, 54, 255, .88) 100% ) !important; color: #ffffff !important; box-shadow: inset 0 0 0 1px rgba(0, 217, 255, .22), 0 8px 22px rgba(0, 0, 0, .22), 0 0 18px rgba(117, 72, 255, .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: #f1f6ff !important; text-shadow: 0 0 12px rgba(0, 217, 255, .12); } body.cybermonday.home .elementor-element-b8e02de .ultrapc-info-title-line { background: linear-gradient( 90deg, #00d9ff, #7548ff, #e436ff ) !important; } /* --------------------------------------------------------- PRODUCTOS DESTACADOS - TÍTULO SIDEBAR --------------------------------------------------------- */ @media (min-width: 1200px) { body.cybermonday.home.page-template-template-page-sidebar-left #sidebar.sidebar::before { color: #f1f6ff !important; text-shadow: 0 0 12px rgba(0, 217, 255, .13); } } /* --------------------------------------------------------- RECIÉN LLEGADOS / OFERTAS IMPERDIBLES --------------------------------------------------------- */ body.cybermonday.home :is( .elementor-element-4d2c7ef, .elementor-element-048c591 ) .section-products-carousel > header > h2.h1 { color: #f1f6ff !important; text-shadow: 0 0 12px rgba(0, 217, 255, .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, #00d9ff, #7548ff, #e436ff ) !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, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0, 217, 255, .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(0, 217, 255, .48) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .28), 0 0 18px rgba(0, 217, 255, .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, #152240 0%, #0e1731 100% ) !important; border: 1px solid rgba(0, 217, 255, .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(0, 217, 255, .09) !important; border: 1px solid rgba(0, 217, 255, .20) !important; color: #62dfff !important; } /* --------------------------------------------------------- CONDICIÓN --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .contenedor-item-ultrapc .condicion { color: #93a5c6 !important; } /* --------------------------------------------------------- NOMBRE DEL PRODUCTO --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .onsale-product .woocommerce-loop-product__title { color: #eef5ff !important; text-shadow: 0 0 8px rgba(0, 217, 255, .035); } /* --------------------------------------------------------- BLOQUE PRECIO --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .price { border-top-color: rgba(0, 217, 255, .13) !important; color: #91a1bd !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: #93a3bf !important; } /* Precio actual */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product .price ins .precio_ultrapc_by_h { color: #25c7ff !important; text-shadow: 0 0 10px rgba(0, 217, 255, .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: #75829e !important; } /* --------------------------------------------------------- HEADER INTERNO SI APARECE --------------------------------------------------------- */ body.cybermonday.home #sidebar .widget.widget_electro_onsale_product_widget .section-onsale-product > header .h1 { color: #eef5ff !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, #087cff 0%, #315fe9 48%, #7548ff 100% ) !important; border: 1px solid rgba(0, 217, 255, .24) !important; color: #ffffff !important; box-shadow: 0 6px 16px rgba(8, 124, 255, .18), 0 0 16px rgba(117, 72, 255, .10) !important; } body.cybermonday.home .elementor-element-73ab2a1 .elementor-button:hover { background: linear-gradient( 100deg, #00a9ff 0%, #6355ef 56%, #d53aff 100% ) !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 217, 255, .18), 0 0 24px rgba(228, 54, 255, .10) !important; } /* --------------------------------------------------------- NEWSLETTER --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .footer-newsletter { background: radial-gradient( circle at 14% 20%, rgba(0, 217, 255, .16), transparent 28% ), radial-gradient( circle at 86% 30%, rgba(228, 54, 255, .17), transparent 30% ), linear-gradient( 105deg, #071127 0%, #102354 48%, #29134f 100% ) !important; border-top: 1px solid rgba(0, 217, 255, .20) !important; border-bottom: 1px solid rgba(228, 54, 255, .14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } /* --------------------------------------------------------- NEWSLETTER - TITULO --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .newsletter-title { color: #f4f8ff !important; text-shadow: 0 0 12px rgba(0, 217, 255, .10); } body.cybermonday .ultrapc-footer-newsletter .newsletter-title::before { background: rgba(0, 217, 255, .10) !important; border: 1px solid rgba(0, 217, 255, .28) !important; color: #55deff !important; box-shadow: 0 0 16px rgba(0, 217, 255, .09) !important; } body.cybermonday .ultrapc-footer-newsletter .newsletter-marketing-text { color: #c8d6ee !important; } /* --------------------------------------------------------- FORMULARIO --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .input-group { background: rgba(7, 13, 31, .88) !important; border-color: rgba(0, 217, 255, .25) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .20), 0 0 18px rgba(0, 217, 255, .05) !important; } body.cybermonday .ultrapc-footer-newsletter .form-control { background: transparent !important; color: #eef5ff !important; } body.cybermonday .ultrapc-footer-newsletter .form-control::placeholder { color: #8798b9 !important; } /* TNP */ body.cybermonday .ultrapc-footer-newsletter .tnp-email { background: rgba(7, 13, 31, .88) !important; border-color: rgba(0, 217, 255, .22) !important; color: #eef5ff !important; } body.cybermonday .ultrapc-footer-newsletter .tnp-email::placeholder { color: #8798b9 !important; } /* --------------------------------------------------------- BOTÓN NEWSLETTER --------------------------------------------------------- */ body.cybermonday .ultrapc-footer-newsletter .btn, body.cybermonday .ultrapc-footer-newsletter .tnp-submit { background: linear-gradient( 100deg, #087cff 0%, #7548ff 70%, #d936ff 100% ) !important; border: 0 !important; color: #ffffff !important; box-shadow: 0 0 14px rgba(117, 72, 255, .12) !important; } body.cybermonday .ultrapc-footer-newsletter .btn:hover, body.cybermonday .ultrapc-footer-newsletter .tnp-submit:hover { background: linear-gradient( 100deg, #00a8ff, #8354ff 62%, #e944ff ) !important; box-shadow: 0 0 18px rgba(0, 217, 255, .14), 0 0 22px rgba(228, 54, 255, .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(0, 217, 255, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(228, 54, 255, .09), transparent 28% ), linear-gradient( 115deg, #080d1f 0%, #0b1230 60%, #15103b 100% ) !important; border-bottom: 1px solid rgba(0, 217, 255, .22) !important; box-shadow: 0 8px 26px rgba(3, 6, 18, .34), inset 0 -1px 0 rgba(228, 54, 255, .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(7, 13, 31, .94) !important; border-color: rgba(0, 217, 255, .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, #101a36 0%, #0b142d 100% ) !important; border-color: rgba(0, 217, 255, .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: #080d1f !important; background-image: radial-gradient( circle at 14% 0%, rgba(0, 217, 255, .11), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(228, 54, 255, .10), transparent 28% ), linear-gradient( 115deg, #080d1f 0%, #0b1230 60%, #15103b 100% ) !important; border-bottom: 1px solid rgba(0, 217, 255, .24) !important; box-shadow: 0 8px 26px rgba(3, 6, 18, .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: #070d1f !important; background-image: none !important; border: 1px solid rgba(0, 217, 255, .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, #101a36 0%, #0b142d 100% ) !important; border: 1px solid rgba(0, 217, 255, .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(0, 217, 255, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(228, 54, 255, .09), transparent 28% ), linear-gradient( 115deg, #080d1f 0%, #0b1230 60%, #15103b 100% ) !important; border-bottom: 1px solid rgba(0, 217, 255, .22) !important; box-shadow: 0 8px 26px rgba(3, 6, 18, .34), inset 0 -1px 0 rgba(228, 54, 255, .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(0, 217, 255, .10), transparent 34% ), radial-gradient( circle at 88% 18%, rgba(228, 54, 255, .09), transparent 28% ), linear-gradient( 115deg, #080d1f 0%, #0b1230 60%, #15103b 100% ) !important; box-shadow: 0 7px 20px rgba(3, 6, 18, .30), inset 0 -1px 0 rgba(0, 217, 255, .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(0, 217, 255, 0.14) 0%, rgba(0, 217, 255, 0.07) 14%, transparent 34% ), radial-gradient( circle at 82% 20%, rgba(117, 72, 255, 0.16) 0%, rgba(117, 72, 255, 0.08) 16%, transparent 36% ), radial-gradient( circle at 30% 78%, rgba(228, 54, 255, 0.12) 0%, rgba(228, 54, 255, 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(0, 217, 255, 0.10) 0%, rgba(0, 217, 255, 0.05) 14%, transparent 28% ), radial-gradient( circle at 52% 18%, rgba(228, 54, 255, 0.10) 0%, rgba(228, 54, 255, 0.05) 14%, transparent 26% ), radial-gradient( circle at 12% 58%, rgba(117, 72, 255, 0.12) 0%, rgba(117, 72, 255, 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(0, 217, 255, .30) 0%, rgba(0, 217, 255, .18) 12%, rgba(0, 217, 255, .07) 24%, transparent 40% ), radial-gradient( circle at 88% 20%, rgba(117, 72, 255, .34) 0%, rgba(117, 72, 255, .19) 14%, rgba(117, 72, 255, .07) 27%, transparent 43% ), radial-gradient( circle at 24% 75%, rgba(228, 54, 255, .25) 0%, rgba(228, 54, 255, .13) 13%, transparent 34% ) !important; filter: blur(24px) !important; } body.cybermonday.home::after { opacity: .68 !important; background: radial-gradient( circle at 72% 58%, rgba(0, 217, 255, .24) 0%, rgba(0, 217, 255, .12) 15%, transparent 34% ), radial-gradient( circle at 50% 30%, rgba(228, 54, 255, .20) 0%, rgba(228, 54, 255, .10) 14%, transparent 32% ), radial-gradient( circle at 12% 52%, rgba(117, 72, 255, .26) 0%, rgba(117, 72, 255, .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(0,217,255,.08), transparent 30% ), radial-gradient( circle at 86% 22%, rgba(117,72,255,.11), transparent 32% ), radial-gradient( circle at 55% 78%, rgba(228,54,255,.06), transparent 28% ), linear-gradient( 180deg, #070b1a 0%, #080d20 48%, #060a18 100% ) !important; color: #eaf2ff; } body.cybermonday.single-product .site-content, body.cybermonday.single-product .content-area { background: transparent !important; } /* --------------------------------------------------------- BREADCRUMBS --------------------------------------------------------- */ body.cybermonday.single-product .woocommerce-breadcrumb { color: #8293b4 !important; } body.cybermonday.single-product .woocommerce-breadcrumb a { color: #67dfff !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, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0,217,255,.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, #f9fbff, #eef3f8 ) !important; border: 1px solid rgba(0,217,255,.12) !important; } /* Miniaturas */ body.cybermonday.single-product .flex-control-thumbs img { background: #101a36 !important; border: 1px solid rgba(0,217,255,.16) !important; } body.cybermonday.single-product .flex-control-thumbs img:hover, body.cybermonday.single-product .flex-control-thumbs img.flex-active { border-color: #00d9ff !important; box-shadow: 0 0 0 2px rgba(0,217,255,.09), 0 0 16px rgba(117,72,255,.12) !important; } /* --------------------------------------------------------- SUMMARY --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary { background: radial-gradient( circle at 94% 4%, rgba(117,72,255,.10), transparent 26% ), linear-gradient( 145deg, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0,217,255,.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: #f3f7ff !important; text-shadow: 0 0 12px rgba(0,217,255,.06); } /* Texto general */ body.cybermonday.single-product .summary.entry-summary p { color: #b6c3dc; } body.cybermonday.single-product .summary.entry-summary hr { border-top-color: rgba(0,217,255,.13) !important; } body.cybermonday.single-product .summary.entry-summary a:not(.button) { color: #59d9ff; } /* --------------------------------------------------------- PRECIOS --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario { background: linear-gradient( 135deg, rgba(14,25,53,.96), rgba(15,20,52,.96) ) !important; border: 1px solid rgba(0,217,255,.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(0,217,255,.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(0,217,255,.055) !important; } /* Etiquetas de precio */ body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios { color: #93a4c3 !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: #27cfff !important; text-shadow: 0 0 11px rgba(0,217,255,.10); } /* Precio anterior */ body.cybermonday.single-product .summary.entry-summary del .woocommerce-Price-amount { color: #74819c !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, #087cff 0%, #315fe9 48%, #7548ff 100% ) !important; background-image: linear-gradient( 100deg, #087cff 0%, #315fe9 48%, #7548ff 100% ) !important; border: 1px solid rgba(0,217,255,.28) !important; color: #ffffff !important; box-shadow: 0 6px 17px rgba(8,124,255,.20), 0 0 18px rgba(117,72,255,.10) !important; } body.cybermonday.single-product .summary.entry-summary form.cart .single_add_to_cart_button:hover { background: linear-gradient( 100deg, #00a9ff 0%, #6854ef 58%, #d63cff 100% ) !important; border-color: rgba(0,217,255,.65) !important; box-shadow: 0 9px 24px rgba(0,217,255,.14), 0 0 26px rgba(228,54,255,.11) !important; } /* --------------------------------------------------------- BOTÓN SECUNDARIO / COTIZACIÓN --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary { background: rgba(10,19,45,.94) !important; background-color: rgba(10,19,45,.94) !important; color: #69ddff !important; border: 1px solid rgba(0,217,255,.48) !important; box-shadow: inset 0 0 14px rgba(0,217,255,.035), 0 5px 14px rgba(0,0,0,.18) !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary::before { color: #00d9ff !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary:hover { background: linear-gradient( 100deg, rgba(8,124,255,.22), rgba(117,72,255,.22) ) !important; color: #ffffff !important; border-color: #00d9ff !important; box-shadow: 0 7px 20px rgba(0,217,255,.10), 0 0 20px rgba(117,72,255,.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: #91a1bf; } body.cybermonday.single-product .summary.entry-summary .product_meta a { color: #59d9ff !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, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0,217,255,.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, #f9fbff, #eef3f8 ) !important; border-radius: 13px !important; overflow: hidden !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .woocommerce-loop-product__title { color: #eef5ff !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .item-ultrapc.item { background: rgba(0,217,255,.10) !important; border: 1px solid rgba(0,217,255,.22) !important; color: #5edfff !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .condicion_item_ultrapc_archivos { color: #91a2c0 !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .onsale-product > .price { border-top-color: rgba(0,217,255,.14) !important; } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price ins .precio_ultrapc_by_h { color: #26cfff !important; text-shadow: 0 0 10px rgba(0,217,255,.10); } body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price del .precio_ultrapc_by_h { color: #74819a !important; } /* ========================================================= 2. TITULO ACCESORIOS ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container > h2.optional-accessories-title { color: #f1f6ff !important; text-shadow: 0 0 12px rgba(0,217,255,.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, #00d9ff, #7548ff, #e436ff ) !important; } /* ========================================================= 3. ACCESORIOS ADICIONALES ========================================================= */ body.cybermonday.single-product .optional-accessories.products.container .product-item__inner { background: linear-gradient( 180deg, #101a36 0%, #0b142d 100% ) !important; border: 1px solid rgba(0,217,255,.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(0,217,255,.52) !important; box-shadow: 0 10px 28px rgba(0,0,0,.27), 0 0 20px rgba(117,72,255,.08) !important; } body.cybermonday.single-product .optional-accessories.products.container .product-thumbnail { background: linear-gradient( 145deg, #f9fbff, #eef3f8 ) !important; border-radius: 11px !important; } body.cybermonday.single-product .optional-accessories.products.container .woocommerce-loop-product__title { color: #eef5ff !important; } body.cybermonday.single-product .optional-accessories.products.container .item-ultrapc.item { background: rgba(0,217,255,.10) !important; border-color: rgba(0,217,255,.22) !important; color: #59dfff !important; } body.cybermonday.single-product .optional-accessories.products.container .price-add-to-cart { border-top-color: rgba(0,217,255,.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: #26cfff !important; text-shadow: 0 0 9px rgba(0,217,255,.10); } body.cybermonday.single-product .optional-accessories.products.container .add-to-cart-wrap .button { background: linear-gradient( 100deg, #087cff, #7548ff ) !important; border: 1px solid rgba(0,217,255,.20) !important; color: #ffffff !important; } /* ========================================================= 4. PRODUCTOS RELACIONADOS ========================================================= */ body.cybermonday.single-product section.related.products > h2 { color: #f1f6ff !important; text-shadow: 0 0 12px rgba(0,217,255,.10); } body.cybermonday.single-product section.related.products > h2::before, body.cybermonday.single-product section.related.products > h2::after { background: linear-gradient( 90deg, #00d9ff, #7548ff, #e436ff ) !important; } body.cybermonday.single-product section.related.products .product-item__inner { background: linear-gradient( 180deg, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0,217,255,.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(0,217,255,.50) !important; box-shadow: 0 10px 28px rgba(0,0,0,.28), 0 0 18px rgba(117,72,255,.08) !important; } body.cybermonday.single-product section.related.products .product-thumbnail { background: linear-gradient( 145deg, #f9fbff, #eef3f8 ) !important; border-radius: 11px !important; } body.cybermonday.single-product section.related.products .woocommerce-loop-product__title { color: #eef5ff !important; } body.cybermonday.single-product section.related.products .item-ultrapc.item { background: rgba(0,217,255,.10) !important; color: #59dfff !important; border: 1px solid rgba(0,217,255,.20) !important; } body.cybermonday.single-product section.related.products .condicion_item_ultrapc_archivos { color: #91a2c0 !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: #26cfff !important; } body.cybermonday.single-product section.related.products .add-to-cart-wrap .button { background: linear-gradient( 100deg, #087cff, #7548ff ) !important; border: 1px solid rgba(0,217,255,.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, #101a36 0%, #0a1229 100% ) !important; border-color: rgba(0,217,255,.20) !important; color: #dbe7fa !important; } /* Imagen permanece sobre canvas claro */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .product-thumbnail { background: linear-gradient( 145deg, #f9fbff, #eef3f8 ) !important; border: 1px solid rgba(0,217,255,.12) !important; border-radius: 12px !important; } /* Nombre */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .woocommerce-loop-product__title { color: #eef5ff !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: #8fa0bf !important; } /* ITEM */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .item-ultrapc.item { background: rgba(0,217,255,.10) !important; color: #59dfff !important; border: 1px solid rgba(0,217,255,.22) !important; } /* Precio */ body.cybermonday.single-product #sidebar .widget_electro_onsale_product_widget .price ins .precio_ultrapc_by_h { color: #26cfff !important; text-shadow: 0 0 10px rgba(0,217,255,.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: #74819a !important; } /* Título Productos Destacados */ body.cybermonday.single-product #sidebar::before { color: #f1f6ff !important; text-shadow: 0 0 10px rgba(0,217,255,.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, #00d9ff, #7548ff, #e436ff ) !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, #00d9ff, #7548ff, #e436ff ) !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: #eef5ff !important; } /* ========================================================= 1. BARRA DE PESTAÑAS ========================================================= */ body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs { background: linear-gradient( 145deg, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0,217,255,.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: #93a4c3 !important; } body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs > li:not(.active) > a:hover { background: rgba(0,217,255,.07) !important; color: #5fe2ff !important; } /* Activa */ body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs > li.active > a { background: linear-gradient( 100deg, rgba(8,124,255,.20), rgba(117,72,255,.24) ) !important; color: #ffffff !important; box-shadow: inset 0 -2px 0 #00d9ff, 0 0 14px rgba(117,72,255,.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(117,72,255,.08), transparent 28% ), linear-gradient( 145deg, #101a36 0%, #0a1229 100% ) !important; border: 1px solid rgba(0,217,255,.20) !important; box-shadow: 0 10px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.02) !important; color: #c3cfe3 !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: #f1f6ff !important; border-bottom-color: rgba(0,217,255,.13) !important; } body.cybermonday.single-product #tab-specification > h2::after, body.cybermonday.single-product #tab-garantia_tab h2::after { background: linear-gradient( 90deg, #00d9ff, #7548ff, #e436ff ) !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: #0b142d !important; border: 1px solid rgba(0,217,255,.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(0,217,255,.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: #50d9ff !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: #d8e3f5 !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(0,217,255,.035) !important; } /* ========================================================= 5. DESCRIPCION ========================================================= */ body.cybermonday.single-product #tab-description .electro-description { color: #b9c7dc !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(7,14,34,.62) !important; border: 1px solid rgba(0,217,255,.13) !important; color: #bac8dd !important; } body.cybermonday.single-product #tab-description .condicion_parrafo::before, body.cybermonday.single-product #tab-description .garantia_descripcion .garantia-titulo { color: #59dfff !important; } /* ========================================================= 6. GARANTIA ========================================================= */ body.cybermonday.single-product #tab-garantia_tab #tab-garantia-poliza { color: #bdc9dc !important; } body.cybermonday.single-product #tab-garantia-poliza > p:first-child { background: rgba(0,217,255,.055) !important; border: 1px solid rgba(0,217,255,.18) !important; color: #c9d6e9 !important; } body.cybermonday.single-product #tab-garantia-poliza > p:first-child::before { background: linear-gradient( 135deg, #087cff, #7548ff ) !important; color: #ffffff !important; } body.cybermonday.single-product #tab-garantia-poliza > p:first-child::after { background: #101a36 !important; color: #59dfff !important; border-color: rgba(0,217,255,.24) !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page > p { color: #b7c5da !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page p > strong:first-child { color: #eef5ff !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list { background: rgba(7,14,34,.60) !important; border: 1px solid rgba(0,217,255,.13) !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list li { color: #b9c7db !important; } body.cybermonday.single-product #tab-garantia_tab #garantia-de-producto-page ul.wp-block-list li::marker { color: #00d9ff !important; } /* ========================================================= 7. FICHA PDF / PRODUCT META ========================================================= */ body.cybermonday.single-product .woocommerce-tabs .product_meta { color: #9babc5 !important; } body.cybermonday.single-product .woocommerce-tabs .product_meta a { color: #59dfff !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(0,217,255,.12) !important; } /* ========================================================= 8. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.single-product .woocommerce-tabs ul.tabs.wc-tabs { background: #0b142d !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: #0a1229 !important; border: 1px solid rgba(0,217,255,.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: #0e1834 !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: #0b142d !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: #102044 !important; color: #50d9ff !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(0,217,255,.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: #e3ebf8 !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: #e3ebf8 !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(0,217,255,.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: #13244a !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: #f3f7ff !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: #7fdfff !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(13, 24, 52, .92), rgba(10, 18, 41, .92) ) !important; border: 1px solid rgba(0,217,255,.16) !important; color: #67ddff !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(0,217,255,.46) !important; background: linear-gradient( 145deg, rgba(8,124,255,.22), rgba(117,72,255,.18) ) !important; box-shadow: 0 8px 18px rgba(0,0,0,.18), 0 0 16px rgba(0,217,255,.08) !important; transform: translateY(-1px) !important; } /* Separador */ body.cybermonday.single-product .woocommerce-breadcrumb .delimiter, body.cybermonday.single-product .woocommerce-breadcrumb .breadcrumb-separator { color: #00d9ff !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: #00d9ff !important; } /* Último item / página actual */ body.cybermonday.single-product .woocommerce-breadcrumb { overflow: hidden; } body.cybermonday.single-product .woocommerce-breadcrumb > *:last-child { color: #aebbd4 !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: #aebbd4 !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(117,72,255,.10), transparent 36% ), linear-gradient( 145deg, #101a36 0%, #0b142d 100% ) !important; border: 1px solid rgba(0,217,255,.20) !important; box-shadow: 0 7px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important; color: #c6d2e6 !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(0,217,255,.46) !important; box-shadow: 0 10px 26px rgba(0,0,0,.27), 0 0 18px rgba(117,72,255,.08) !important; transform: translateY(-2px); } /* ========================================================= 2. TITULOS ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-title { color: #f1f6ff !important; text-shadow: 0 0 10px rgba(0,217,255,.055); } /* ========================================================= 3. CONTENIDO ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content { color: #b8c6dc !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: #b8c6dc !important; } /* Links dentro de beneficios */ body.cybermonday.single-product .summary.entry-summary .ultrapc-product-benefit-content a { color: #65ddff !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(8,124,255,.17), rgba(117,72,255,.16) ) !important; border: 1px solid rgba(0,217,255,.22) !important; color: #55ddff !important; box-shadow: inset 0 0 12px rgba(0,217,255,.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: #55ddff !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, #101a36 0%, #0b142d 100% ) !important; background-color: #0b142d !important; color: #67dfff !important; border: 1px solid rgba(0,217,255,.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: #00d9ff !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary:hover { background: linear-gradient( 100deg, rgba(8,124,255,.28), rgba(117,72,255,.28) ) !important; color: #ffffff !important; border-color: #00d9ff !important; box-shadow: 0 8px 20px rgba(0,217,255,.10), 0 0 18px rgba(117,72,255,.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, #101a36 0%, #0b142d 100% ) !important; border: 1px solid rgba(0,217,255,.18) !important; color: #98a8c3 !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: #91a2bf !important; font-weight: 600 !important; } /* ========================================================= 7. CAPSULAS DE CATEGORIA ========================================================= */ body.cybermonday.single-product .summary.entry-summary .ultrapc-df-category { background: linear-gradient( 100deg, #087cff 0%, #4b5df0 55%, #7548ff 100% ) !important; border: 1px solid rgba(0,217,255,.28) !important; color: #ffffff !important; box-shadow: 0 3px 9px rgba(8,124,255,.14), 0 0 12px rgba(117,72,255,.06) !important; } body.cybermonday.single-product .summary.entry-summary .ultrapc-df-category:hover { background: linear-gradient( 100deg, #00a9ff 0%, #6754ef 55%, #d63cff 100% ) !important; border-color: rgba(0,217,255,.60) !important; box-shadow: 0 5px 14px rgba(0,217,255,.12), 0 0 16px rgba(228,54,255,.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: #92a3c1 !important; } body.cybermonday.single-product .summary.entry-summary .precio_ultrapc_sumario .otros_medios::before { background-color: #59dfff !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: #f7fbff !important; font-weight: 800 !important; text-shadow: 0 0 10px rgba(0, 217, 255, .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: #d5e2f3 !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: #c8d7ea !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: #60ddff !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: #d9e6f6 !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: #b9cbe2 !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: #4fc8ff !important; text-shadow: 0 0 14px rgba(0, 217, 255, .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: #c7d8ee !important; opacity: 1 !important; } /* --------------------------------------------------------- 7. COTIZACION FORMAL --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary .contenedor-comprar > details > summary { color: #eaf6ff !important; font-weight: 800 !important; text-shadow: 0 0 10px rgba(0, 217, 255, .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: #d5e3f5 !important; opacity: 1 !important; } body.cybermonday.single-product .summary.entry-summary .contenedor-categoria_text .categoria_text { color: #bcd0e9 !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: #f2f8ff !important; } /* --------------------------------------------------------- 10. MICRO AJUSTE GLOBAL DEL SUMMARY --------------------------------------------------------- */ body.cybermonday.single-product .summary.entry-summary { color: #d8e5f5 !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: #dce8f7 !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: #e5effb !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(0, 217, 255, .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(0, 217, 255, .35) !important; box-shadow: 0 0 14px rgba(0, 217, 255, .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: #b9cbe3 !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: #b9cbe3 !important; font-weight: 700 !important; text-shadow: 0 0 9px rgba(0,217,255,.05); } /* --------------------------------------------------------- 2. BOTON SOLICITE FOTOS REALES --------------------------------------------------------- */ body.cybermonday.single-product .boton_solicitar_fotos .boton-solicite-fotos { background: linear-gradient( 100deg, #087cff 0%, #345fe9 52%, #7548ff 100% ) !important; border: 1px solid rgba(0,217,255,.30) !important; color: #ffffff !important; box-shadow: 0 6px 18px rgba(8,124,255,.20), 0 0 18px rgba(117,72,255,.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, #00a9ff 0%, #6754ef 56%, #d63cff 100% ) !important; border-color: rgba(0,217,255,.62) !important; box-shadow: 0 8px 22px rgba(0,217,255,.14), 0 0 24px rgba(228,54,255,.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(117,72,255,.11), transparent 45% ), linear-gradient( 145deg, #101a36 0%, #0b142d 100% ) !important; border: 1px solid rgba(0,217,255,.22) !important; border-radius: 12px !important; color: #eef5ff !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(0,217,255,.50) !important; box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 16px rgba(117,72,255,.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: #eef5ff !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(0,217,255,.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: #51dcff !important; fill: currentColor !important; filter: drop-shadow( 0 0 5px rgba(0,217,255,.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(117,72,255,.14), transparent 48% ), linear-gradient( 145deg, #111c3b 0%, #0b142d 100% ) !important; border: 1px solid rgba(0,217,255,.24) !important; color: #eef6ff !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(228,54,255,.13), transparent 48% ), linear-gradient( 145deg, #142246 0%, #101733 100% ) !important; border-color: rgba(0,217,255,.55) !important; box-shadow: 0 8px 20px rgba(0,0,0,.25), 0 0 17px rgba(0,217,255,.07), 0 0 20px rgba(117,72,255,.06) !important; transform: translateY(-2px); } /* --------------------------------------------------------- TEXTO --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec .upc-gallery-spec__value { color: #eef6ff !important; font-weight: 700 !important; text-shadow: 0 0 8px rgba(0,217,255,.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: #eef6ff !important; } /* --------------------------------------------------------- ICONOS GENERADOS POR ::BEFORE --------------------------------------------------------- */ body.cybermonday.single-product .upc-gallery-spec::before { color: #56dcff !important; text-shadow: 0 0 10px rgba(0,217,255,.16) !important; filter: drop-shadow( 0 0 4px rgba(0,217,255,.12) ); } /* Hover del icono */ body.cybermonday.single-product .upc-gallery-spec:hover::before { color: #7ce7ff !important; text-shadow: 0 0 13px rgba(0,217,255,.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, #071127 0%, #0c1733 58%, #20114a 100% ) !important; border-bottom: 1px solid rgba(0,217,255,.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(7,14,34,.94) !important; border: 1px solid rgba(0,217,255,.28) !important; border-radius: 12px !important; color: #eef6ff !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: #8293b2 !important; opacity: 1 !important; } /* Botón búsqueda */ body.cybermonday #masthead button[type="submit"], body.cybermonday #masthead .search-submit { background: linear-gradient( 135deg, #087cff, #7548ff ) !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: #dceaff !important; } /* Navegación handheld */ body.cybermonday .handheld-navigation-wrapper { background: #0a1430 !important; border-top: 1px solid rgba(0,217,255,.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: #f5f8ff !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(117,72,255,.13), transparent 31% ), radial-gradient( circle at 16% 40%, rgba(0,217,255,.075), transparent 29% ), linear-gradient( 180deg, #070b1a 0%, #081020 48%, #060a18 100% ) !important; color: #eaf2ff !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, #081126 0%, #0d1735 58%, #241149 100% ) !important; border-bottom: 1px solid rgba(0,217,255,.22) !important; box-shadow: 0 8px 26px rgba(0,0,0,.22), inset 0 -1px 0 rgba(228,54,255,.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(0,217,255,.18)) drop-shadow(0 0 12px rgba(117,72,255,.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(6,13,31,.94) !important; border: 1px solid rgba(0,217,255,.34) !important; color: #f1f6ff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 0 0 1px rgba(117,72,255,.025) !important; caret-color: #00d9ff !important; } body.cybermonday .df-fullscreen .df-topbar input::placeholder { color: #8192b1 !important; opacity: 1 !important; } /* Focus */ body.cybermonday .df-fullscreen .df-topbar input:focus { border-color: rgba(0,217,255,.72) !important; box-shadow: 0 0 0 3px rgba(0,217,255,.075), 0 0 20px rgba(117,72,255,.07) !important; outline: none !important; } /* ========================================================= 5. BOTONES DE TOPBAR / BUSCAR / CERRAR ========================================================= */ body.cybermonday .df-fullscreen .df-topbar button { color: #dce9ff !important; border-color: rgba(0,217,255,.18) !important; } body.cybermonday .df-fullscreen .df-topbar button:hover { color: #ffffff !important; border-color: rgba(0,217,255,.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(117,72,255,.12), transparent 42% ), linear-gradient( 145deg, #111c3b 0%, #0b142d 100% ) !important; border: 1px solid rgba(0,217,255,.20) !important; color: #eaf2ff !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(228,54,255,.14), transparent 42% ), linear-gradient( 145deg, #142246 0%, #101733 100% ) !important; border-color: rgba(0,217,255,.52) !important; box-shadow: 0 10px 26px rgba(0,0,0,.26), 0 0 18px rgba(0,217,255,.07), 0 0 20px rgba(117,72,255,.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(8,124,255,.18), rgba(117,72,255,.17) ) !important; border: 1px solid rgba(0,217,255,.24) !important; color: #55ddff !important; box-shadow: inset 0 0 13px rgba(0,217,255,.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: #55ddff !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: #f4f8ff !important; text-shadow: 0 0 9px rgba(0,217,255,.05); } body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__content small, body.cybermonday #ultrapc-search-gateway .ultrapc-search-card__action { color: #aebed6 !important; } /* ========================================================= 9. SCROLLBAR GENERAL BUSCADOR ========================================================= */ body.cybermonday .df-fullscreen ::-webkit-scrollbar { width: 9px; } body.cybermonday .df-fullscreen ::-webkit-scrollbar-track { background: #081020; } body.cybermonday .df-fullscreen ::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #087cff, #7548ff ); border-radius: 999px; border: 2px solid #081020; } /* ========================================================= 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(8,17,38,.96) 0%, rgba(13,23,53,.96) 58%, rgba(36,17,73,.94) 100% ) !important; border: 1px solid rgba(0,217,255,.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(117,72,255,.15), transparent 45% ), linear-gradient( 145deg, #111c3b 0%, #0b142d 100% ) !important; background-color: #0b142d !important; border: 1px solid rgba(0,217,255,.22) !important; color: #eef6ff !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: #eef6ff !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(8,124,255,.20), rgba(117,72,255,.18) ) !important; border: 1px solid rgba(0,217,255,.30) !important; color: #56dcff !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: #f4f8ff !important; } /* Hover */ body.cybermonday #dffullscreen #ultrapc-search-gateway button.ultrapc-search-card:hover { background: radial-gradient( circle at 90% 0%, rgba(228,54,255,.16), transparent 45% ), linear-gradient( 145deg, #15254d 0%, #111735 100% ) !important; border-color: rgba(0,217,255,.58) !important; box-shadow: 0 9px 22px rgba(0,0,0,.25), 0 0 18px rgba(0,217,255,.08), 0 0 20px rgba(228,54,255,.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(228,54,255,.15), transparent 34% ), linear-gradient( 100deg, #0b1a3b 0%, #123d9d 52%, #25134e 100% ) !important; border: 1px solid rgba(0,217,255,.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: #eef6ff !important; } /* --------------------------------------------------------- RESULTADOS --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-header-title { color: #f5f8ff !important; font-weight: 800 !important; text-shadow: 0 0 9px rgba(0,217,255,.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: #dce8f7 !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, #111c3b 0%, #0b142d 100% ) !important; background-color: #0b142d !important; border: 1px solid rgba(0,217,255,.30) !important; border-radius: 10px !important; color: #f1f6ff !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(0,217,255,.52) !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-sort-select select:focus { border-color: #00d9ff !important; box-shadow: 0 0 0 3px rgba(0,217,255,.08), 0 0 18px rgba(117,72,255,.08) !important; } /* Opciones desplegadas */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-sort-select select option { background: #0b142d !important; color: #eef6ff !important; } /* --------------------------------------------------------- FILTROS SELECCIONADOS --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filters { background: rgba(7,15,35,.46) !important; border: 1px solid rgba(0,217,255,.12) !important; border-radius: 10px !important; box-shadow: none !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filters__content { color: #c7d6e9 !important; } /* Cada filtro */ body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filter { background: linear-gradient( 100deg, rgba(8,124,255,.20), rgba(117,72,255,.18) ) !important; border: 1px solid rgba(0,217,255,.22) !important; border-radius: 999px !important; color: #eaf5ff !important; } body.cybermonday #dffullscreen #df-header__dffullscreen .df-selected-filter__name { color: #9eb2cf !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(228,54,255,.10) !important; border: 1px solid rgba(228,54,255,.24) !important; color: #e8c9ff !important; border-radius: 8px !important; } body.cybermonday #dffullscreen #df-header__dffullscreen button[data-role="clear-all-filters"]:hover { background: rgba(228,54,255,.18) !important; border-color: rgba(228,54,255,.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, #0d1834 0%, #112556 58%, #24134b 100% ) !important; border: 1px solid rgba(0,217,255,.19) !important; color: #eef6ff !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; } body.cybermonday #dffullscreen .ultrapc-search-sectionbar__text small { color: #92a7c6 !important; } body.cybermonday #dffullscreen .ultrapc-search-sectionbar__text strong { color: #f4f8ff !important; } /* Cambiar sección */ body.cybermonday #dffullscreen button.ultrapc-search-sectionbar__change { background: linear-gradient( 100deg, #087cff, #7548ff ) !important; border: 1px solid rgba(0,217,255,.30) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(8,124,255,.15) !important; } body.cybermonday #dffullscreen button.ultrapc-search-sectionbar__change:hover { background: linear-gradient( 100deg, #00a9ff, #7548ff, #d63cff ) !important; border-color: rgba(0,217,255,.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, #09142d 0%, #080f22 100% ) !important; background-color: #080f22 !important; color: #dce8f7 !important; } /* borde derecho del sidebar */ body.cybermonday #dffullscreen .df-aside { border-right: 1px solid rgba(0,217,255,.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(117,72,255,.10), transparent 42% ), linear-gradient( 145deg, #111c3b 0%, #0b142d 100% ) !important; border: 1px solid rgba(0,217,255,.18) !important; box-shadow: 0 5px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025) !important; color: #dce8f7 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"]:hover { border-color: rgba(0,217,255,.36) !important; box-shadow: 0 7px 20px rgba(0,0,0,.22), 0 0 13px rgba(117,72,255,.05) !important; } /* ========================================================= 3. TITULO DE CADA FILTRO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title { background: rgba(7,15,35,.28) !important; color: #f4f8ff !important; border-bottom-color: rgba(0,217,255,.13) !important; font-weight: 800 !important; text-shadow: 0 0 8px rgba(0,217,255,.05); } /* Indicador lateral / detalles decorativos */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title::before { background: linear-gradient( 180deg, #00d9ff, #7548ff ) !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title::after { color: #69e2ff !important; } /* ========================================================= 4. OPCIONES DE FILTRO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term { background: transparent !important; color: #c7d6e9 !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term:hover { background: linear-gradient( 90deg, rgba(8,124,255,.13), rgba(117,72,255,.09) ) !important; color: #ffffff !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term__value { color: #cbd9eb !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(0,217,255,.09) !important; border: 1px solid rgba(0,217,255,.15) !important; color: #87e8ff !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term:hover .df-term__count { background: rgba(117,72,255,.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(8,124,255,.23), rgba(117,72,255,.20) ) !important; border-color: rgba(0,217,255,.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(8,124,255,.10) !important; border: 1px solid rgba(0,217,255,.20) !important; color: #71dfff !important; } body.cybermonday #dffullscreen .df-panel[data-role="panel"] button[data-toggle-extra-content]:hover { background: linear-gradient( 90deg, rgba(8,124,255,.20), rgba(117,72,255,.18) ) !important; border-color: rgba(0,217,255,.43) !important; color: #ffffff !important; } /* ========================================================= 7. SLIDER PRECIO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-target { background: #172442 !important; border: 1px solid rgba(0,217,255,.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, #00d9ff 0%, #087cff 48%, #7548ff 100% ) !important; box-shadow: 0 0 9px rgba(0,217,255,.14) !important; } /* Handles */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-handle { background: #0d1834 !important; border: 2px solid #42dcff !important; box-shadow: 0 0 0 3px rgba(0,217,255,.07), 0 3px 9px rgba(0,0,0,.28) !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-handle:active { border-color: #d653ff !important; box-shadow: 0 0 0 4px rgba(228,54,255,.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, #087cff, #7548ff ) !important; color: #ffffff !important; box-shadow: 0 4px 10px rgba(0,0,0,.23), 0 0 12px rgba(117,72,255,.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: #8397b7 !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .noUi-marker-large { background: #425675 !important; } /* ========================================================= 8. CAMPOS DESDE / HASTA ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field > span { color: #91a6c6 !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field input { background: #0c1730 !important; border: 1px solid rgba(0,217,255,.20) !important; color: #f0f6ff !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(0,217,255,.42) !important; } body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field input:focus { border-color: #00d9ff !important; box-shadow: 0 0 0 3px rgba(0,217,255,.07) !important; outline: none !important; } /* ========================================================= 9. GRID DE FILTROS TIPO AÑO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="year"] .df-grid-item { background: #0c1730 !important; border: 1px solid rgba(0,217,255,.15) !important; color: #c9d8eb !important; } body.cybermonday #dffullscreen .df-panel[data-facet="year"] .df-grid-item:hover { background: linear-gradient( 100deg, rgba(8,124,255,.18), rgba(117,72,255,.14) ) !important; border-color: rgba(0,217,255,.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: #07101f !important; } body.cybermonday #dffullscreen .df-aside__content::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #087cff, #7548ff ) !important; border-radius: 999px !important; border: 1px solid #07101f !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, #0d1730 0%, #0a1329 100% ) !important; background-color: #0a1329 !important; color: #cbd9eb !important; border-top: 1px solid rgba(0,217,255,.07) !important; } /* Precio */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] > .df-panel__content { background: radial-gradient( circle at 70% 0%, rgba(117,72,255,.08), transparent 42% ), linear-gradient( 180deg, #0d1730, #0a1329 ) !important; } /* ========================================================= 2. TITULO DEL PANEL ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title { background: linear-gradient( 100deg, #111c3a 0%, #111830 65%, #18123c 100% ) !important; background-color: #111c3a !important; color: #f4f8ff !important; border-bottom: 1px solid rgba(0,217,255,.12) !important; } /* ========================================================= 3. BOTON +/- DEL FILTRO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] > .df-panel__title::after { background: linear-gradient( 145deg, #14284a, #1a1740 ) !important; border: 1px solid rgba(0,217,255,.24) !important; color: #62e0ff !important; box-shadow: 0 0 10px rgba(0,217,255,.05) !important; } /* ========================================================= 4. TEXTO DE CATEGORIAS ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-role="panel"] .df-term__value { color: #c8d7ea !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(0,217,255,.09) !important; border: 1px solid rgba(0,217,255,.15) !important; color: #78e5ff !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(0,217,255,.075), rgba(117,72,255,.10) ) !important; border-color: rgba(0,217,255,.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: #8fa5c5 !important; opacity: 1 !important; } /* Desde / Hasta */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field > span { color: #9eb2ce !important; } /* ========================================================= 8. INPUTS PRECIO ========================================================= */ body.cybermonday #dffullscreen .df-panel[data-facet="best_price"] .ultrapc-price-field input { background: #08142c !important; background-color: #08142c !important; border: 1px solid rgba(0,217,255,.22) !important; color: #f4f8ff !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: #07101f !important; background-color: #07101f !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(117,72,255,.07), transparent 30% ), linear-gradient( 180deg, #081020 0%, #070c1b 100% ) !important; } /* ========================================================= 2. CARD EXTERIOR ========================================================= */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen > .df-card_letsee { background: radial-gradient( circle at 100% 0%, rgba(117,72,255,.12), transparent 43% ), linear-gradient( 145deg, #111c3b 0%, #0b142d 100% ) !important; background-color: #0b142d !important; border: 1px solid rgba(0,217,255,.20) !important; box-shadow: 0 7px 20px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.025) !important; color: #eaf2ff !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(228,54,255,.14), transparent 44% ), linear-gradient( 145deg, #142246 0%, #101733 100% ) !important; border-color: rgba(0,217,255,.48) !important; box-shadow: 0 12px 28px rgba(0,0,0,.28), 0 0 17px rgba(0,217,255,.06), 0 0 22px rgba(117,72,255,.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%, #f4f7fb 100% ) !important; border: 1px solid rgba(0,217,255,.11) !important; border-radius: 12px !important; box-shadow: inset 0 0 18px rgba(8,124,255,.025) !important; } /* ========================================================= 5. TITULO PRODUCTO ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__title { color: #f1f6ff !important; text-shadow: 0 0 8px rgba(0,217,255,.035); font-weight: 700 !important; } /* ========================================================= 6. ITEM ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__item { background: rgba(0,217,255,.09) !important; border: 1px solid rgba(0,217,255,.22) !important; color: #65dfff !important; box-shadow: inset 0 0 8px rgba(0,217,255,.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(245,158,11,.10) !important; border: 1px solid rgba(245,158,11,.24) !important; color: #f7c86b !important; } /* A pedido */ body.cybermonday #dffullscreen .df-card_letsee .df-card__a_pedido { background: rgba(117,72,255,.12) !important; border: 1px solid rgba(117,72,255,.27) !important; color: #c5b7ff !important; } /* ========================================================= 9. SEPARADORES ========================================================= */ body.cybermonday #dffullscreen .df-card_letsee .df-card__pricing { border-top-color: rgba(0,217,255,.12) !important; } /* ========================================================= 10. PRECIO ========================================================= */ /* IVA / textos pequeños */ body.cybermonday #dffullscreen .df-card_letsee .iva-texto { color: #91a4c2 !important; } /* Precio anterior */ body.cybermonday #dffullscreen .df-card_letsee .df-card__price--old { color: #7787a3 !important; } /* Precio actual */ body.cybermonday #dffullscreen .df-card_letsee .df-card__price--new { color: #32c9ff !important; text-shadow: 0 0 11px rgba(0,217,255,.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, #087cff 0%, #3463ef 52%, #7548ff 100% ) !important; border: 1px solid rgba(0,217,255,.26) !important; color: #ffffff !important; box-shadow: 0 6px 16px rgba(8,124,255,.18), 0 0 12px rgba(117,72,255,.06) !important; } body.cybermonday #dffullscreen .df-card_letsee .link-añadir-carrito:hover { background: linear-gradient( 100deg, #00a9ff 0%, #6558ef 54%, #d13cff 100% ) !important; border-color: rgba(0,217,255,.55) !important; box-shadow: 0 8px 20px rgba(0,217,255,.12), 0 0 18px rgba(228,54,255,.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: #087cff !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(7,15,35,.70) !important; border: 1px solid rgba(0,217,255,.18) !important; color: #96dcff !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: #8edfff !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(8,124,255,.18), rgba(117,72,255,.18) ) !important; border-color: rgba(0,217,255,.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: #070d1c !important; } body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #087cff, #7548ff ) !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(0,217,255,.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: #f4f8ff !important; text-shadow: 0 0 7px rgba(0,217,255,.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(0,217,255,.08) !important; border-color: rgba(0,217,255,.25) !important; color: #70e3ff !important; } /* --------------------------------------------------------- 5. SEPARADOR PRECIO --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__pricing { border-top: 1px solid rgba(0,217,255,.13) !important; } /* --------------------------------------------------------- 6. PRECIO --------------------------------------------------------- */ body.cybermonday #dffullscreen .df-card_letsee .df-card__price--new { color: #36ccff !important; text-shadow: 0 0 12px rgba(0,217,255,.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(5,13,31,.82) !important; border: 1px solid rgba(0,217,255,.20) !important; color: #a4e7ff !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: #a4e7ff !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(8,124,255,.22), rgba(117,72,255,.20) ) !important; border-color: rgba(0,217,255,.46) !important; color: #ffffff !important; box-shadow: 0 0 13px rgba(0,217,255,.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%, #f4f7fb 70%, #edf3f9 100% ) !important; border-color: rgba(0,217,255,.12) !important; } /* --------------------------------------------------------- 9. FONDO ENTRE CARDS --------------------------------------------------------- */ body.cybermonday #dffullscreen #df-results__wrapper__dffullscreen.df-results { background: radial-gradient( circle at 82% 10%, rgba(117,72,255,.065), transparent 30% ), radial-gradient( circle at 16% 42%, rgba(0,217,255,.035), transparent 26% ), linear-gradient( 180deg, #071020 0%, #060b19 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(117,72,255,.15), transparent 28% ), linear-gradient( 100deg, #071629 0%, #081126 58%, #211044 100% ) !important; border-bottom: 1px solid rgba(0,217,255,.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(0,217,255,.18) ) drop-shadow( 0 0 11px rgba(228,54,255,.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(6,14,32,.98), rgba(12,20,44,.98) ) !important; background-color: #081126 !important; background-image: none !important; border: 1px solid rgba(0,217,255,.58) !important; border-radius: 999px !important; outline: none !important; color: #eef6ff !important; font-size: 15px !important; font-weight: 500 !important; line-height: 54px !important; caret-color: #00d9ff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 0 0 1px rgba(8,124,255,.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: #8595b4 !important; opacity: 1 !important; } /* Focus */ body.cybermonday #dffullscreen .df-topbar input:focus { border-color: #00d9ff !important; box-shadow: 0 0 0 3px rgba(0,217,255,.07), 0 0 20px rgba(117,72,255,.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(0,217,255,.34) !important; border-radius: 50% !important; background-color: #7548ff !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, #087cff 0%, #7548ff 68%, #d13cff 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(8,124,255,.25), 0 0 13px rgba(117,72,255,.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: #b7c7de !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(117,72,255,.13), transparent 30% ), radial-gradient( circle at 8% 28%, rgba(0,217,255,.07), transparent 28% ), linear-gradient( 180deg, #071020 0%, #081225 48%, #060d1c 100% ) !important; color: #dce8f8 !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: #f4f8ff !important; text-shadow: 0 0 10px rgba(0,217,255,.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(17,28,59,.98) 0%, rgba(9,18,40,.98) 100% ) !important; border: 1px solid rgba(0,217,255,.17) !important; border-radius: 16px !important; color: #dce8f8 !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: #0b142d !important; border-color: rgba(0,217,255,.14) !important; color: #dce8f8 !important; } body.cybermonday.woocommerce-cart table.shop_table th { background: rgba(8,18,42,.96) !important; color: #92a7c8 !important; border-color: rgba(0,217,255,.10) !important; } body.cybermonday.woocommerce-cart table.shop_table td { color: #e9f2ff !important; border-color: rgba(0,217,255,.09) !important; } /* Nombre producto */ body.cybermonday.woocommerce-cart .product-name a { color: #eef6ff !important; } body.cybermonday.woocommerce-cart .product-name a:hover { color: #5ee5ff !important; } /* Foto producto */ body.cybermonday.woocommerce-cart .product-thumbnail img { background: #f7f9fc !important; border: 1px solid rgba(0,217,255,.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: #48d9ff !important; font-weight: 800 !important; } /* Cantidad */ body.cybermonday.woocommerce-cart .quantity, body.cybermonday.woocommerce-cart .quantity input { background: #071329 !important; color: #f4f8ff !important; border-color: rgba(0,217,255,.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: #08142c !important; color: #eef6ff !important; border: 1px solid rgba(0,217,255,.20) !important; border-radius: 10px !important; } body.cybermonday.woocommerce-cart .coupon input.input-text::placeholder { color: #7488aa !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, #087cff 0%, #3658ee 52%, #7548ff 100% ) !important; color: #ffffff !important; border: 0 !important; border-radius: 10px !important; box-shadow: 0 6px 16px rgba(8,124,255,.18), 0 0 14px rgba(117,72,255,.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(8,124,255,.25), 0 0 18px rgba(117,72,255,.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: #dce8f8 !important; border-color: rgba(0,217,255,.10) !important; } body.cybermonday.woocommerce-cart .cart_totals h2 { border-bottom-color: rgba(0,217,255,.13) !important; } /* ========================================================= 7. DESPACHO / SHIPPING ========================================================= */ body.cybermonday #shipping_method li { background: rgba(7,18,40,.82) !important; border: 1px solid rgba(0,217,255,.15) !important; border-radius: 10px !important; color: #dbe8fa !important; } body.cybermonday #shipping_method li:hover { border-color: rgba(0,217,255,.35) !important; background: rgba(12,29,61,.92) !important; } body.cybermonday #shipping_method label { color: #dce8f8 !important; } /* ========================================================= C2 — CHECKOUT ========================================================= */ /* Título finalizar compra */ body.cybermonday.woocommerce-checkout .entry-title, body.cybermonday.woocommerce-checkout .checkout-title { color: #f4f8ff !important; } /* ========================================================= 8. PROGRESO ========================================================= */ body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress, body.cybermonday.woocommerce-checkout [class*="checkout-progress"] { color: #dce8f8 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-step { color: #9cafca !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-step-active, body.cybermonday.woocommerce-checkout .ultrapc-step-active { color: #64e2ff !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(8,29,60,.92) !important; color: #dce8f8 !important; border: 1px solid rgba(0,217,255,.20) !important; border-left: 3px solid #21cfff !important; border-radius: 10px !important; box-shadow: none !important; } body.cybermonday .woocommerce-info a, body.cybermonday .woocommerce-message a { color: #5ee5ff !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: #dce8f8 !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: #07142c !important; color: #edf5ff !important; border: 1px solid rgba(0,217,255,.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(0,217,255,.56) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0,217,255,.055) !important; } body.cybermonday.woocommerce-checkout input::placeholder, body.cybermonday.woocommerce-checkout textarea::placeholder { color: #7285a5 !important; } /* Select2 */ body.cybermonday.woocommerce-checkout .select2-container .select2-selection__rendered { color: #edf5ff !important; } /* ========================================================= 13. RESUMEN DE PEDIDO ========================================================= */ body.cybermonday.woocommerce-checkout .woocommerce-checkout-review-order-table { background: transparent !important; color: #dce8f8 !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: #dce8f8 !important; border-color: rgba(0,217,255,.10) !important; } body.cybermonday.woocommerce-checkout .order-total .amount, body.cybermonday.woocommerce-checkout .cart-subtotal .amount { color: #4bdcff !important; font-weight: 800 !important; } /* ========================================================= 14. METODOS DE PAGO ========================================================= */ body.cybermonday.woocommerce-checkout #payment { background: linear-gradient( 145deg, #101b39, #091329 ) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid rgba(0,217,255,.12) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li { background: rgba(6,17,39,.84) !important; border: 1px solid rgba(0,217,255,.14) !important; border-radius: 10px !important; color: #e5efff !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li:hover { border-color: rgba(0,217,255,.38) !important; } body.cybermonday.woocommerce-checkout #payment .payment_box { background: rgba(11,32,65,.92) !important; color: #b9c9e2 !important; border: 1px solid rgba(0,217,255,.10) !important; border-radius: 8px !important; } body.cybermonday.woocommerce-checkout #payment .payment_box::before { border-bottom-color: rgba(11,32,65,.92) !important; } /* ========================================================= 15. CHECKBOX / RADIO ========================================================= */ body.cybermonday input[type="radio"], body.cybermonday input[type="checkbox"] { accent-color: #19cfff; } /* ========================================================= 16. PRIVACIDAD / TERMINOS ========================================================= */ body.cybermonday.woocommerce-checkout .woocommerce-privacy-policy-text, body.cybermonday.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { color: #93a7c5 !important; } body.cybermonday.woocommerce-checkout .woocommerce-privacy-policy-text a, body.cybermonday.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a { color: #52ddff !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, #0d1935, #091328 ) !important; color: #dce8f8 !important; border: 1px solid rgba(0,217,255,.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: #dce8f8; } /* ========================================================= 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, #111c3b 0%, #0a142d 100% ) !important; border: 1px solid rgba(0,217,255,.18) !important; color: #e7f0ff !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: #e7f0ff !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: #09142d !important; color: #8fa6c9 !important; border-color: rgba(0,217,255,.10) !important; } /* Fila acciones inferior */ body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-cart-form .actions { background: rgba(6,16,36,.60) !important; border-top: 1px solid rgba(0,217,255,.10) !important; } /* Nombre producto */ body.cybermonday.woocommerce-cart .upc-cart-layout .product-name, body.cybermonday.woocommerce-cart .upc-cart-layout .product-name a { color: #f1f6ff !important; } /* Precio */ body.cybermonday.woocommerce-cart .upc-cart-layout .product-price .amount, body.cybermonday.woocommerce-cart .upc-cart-layout .product-subtotal .amount { color: #47dcff !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: #07142c !important; color: #eaf3ff !important; border-color: rgba(0,217,255,.20) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout .upc-qty-btn:hover { background: #10254b !important; color: #65e5ff !important; } /* Cupón */ body.cybermonday.woocommerce-cart .upc-cart-layout .coupon input { background: #08152e !important; color: #edf5ff !important; border-color: rgba(0,217,255,.20) !important; } /* Total carrito */ body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals { background: linear-gradient( 145deg, #101b38 0%, #091328 100% ) !important; border: 1px solid rgba(0,217,255,.20) !important; color: #e8f1ff !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: #f3f7ff !important; border-bottom-color: rgba(0,217,255,.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: #dce8f8 !important; border-color: rgba(0,217,255,.10) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout .cart-collaterals .cart_totals .order-total .amount { color: #43d8ff !important; opacity: 1 !important; } /* Shipping */ body.cybermonday.woocommerce-cart .upc-cart-layout #shipping_method li { background: #08162f !important; color: #e4eefc !important; border-color: rgba(0,217,255,.18) !important; } body.cybermonday.woocommerce-cart .upc-cart-layout #shipping_method label, body.cybermonday.woocommerce-cart .upc-cart-layout .woocommerce-shipping-destination { color: #b8c8df !important; } /* Beneficios inferiores */ body.cybermonday.woocommerce-cart .upc-cart-benefits { background: linear-gradient( 145deg, #0f1b38, #091328 ) !important; border: 1px solid rgba(0,217,255,.14) !important; } body.cybermonday.woocommerce-cart .upc-cart-benefit { background: transparent !important; } body.cybermonday.woocommerce-cart .upc-cart-benefit__text strong { color: #eaf3ff !important; } body.cybermonday.woocommerce-cart .upc-cart-benefit__text small { color: #899dbb !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: #e3edf9 !important; } /* Progreso */ body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress { background: transparent !important; color: #dce8f8 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress::before { background: rgba(79,104,146,.32) !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-progress::after { background: linear-gradient( 90deg, #0abde8, #5966ff ) !important; } body.cybermonday.woocommerce-checkout .ultrapc-step-icon { background: #101d3d !important; color: #8fa3c2 !important; border-color: rgba(0,217,255,.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, #078cff, #694eff ) !important; color: #fff !important; border-color: transparent !important; } body.cybermonday.woocommerce-checkout .ultrapc-step-label { color: #94a8c6 !important; } body.cybermonday.woocommerce-checkout .ultrapc-step-active .ultrapc-step-label { color: #5ee3ff !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, #111d3d, #0b152f ) !important; color: #e7f0ff !important; border-color: rgba(0,217,255,.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: #f3f7ff !important; border-color: rgba(0,217,255,.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: #07152e !important; background-color: #07152e !important; color: #eef5ff !important; border: 1px solid rgba(0,217,255,.20) !important; box-shadow: none !important; } body.cybermonday.woocommerce-checkout form.checkout .form-row input.input-text:-webkit-autofill { -webkit-text-fill-color: #eef5ff !important; -webkit-box-shadow: 0 0 0 1000px #07152e inset !important; } /* Select2 */ body.cybermonday.woocommerce-checkout form.checkout .select2-container .select2-selection--single { background: #07152e !important; background-color: #07152e !important; border-color: rgba(0,217,255,.20) !important; } body.cybermonday.woocommerce-checkout form.checkout .select2-selection__rendered { color: #eef5ff !important; } /* ========================================================= SU PEDIDO ========================================================= */ body.cybermonday.woocommerce-checkout #order_review_heading, body.cybermonday.woocommerce-checkout #order_review_heading_v2 { background: linear-gradient( 145deg, #101c3a, #0a142d ) !important; color: #f2f7ff !important; border-color: rgba(0,217,255,.16) !important; } body.cybermonday.woocommerce-checkout #order_review_heading::after, body.cybermonday.woocommerce-checkout #order_review_heading_v2::after { background: linear-gradient( 90deg, #00d9ff, #7352ff ) !important; } body.cybermonday.woocommerce-checkout .order-review-wrapper, body.cybermonday.woocommerce-checkout .order-review-wrapper #order_review { background: linear-gradient( 145deg, #101c3a, #091328 ) !important; color: #dce8f8 !important; border-color: rgba(0,217,255,.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: #dce8f8 !important; border-color: rgba(0,217,255,.10) !important; } /* Cabecera de tabla */ body.cybermonday.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead th { color: #8fa5c6 !important; } /* Totales */ body.cybermonday.woocommerce-checkout #order_review .order-total .amount, body.cybermonday.woocommerce-checkout #order_review .cart-subtotal .amount { color: #49dcff !important; opacity: 1 !important; } /* Shipping checkout */ body.cybermonday.woocommerce-checkout #order_review #shipping_method li { background: #07162f !important; color: #e4eefc !important; border-color: rgba(0,217,255,.17) !important; } body.cybermonday.woocommerce-checkout #order_review #shipping_method label { color: #e3edf9 !important; } /* ========================================================= METODOS DE PAGO ========================================================= */ body.cybermonday.woocommerce-checkout #payment { background: linear-gradient( 145deg, #101c3a, #081328 ) !important; border-color: rgba(0,217,255,.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: #07152e !important; color: #e6effc !important; border-color: rgba(0,217,255,.17) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) { background: #0b2042 !important; border-color: rgba(0,217,255,.62) !important; box-shadow: 0 0 0 1px rgba(0,217,255,.08) !important; } body.cybermonday.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label { color: #eef5ff !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, #0f1b38, #091328 ) !important; border: 1px solid rgba(0,217,255,.14) !important; color: #dce8f8 !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(0,217,255,.10) !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__item strong { color: #e9f2ff !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: #879bb9 !important; } body.cybermonday.woocommerce-checkout .ultrapc-checkout-footer__links a { color: #59defd !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(5,13,31,.82) !important; border: 1px solid rgba(0,217,255,.20) !important; color: #a4e7ff !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(8,124,255,.22), rgba(117,72,255,.20) ) !important; border-color: rgba(0,217,255,.46) !important; color: #ffffff !important; box-shadow: 0 0 13px rgba(0,217,255,.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: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !important; text-shadow: 0 0 10px rgba(0,217,255,.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: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !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: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !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(0,217,255,.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, #087cff, #00d9ff ) !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, #00d9ff, #7548ff, #e436ff ) !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: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !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(0,217,255,.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, #087cff, #00d9ff ) !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, #00d9ff, #7548ff, #e436ff ) !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: #081127 !important; color: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !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(0,217,255,.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, #087cff, #00d9ff ) left center / 52px 2px no-repeat, linear-gradient( 90deg, #00d9ff, #7548ff, #e436ff ) 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, #087cff, #00d9ff ) left center / 30px 2px no-repeat, linear-gradient( 90deg, #00d9ff, #7548ff, #e436ff ) 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: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !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(0,217,255,.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, #00bfff, #00d9ff ) left center / 58px 2px no-repeat, linear-gradient( 90deg, #00d9ff, #7a52ff, #e436ff ) 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, #00bfff, #00d9ff ) left center / 30px 2px no-repeat, linear-gradient( 90deg, #00d9ff, #7a52ff, #e436ff ) 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, #1d8fff 0%, #6d49ff 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(50,90,255,.28), inset 0 1px 0 rgba(255,255,255,.24) !important; }