/* ========================================================= ULTRAPC CYBER — RECIBIMOS TU LAPTOP Página ID 17833 IMPORTANTE: Todas las reglas dependen de body.cybermonday. La versión pública normal permanece intacta. ========================================================= */ /* ========================================================= 1. CANVAS GENERAL ========================================================= */ body.cybermonday.page-id-17833, body.cybermonday.page-id-17833 #page, body.cybermonday.page-id-17833 .site-content, body.cybermonday.page-id-17833 #content, body.cybermonday.page-id-17833 .content-area, body.cybermonday.page-id-17833 .site-main, body.cybermonday.page-id-17833 .entry-content, body.cybermonday.page-id-17833 .elementor-17833 { background: transparent !important; color: #efeae5 !important; } body.cybermonday.page-id-17833 { background: radial-gradient( circle at 92% 15%, rgba(128,11,211,.14), transparent 31% ), radial-gradient( circle at 4% 36%, rgba(255,149,56,.075), transparent 27% ), linear-gradient( 180deg, var(--upc-cyber-panel-dark, #140d1a) 0%, #190f22 46%, #140d1b 100% ) !important; } /* Evitar bloques blancos heredados de Elementor */ body.cybermonday.page-id-17833 .elementor-17833 .elementor-section, body.cybermonday.page-id-17833 .elementor-17833 .elementor-container, body.cybermonday.page-id-17833 .elementor-17833 .elementor-column, body.cybermonday.page-id-17833 .elementor-17833 .elementor-widget-wrap { background-color: transparent !important; } /* ========================================================= 2. BREADCRUMB ========================================================= */ body.cybermonday.page-id-17833 .woocommerce-breadcrumb, body.cybermonday.page-id-17833 .woocommerce-breadcrumb a { color: #a69c93 !important; } body.cybermonday.page-id-17833 .woocommerce-breadcrumb a:hover { color: var(--upc-cyber-cyan-alt, #ff9a42) !important; } /* ========================================================= 3. HERO Mantenemos la imagen existente. ========================================================= */ body.cybermonday.page-id-17833 .upc-recibimos-hero { margin-bottom: 46px !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__main { border: 1px solid rgba(255,149,56,.27) !important; border-radius: 24px !important; box-shadow: 0 18px 45px rgba(0,0,0,.28), 0 0 28px rgba(255,149,56,.045), 0 0 34px rgba(128,11,211,.045) !important; } /* * Desktop: * mantenemos el degradado claro del lado izquierdo, * necesario para que la imagen/banner siga funcionando. */ body.cybermonday.page-id-17833 .upc-recibimos-hero__content { box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important; } /* ========================================================= 4. TITULOS PRINCIPALES DE SECCION ========================================================= */ body.cybermonday.page-id-17833 .elementor-17833 h2, body.cybermonday.page-id-17833 .elementor-17833 h2 * { color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; text-shadow: 0 0 11px rgba(255,149,56,.07) !important; } /* Línea Cyber bajo títulos centrales */ body.cybermonday.page-id-17833 .elementor-element-5fc68703 .elementor-widget-container > h2, body.cybermonday.page-id-17833 .elementor-17833 .upc-section-title { position: relative !important; padding-bottom: 15px !important; } body.cybermonday.page-id-17833 .elementor-element-5fc68703 .elementor-widget-container > h2::after, body.cybermonday.page-id-17833 .elementor-17833 .upc-section-title::after { content: "" !important; display: block !important; width: 76px !important; height: 2px !important; margin: 12px auto 0 !important; background: linear-gradient(90deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; border-radius: 99px !important; box-shadow: 0 0 10px rgba(255,149,56,.10) !important; } /* Textos introductorios */ body.cybermonday.page-id-17833 .elementor-17833 .elementor-widget-container > p, body.cybermonday.page-id-17833 .elementor-17833 .elementor-widget-container > p * { color: #bcb4ad !important; } /* ========================================================= 5. REQUISITOS ========================================================= */ body.cybermonday.page-id-17833 .upc-requisitos-grid { gap: 18px !important; } body.cybermonday.page-id-17833 .upc-requisito-card { background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.11), transparent 45% ), linear-gradient( 145deg, #271b32 0%, #1d1227 100% ) !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 16px !important; color: #efeae5 !important; box-shadow: 0 8px 22px rgba(0,0,0,.18), 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.page-id-17833 .upc-requisito-card:hover { transform: translateY(-2px) !important; border-color: rgba(255,149,56,.42) !important; box-shadow: 0 12px 28px rgba(0,0,0,.24), 0 0 18px rgba(255,149,56,.05) !important; } body.cybermonday.page-id-17833 .upc-requisito-card-header { border-color: rgba(255,149,56,.10) !important; } body.cybermonday.page-id-17833 .upc-requisito-card-header h4 { color: var(--upc-cyber-text-bright, #f8f6f4) !important; } body.cybermonday.page-id-17833 .upc-requisito-icono { background: linear-gradient( 135deg, rgba(255,153,64,.25), rgba(128,11,211,.20) ) !important; color: #ffa659 !important; border: 1px solid rgba(255,149,56,.18) !important; box-shadow: 0 0 12px rgba(255,149,56,.07) !important; } body.cybermonday.page-id-17833 .upc-requisito-card p, body.cybermonday.page-id-17833 .upc-requisito-card li { color: var(--upc-cyber-text-soft, #c8c2bb) !important; } body.cybermonday.page-id-17833 .upc-requisito-card b, body.cybermonday.page-id-17833 .upc-requisito-card strong { color: var(--upc-cyber-text-bright, #f8f6f4) !important; } body.cybermonday.page-id-17833 .upc-requisito-card > ul > li::before { color: #ffae66 !important; } /* ========================================================= 6. CONSIDERACIONES ========================================================= */ body.cybermonday.page-id-17833 .upc-consideraciones-grid { gap: 20px !important; } body.cybermonday.page-id-17833 .upc-consideracion-card { background: linear-gradient( 145deg, #261931 0%, #1c1125 100% ) !important; border: 1px solid rgba(255,149,56,.17) !important; border-radius: 16px !important; color: #efeae5 !important; box-shadow: 0 8px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02) !important; } body.cybermonday.page-id-17833 .upc-consideracion-card > h3 { color: var(--upc-cyber-text-bright, #f8f6f4) !important; border-color: rgba(255,149,56,.10) !important; } body.cybermonday.page-id-17833 .upc-consideracion-card > p, body.cybermonday.page-id-17833 .upc-consideracion-card > ul > li { color: var(--upc-cyber-text-soft, #c8c2bb) !important; } body.cybermonday.page-id-17833 .upc-consideracion-card b, body.cybermonday.page-id-17833 .upc-consideracion-card strong { color: var(--upc-cyber-text-bright, #f8f6f4) !important; } body.cybermonday.page-id-17833 .upc-consideracion-card > ul > li::before { color: #ffae66 !important; } /* Nota importante */ body.cybermonday.page-id-17833 .upc-consideracion-tiempos blockquote { background: rgba(27,16,37,.92) !important; color: #cfc9c2 !important; border: 1px solid rgba(255,149,56,.14) !important; border-left: 3px solid #ffae66 !important; border-radius: 10px !important; } body.cybermonday.page-id-17833 .upc-consideracion-tiempos blockquote p { color: #cfc9c2 !important; } /* ========================================================= 7. CTA CENTRAL ¿Tu equipo cumple los requisitos? ========================================================= */ body.cybermonday.page-id-17833 .upc-oferta-cta { position: relative !important; overflow: hidden !important; background: radial-gradient( circle at 85% 15%, rgba(128,11,211,.16), transparent 37% ), linear-gradient( 145deg, var(--upc-cyber-panel-soft-2, #271a32), #1b1025 ) !important; border: 1px solid rgba(255,149,56,.21) !important; border-radius: 18px !important; box-shadow: 0 12px 32px rgba(0,0,0,.22), 0 0 22px rgba(128,11,211,.045) !important; } body.cybermonday.page-id-17833 .upc-oferta-cta::before { background: linear-gradient(90deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; box-shadow: 0 0 13px rgba(255,149,56,.12) !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-label { color: #ff9e49 !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-header h2 { color: #faf8f7 !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-descripcion, body.cybermonday.page-id-17833 .upc-oferta-cta-nota { color: #bcb4ad !important; } /* Botón principal del formulario */ body.cybermonday.page-id-17833 #recibimos-laptop .info_extra > details > summary { background: linear-gradient(105deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(255,149,56,.20) !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(255,153,64,.20), 0 0 17px rgba(128,11,211,.09) !important; } body.cybermonday.page-id-17833 #recibimos-laptop .info_extra > details > summary:hover { filter: brightness(1.08) !important; transform: translateY(-1px) !important; } /* Segundo CTA */ body.cybermonday.page-id-17833 .upc-varios-equipos-cta { background: transparent !important; color: #c4bcb5 !important; } body.cybermonday.page-id-17833 .upc-varios-equipos-texto { color: #bcb4ad !important; } body.cybermonday.page-id-17833 .upc-varios-equipos-boton { background: linear-gradient(105deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(255,149,56,.20) !important; border-radius: 12px !important; box-shadow: 0 7px 18px rgba(255,153,64,.18) !important; } body.cybermonday.page-id-17833 .upc-varios-equipos-boton:hover { filter: brightness(1.08) !important; transform: translateY(-1px) !important; } /* Información desplegada */ body.cybermonday.page-id-17833 .upc-varios-equipos-info { background: #1e1328 !important; color: #c9c2ba !important; border: 1px solid rgba(255,149,56,.15) !important; border-radius: 12px !important; } body.cybermonday.page-id-17833 .upc-varios-info-intro, body.cybermonday.page-id-17833 .upc-varios-info-lista li, body.cybermonday.page-id-17833 .upc-varios-info-final { color: var(--upc-cyber-text-soft, #c8c2bb) !important; } body.cybermonday.page-id-17833 .upc-varios-info-lista li::before { color: #ffae66 !important; } /* ========================================================= 8. PROCESO — 4 PASOS ========================================================= */ body.cybermonday.page-id-17833 .upc-proceso-grid { gap: 20px !important; } body.cybermonday.page-id-17833 .upc-proceso-card { background: radial-gradient( circle at 100% 0%, rgba(128,11,211,.10), transparent 46% ), linear-gradient( 145deg, #271b32, #1c1125 ) !important; border: 1px solid rgba(255,149,56,.17) !important; border-radius: 16px !important; color: #efeae5 !important; box-shadow: 0 8px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02) !important; transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease !important; } body.cybermonday.page-id-17833 .upc-proceso-card:hover { transform: translateY(-2px) !important; border-color: rgba(255,149,56,.40) !important; box-shadow: 0 12px 28px rgba(0,0,0,.23), 0 0 18px rgba(255,149,56,.045) !important; } body.cybermonday.page-id-17833 .upc-proceso-card-header { border-color: rgba(255,149,56,.11) !important; } body.cybermonday.page-id-17833 .upc-proceso-card-header h3 { color: var(--upc-cyber-text-bright, #f8f6f4) !important; } body.cybermonday.page-id-17833 .upc-proceso-numero { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(255,149,56,.15) !important; box-shadow: 0 0 12px rgba(255,149,56,.09) !important; } body.cybermonday.page-id-17833 .upc-proceso-card p, body.cybermonday.page-id-17833 .upc-proceso-card > ul > li, body.cybermonday.page-id-17833 .upc-proceso-card ul ul li { color: var(--upc-cyber-text-soft, #c8c2bb) !important; } body.cybermonday.page-id-17833 .upc-proceso-card b, body.cybermonday.page-id-17833 .upc-proceso-card strong { color: var(--upc-cyber-text-bright, #f8f6f4) !important; } body.cybermonday.page-id-17833 .upc-proceso-card > ul > li::before { color: #ffae66 !important; } /* Cajas internas */ body.cybermonday.page-id-17833 .upc-proceso-card blockquote, body.cybermonday.page-id-17833 .upc-proceso-card ul ul { background: rgba(27,16,37,.72) !important; border-color: rgba(255,149,56,.12) !important; color: #c9c2ba !important; } /* ========================================================= 9. FORMULARIOS / MODALES ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { background: linear-gradient( 145deg, #261931, #1b1025 ) !important; color: #f4f0ec !important; border: 1px solid rgba(255,149,56,.20) !important; box-shadow: 0 18px 48px rgba(0,0,0,.40), 0 0 30px rgba(128,11,211,.06) !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header { background: #251930 !important; color: #faf8f7 !important; border-color: rgba(255,149,56,.12) !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal label, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal p { color: #cbc4bd !important; } /* Inputs */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea { background: var(--upc-cyber-panel-field, #1b1025) !important; color: var(--upc-cyber-text-bright, #f8f6f4) !important; border: 1px solid rgba(255,149,56,.18) !important; box-shadow: none !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input::placeholder, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea::placeholder { color: #988f86 !important; } /* Acordeones internos */ body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) { background: #1e1328 !important; border: 1px solid rgba(255,149,56,.14) !important; color: #cec7c0 !important; } body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) > summary { background: var(--upc-cyber-panel-soft-2, #271a32) !important; color: #f9f6f4 !important; border-color: rgba(255,149,56,.11) !important; } body.cybermonday.page-id-17833 .upc-bateria-paso { background: var(--upc-cyber-panel-field, #1b1025) !important; color: #ccc5bf !important; border: 1px solid rgba(255,149,56,.11) !important; } /* Archivo documento compra */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[name="documento-compra"] { background: var(--upc-cyber-panel-field, #1b1025) !important; color: var(--upc-cyber-text-soft, #c8c2bb) !important; border: 1px dashed rgba(255,149,56,.30) !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[name="documento-compra"]::file-selector-button { background: linear-gradient( 135deg, var(--upc-cyber-blue, #ff9940), var(--upc-cyber-violet-mid, #ffa04d) ) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 0 !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal p:has(input[name="documento-compra"]) + p { background: #1e1328 !important; color: var(--upc-cyber-text-soft, #c8c2bb) !important; border: 1px solid rgba(255,149,56,.13) !important; } /* ========================================================= 10. CONFIRMACION DE EXITO ========================================================= */ body.cybermonday.page-id-17833 .upc-form-success { background: linear-gradient( 145deg, #261931, #1d1226 ) !important; border: 1px solid rgba(56,220,151,.25) !important; color: #eee9e3 !important; } body.cybermonday.page-id-17833 .upc-form-success__icon { background: rgba(25,135,84,.15) !important; color: var(--upc-cyber-success, #55dfa0) !important; border-color: rgba(85,223,160,.25) !important; } body.cybermonday.page-id-17833 .upc-form-success__title { color: #67e0aa !important; } body.cybermonday.page-id-17833 .upc-form-success__message { color: #c7c0ba !important; } body.cybermonday.page-id-17833 .upc-form-success__close { background: linear-gradient(105deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 0 !important; } /* ========================================================= 11. LINKS / ACENTOS ========================================================= */ body.cybermonday.page-id-17833 .elementor-17833 a:not(.button):not(.upc-varios-equipos-boton) { color: #ff9a42; } body.cybermonday.page-id-17833 .elementor-17833 a:not(.button):not(.upc-varios-equipos-boton):hover { color: #ffbc82; } /* ========================================================= 12. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.page-id-17833 { background: radial-gradient( circle at 100% 10%, rgba(128,11,211,.12), transparent 25% ), linear-gradient( 180deg, var(--upc-cyber-panel-dark, #140d1a), #190f22 ) !important; } /* * En móvil el hero está dividido en texto + imagen. * Mantener legibilidad pero integrarlo con Cyber. */ body.cybermonday.page-id-17833 .upc-recibimos-hero__main { background: #20152a !important; border: 1px solid rgba(255,149,56,.20) !important; border-radius: 16px !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__content { background: linear-gradient( 145deg, #261931, #1e1327 ) !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__title, body.cybermonday.page-id-17833 .upc-recibimos-hero__title span { color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__subtitle { color: var(--upc-cyber-text-soft, #c8c2bb) !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__subtitle strong { color: var(--upc-cyber-cyan-alt, #ff9a42) !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__visual { border-top: 1px solid rgba(255,149,56,.15) !important; } body.cybermonday.page-id-17833 .upc-requisito-card, body.cybermonday.page-id-17833 .upc-consideracion-card, body.cybermonday.page-id-17833 .upc-proceso-card, body.cybermonday.page-id-17833 .upc-oferta-cta { border-radius: 14px !important; } } /* ========================================================= ULTRAPC CYBER — RECIBIMOS TU LAPTOP R2 Contraste general + formulario de cotizacion ========================================================= */ /* ========================================================= 1. CORREGIR TEXTOS OSCUROS SOBRE CARDS CYBER ========================================================= */ body.cybermonday.page-id-17833 .upc-requisito-card p, body.cybermonday.page-id-17833 .upc-requisito-card li, body.cybermonday.page-id-17833 .upc-consideracion-card p, body.cybermonday.page-id-17833 .upc-consideracion-card li, body.cybermonday.page-id-17833 .upc-proceso-card p, body.cybermonday.page-id-17833 .upc-proceso-card li, body.cybermonday.page-id-17833 .upc-oferta-cta-descripcion, body.cybermonday.page-id-17833 .upc-oferta-cta-nota, body.cybermonday.page-id-17833 .upc-varios-equipos-texto, body.cybermonday.page-id-17833 .upc-varios-info-intro, body.cybermonday.page-id-17833 .upc-varios-info-lista li, body.cybermonday.page-id-17833 .upc-varios-info-final { color: #d1cbc4 !important; -webkit-text-fill-color: #d1cbc4 !important; opacity: 1 !important; } /* Negritas claras */ body.cybermonday.page-id-17833 .upc-requisito-card strong, body.cybermonday.page-id-17833 .upc-requisito-card b, body.cybermonday.page-id-17833 .upc-consideracion-card strong, body.cybermonday.page-id-17833 .upc-consideracion-card b, body.cybermonday.page-id-17833 .upc-proceso-card strong, body.cybermonday.page-id-17833 .upc-proceso-card b, body.cybermonday.page-id-17833 .upc-oferta-cta strong, body.cybermonday.page-id-17833 .upc-varios-equipos-info strong { color: #fbfaf8 !important; -webkit-text-fill-color: #fbfaf8 !important; opacity: 1 !important; } /* Links */ body.cybermonday.page-id-17833 .upc-consideracion-card a, body.cybermonday.page-id-17833 .upc-oferta-cta a, body.cybermonday.page-id-17833 .upc-varios-equipos-info a { color: #ffad66 !important; -webkit-text-fill-color: #ffad66 !important; } /* Bullets */ body.cybermonday.page-id-17833 .upc-consideracion-card > ul > li::before, body.cybermonday.page-id-17833 .upc-requisito-card > ul > li::before, body.cybermonday.page-id-17833 .upc-proceso-card > ul > li::before { color: #ffaa60 !important; } /* ========================================================= 2. CTA CENTRAL — TEXTO LEGIBLE ========================================================= */ body.cybermonday.page-id-17833 .upc-oferta-cta-header h2 { color: #fbfaf9 !important; -webkit-text-fill-color: #fbfaf9 !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-descripcion { color: #cfc8c1 !important; -webkit-text-fill-color: #cfc8c1 !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-nota { color: #a59c93 !important; -webkit-text-fill-color: #a59c93 !important; } /* Separador entre botones */ body.cybermonday.page-id-17833 .upc-oferta-cta hr { border: 0 !important; border-top: 1px solid rgba(255,149,56,.15) !important; } /* Texto segundo CTA */ body.cybermonday.page-id-17833 .upc-varios-equipos-texto { color: #bdb6ae !important; } /* Caja de información varios equipos */ body.cybermonday.page-id-17833 .upc-varios-equipos-info { background: linear-gradient( 145deg, var(--upc-cyber-panel-inner, #1e1228), #1b1024 ) !important; border: 1px solid rgba(255,149,56,.20) !important; color: #d1cbc4 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important; } /* ========================================================= 3. MODAL — SHELL GENERAL ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { background: linear-gradient( 180deg, var(--upc-cyber-panel-soft-2, #271a32) 0%, #1d1226 100% ) !important; border: 1px solid rgba(255,149,56,.25) !important; color: #f4f1ee !important; box-shadow: 0 25px 70px rgba(0,0,0,.55), 0 0 40px rgba(128,11,211,.08) !important; } /* * El formulario contiene wrappers que todavía conservan * fondo blanco del diseño original. */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal form, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-form, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .formulario-scroll, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario { background: transparent !important; background-color: transparent !important; color: #efeae4 !important; } /* Cualquier wrapper interior directo que quede blanco */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal > div:not(.upc-laptop-modal-header), body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-form > div { border-color: rgba(255,149,56,.10) !important; } /* ========================================================= 4. HEADER DEL MODAL ========================================================= */ body.cybermonday.page-id-17833 .upc-laptop-modal-header { background: linear-gradient( 110deg, var(--upc-cyber-panel-soft-2, #271a32), #261a31 ) !important; border-bottom: 1px solid rgba(255,149,56,.16) !important; color: var(--upc-cyber-white, #ffffff) !important; } body.cybermonday.page-id-17833 .upc-laptop-modal-header h2, body.cybermonday.page-id-17833 .upc-laptop-modal-header h3, body.cybermonday.page-id-17833 .upc-laptop-modal-header strong { color: var(--upc-cyber-white, #ffffff) !important; -webkit-text-fill-color: var(--upc-cyber-white, #ffffff) !important; } /* Botón cerrar */ body.cybermonday.page-id-17833 .upc-laptop-modal-header button, body.cybermonday.page-id-17833 .upc-laptop-modal-header [class*="close"] { background: #1c1125 !important; color: #f2eee9 !important; border: 1px solid rgba(255,149,56,.18) !important; box-shadow: none !important; } /* ========================================================= 5. LABELS ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal label { color: #efeae4 !important; -webkit-text-fill-color: #efeae4 !important; opacity: 1 !important; font-weight: 600 !important; } /* Asteriscos */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal label span.required, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .required { color: #ff6685 !important; } /* ========================================================= 6. INPUTS / SELECT / TEXTAREA ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea { background: var(--upc-cyber-panel-field, #1b1025) !important; background-color: var(--upc-cyber-panel-field, #1b1025) !important; color: #f9f6f4 !important; -webkit-text-fill-color: #f9f6f4 !important; border: 1px solid rgba(255,149,56,.23) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important; outline: none !important; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input:focus, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select:focus, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea:focus { background: #21142d !important; border-color: rgba(255,149,56,.72) !important; box-shadow: 0 0 0 3px rgba(255,149,56,.065), 0 0 17px rgba(128,11,211,.055) !important; } /* Placeholder */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input::placeholder, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea::placeholder { color: #988e85 !important; -webkit-text-fill-color: #988e85 !important; opacity: 1 !important; } /* Opciones del select */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select option { background: #1c1125 !important; color: #f9f6f4 !important; } /* ========================================================= 7. TEXTOS AUXILIARES DEL FORMULARIO ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal p, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal small, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .form-text, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .description { color: var(--upc-cyber-text-soft, #c8c2bb) !important; -webkit-text-fill-color: var(--upc-cyber-text-soft, #c8c2bb) !important; } /* ========================================================= 8. ACORDEONES BATERIA ========================================================= */ body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) { background: linear-gradient( 145deg, #21142c, #1c1125 ) !important; border: 1px solid rgba(255,149,56,.16) !important; border-radius: 11px !important; box-shadow: none !important; } body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) > summary { background: transparent !important; color: #f6f3f1 !important; -webkit-text-fill-color: #f6f3f1 !important; border: 0 !important; } body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) > summary::before { color: #ffad66 !important; } body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) > summary::after { color: #c2b9b0 !important; } /* Abierto */ body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos)[open] { border-color: rgba(255,149,56,.34) !important; } /* Pasos internos */ body.cybermonday.page-id-17833 .upc-bateria-paso { background: var(--upc-cyber-panel-field, #1b1025) !important; color: #d0cac4 !important; border: 1px solid rgba(255,149,56,.12) !important; } /* ========================================================= 9. CAJAS DE AYUDA / INFO ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal blockquote, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal [class*="nota"], body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal [class*="info-box"] { background: #1f1329 !important; color: var(--upc-cyber-text-soft, #c8c2bb) !important; border: 1px solid rgba(255,149,56,.14) !important; border-left: 3px solid #ffad66 !important; border-radius: 10px !important; } /* ========================================================= 10. DOCUMENTO DE COMPRA ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="file"] { background: var(--upc-cyber-panel-field, #1b1025) !important; color: var(--upc-cyber-text-soft, #c8c2bb) !important; -webkit-text-fill-color: var(--upc-cyber-text-soft, #c8c2bb) !important; border: 1px dashed rgba(255,149,56,.30) !important; border-radius: 12px !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="file"]::file-selector-button { margin-right: 12px !important; padding: 10px 15px !important; background: linear-gradient( 135deg, var(--upc-cyber-blue, #ff9940), var(--upc-cyber-violet-mid, #ffa04d) ) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 0 !important; border-radius: 9px !important; font-weight: 700 !important; cursor: pointer !important; } /* Caja explicativa del documento */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal p:has(input[name="documento-compra"]) + p { background: linear-gradient( 145deg, #21142c, #1c1125 ) !important; color: #cec7c0 !important; -webkit-text-fill-color: #cec7c0 !important; border: 1px solid rgba(255,149,56,.16) !important; border-radius: 10px !important; } /* ========================================================= 11. BOTON ENVIAR ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="submit"], body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal button[type="submit"], body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-submit { width: 100% !important; min-height: 52px !important; background: linear-gradient(105deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: var(--upc-cyber-white, #ffffff) !important; -webkit-text-fill-color: var(--upc-cyber-white, #ffffff) !important; border: 0 !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 800 !important; box-shadow: 0 8px 22px rgba(255,153,64,.22), 0 0 18px rgba(128,11,211,.08) !important; cursor: pointer !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="submit"]:hover, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal button[type="submit"]:hover { filter: brightness(1.08) !important; transform: translateY(-1px) !important; } /* ========================================================= 12. MENSAJES DE ERROR CF7 ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .wpcf7-not-valid-tip { color: var(--upc-cyber-danger, #ff8098) !important; -webkit-text-fill-color: var(--upc-cyber-danger, #ff8098) !important; } body.cybermonday.page-id-17833 #recibimos-laptop .wpcf7-response-output { background: #1f1329 !important; color: #efeae4 !important; border-color: rgba(255,149,56,.20) !important; border-radius: 10px !important; } /* ========================================================= 13. SCROLLBAR DEL MODAL ========================================================= */ body.cybermonday.page-id-17833 .upc-laptop-modal ::-webkit-scrollbar { width: 8px; } body.cybermonday.page-id-17833 .upc-laptop-modal ::-webkit-scrollbar-track { background: var(--upc-cyber-panel-field, #1b1025); } body.cybermonday.page-id-17833 .upc-laptop-modal ::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%); border-radius: 999px; } /* ========================================================= 14. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { border-radius: 14px !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea { border-radius: 10px !important; } } /* ========================================================= ULTRAPC CYBER — RECIBIMOS TU LAPTOP R3 FORMULARIO / MODAL DEFINITIVO ========================================================= */ /* ========================================================= 1. CUERPO COMPLETO DEL MODAL Eliminar panel blanco heredado ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-body, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-content, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-inner, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-scroll, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-form, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-form, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .formulario-scroll, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario { background: linear-gradient( 180deg, #22162c 0%, #1c1126 100% ) !important; background-color: #1f1428 !important; color: #f5f2ee !important; } /* * Algunos wrappers de CF7 / layout original conservan * background blanco. Los neutralizamos sin tocar inputs. */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-form > div:not(.upc-form-success), body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario > div { background: transparent !important; background-color: transparent !important; } /* ========================================================= 2. HEADER ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header { background: linear-gradient( 110deg, var(--upc-cyber-panel-soft-2, #271a32) 0%, #281b33 100% ) !important; border-bottom: 1px solid rgba(255,149,56,.20) !important; } /* Título del modal */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header h1, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header h2, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header h3, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header span, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header strong { color: #fbfaf9 !important; -webkit-text-fill-color: #fbfaf9 !important; opacity: 1 !important; } /* ========================================================= 3. LABELS ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal label, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal form label, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-form label { color: #f6f3f1 !important; -webkit-text-fill-color: #f6f3f1 !important; opacity: 1 !important; font-weight: 700 !important; text-shadow: none !important; } /* Asteriscos */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal label span, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .required { color: inherit; } /* ========================================================= 4. CAMPOS Un poco más claros para separarlos del fondo ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea { background: #21122e !important; background-color: #21122e !important; color: #fbf9f7 !important; -webkit-text-fill-color: #fbf9f7 !important; border: 1px solid rgba(255,149,56,.34) !important; border-radius: 11px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } /* Focus */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input:focus, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select:focus, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea:focus { background: #281637 !important; border-color: #ffaa5f !important; box-shadow: 0 0 0 3px rgba(255,149,56,.07), 0 0 16px rgba(255,149,56,.07) !important; } /* Placeholder */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input::placeholder, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal textarea::placeholder { color: #a79e94 !important; -webkit-text-fill-color: #a79e94 !important; opacity: 1 !important; } /* ========================================================= 5. FILAS / PARRAFOS DEL FORMULARIO ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal form p, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-form p { color: #d2cbc4 !important; background: transparent !important; background-color: transparent !important; } /* ========================================================= 6. ACORDEÓN "CONOZCA SU MODELO Y PROCESADOR" ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal details { background: #22142e !important; color: #efeae5 !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 11px !important; box-shadow: none !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal details > summary { background: transparent !important; color: #f7f4f2 !important; -webkit-text-fill-color: #f7f4f2 !important; border: 0 !important; font-weight: 700 !important; } /* Iconos acordeón */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal details > summary::before, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal details > summary::after { color: #ffad66 !important; } /* ========================================================= 7. CAMPOS FILE ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="file"] { background: #21122e !important; color: #d8d2cd !important; -webkit-text-fill-color: #d8d2cd !important; border: 1px dashed rgba(255,149,56,.32) !important; border-radius: 12px !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="file"]::file-selector-button { background: linear-gradient( 135deg, var(--upc-cyber-blue, #ff9940), #ffa04c ) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 0 !important; border-radius: 9px !important; } /* ========================================================= 8. CAJA EXPLICATIVA DOCUMENTO COMPRA ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal p:has(input[name="documento-compra"]) + p { background: #22142e !important; color: #d1cac3 !important; -webkit-text-fill-color: #d1cac3 !important; border: 1px solid rgba(255,149,56,.17) !important; border-radius: 10px !important; } /* ========================================================= 9. BOTÓN ENVIAR ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .wpcf7-submit, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="submit"] { background: linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important; color: var(--upc-cyber-white, #ffffff) !important; -webkit-text-fill-color: var(--upc-cyber-white, #ffffff) !important; border: 0 !important; min-height: 52px !important; border-radius: 12px !important; font-weight: 800 !important; box-shadow: 0 8px 22px rgba(255,153,64,.24), 0 0 18px rgba(128,11,211,.08) !important; } /* ========================================================= 10. SCROLL ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { scrollbar-color: #f5923c var(--upc-cyber-panel-field, #1b1025) !important; scrollbar-width: thin !important; } /* ========================================================= 11. CIERRE ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header button, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header [class*="close"] { background: var(--upc-cyber-panel-field, #1b1025) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(255,149,56,.25) !important; border-radius: 9px !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { background: #1f1428 !important; } } /* ========================================================= ULTRAPC CYBER — RECIBIMOS TU LAPTOP R4 Ultimos paneles claros del formulario ========================================================= */ /* ========================================================= 1. TODOS LOS DETAILS DEL FORMULARIO Conozca su modelo / procesador ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details { background: linear-gradient( 145deg, #23162f 0%, #1c1126 100% ) !important; background-color: #1f132a !important; color: #d3ccc5 !important; border: 1px solid rgba(255,149,56,.20) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important; overflow: hidden !important; } /* Cabecera */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details > summary { background: #271933 !important; background-color: #271933 !important; color: #f7f4f2 !important; -webkit-text-fill-color: #f7f4f2 !important; border: 0 !important; border-bottom: 1px solid transparent !important; box-shadow: none !important; font-weight: 700 !important; } /* Abierto */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details[open] > summary { background: linear-gradient( 90deg, #2c1c3a, #271a33 ) !important; border-bottom-color: rgba(255,149,56,.14) !important; } /* Texto interior */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details > p, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details > div, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details section { background: var(--upc-cyber-panel-inner, #1e1228) !important; background-color: var(--upc-cyber-panel-inner, #1e1228) !important; color: #cbc3bc !important; } /* Texto explicativo */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details p, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details li { color: #cbc3bc !important; -webkit-text-fill-color: #cbc3bc !important; } /* Imagen de ejemplo Windows: se conserva clara porque es una captura de pantalla */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario details img { display: block !important; max-width: 100% !important; margin: 16px auto !important; border: 1px solid rgba(255,149,56,.16) !important; border-radius: 10px !important; box-shadow: 0 8px 22px rgba(0,0,0,.22) !important; } /* ========================================================= 2. SPOILERS / ACORDEONES DE BATERIA ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .spoiler-wrap, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .adjuntar_fotos .spoiler-wrap { background: var(--upc-cyber-panel-inner, #1e1228) !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 11px !important; box-shadow: none !important; overflow: hidden !important; } /* Barra del acordeón */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .spoiler-head, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .spoiler-head.folded, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .adjuntar_fotos .spoiler-head { background: linear-gradient( 90deg, #281935, #21142c ) !important; color: #f7f4f1 !important; -webkit-text-fill-color: #f7f4f1 !important; border: 0 !important; box-shadow: none !important; font-weight: 700 !important; } /* Punto / icono */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .spoiler-head::before { color: #ffae66 !important; } /* Contenido desplegado */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .spoiler-body, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .adjuntar_fotos .spoiler-body { background: #1c1126 !important; color: #cfc8c1 !important; border-top: 1px solid rgba(255,149,56,.12) !important; } /* ========================================================= 3. BATERIA — CLASES NUEVAS ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .upc-bateria-pasos { background: transparent !important; color: #d0cac3 !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .upc-bateria-paso { background: #1c1126 !important; color: #d1cbc4 !important; border: 1px solid rgba(255,149,56,.14) !important; border-radius: 10px !important; } /* ========================================================= 4. CAJAS DE AYUDA DEL FORMULARIO Incluye la nota junto a "Valor Esperado" ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario blockquote, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario [class*="ayuda"], body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario [class*="help"], body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario [class*="nota"], body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario [class*="info-box"] { background: linear-gradient( 145deg, #241730, var(--upc-cyber-panel-inner, #1e1228) ) !important; color: #cbc3bc !important; -webkit-text-fill-color: #cbc3bc !important; border: 1px solid rgba(255,149,56,.17) !important; border-left: 3px solid #ffae66 !important; border-radius: 10px !important; box-shadow: none !important; } /* ========================================================= 5. CAPTURAR CAJAS AUXILIARES BLANCAS Sin modificar inputs, select, textarea ni imágenes. ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario > div:not([class*="grid"]):not([class*="row"]):not([class*="campo"]):not(.upc-form-success) { border-color: rgba(255,149,56,.14) !important; } /* ========================================================= 6. TEXTO DE AYUDA ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario small, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario .help-text, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario .description { color: #b5aca2 !important; -webkit-text-fill-color: #b5aca2 !important; } /* ========================================================= 7. AJUSTE DE TITULOS / LABELS ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario label { color: #f9f6f4 !important; -webkit-text-fill-color: #f9f6f4 !important; font-weight: 700 !important; } /* ========================================================= 8. HOVER DE ACORDEONES ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal details > summary:hover, body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .spoiler-head:hover { background: linear-gradient( 90deg, #301e3f, #291b35 ) !important; color: var(--upc-cyber-white, #ffffff) !important; -webkit-text-fill-color: var(--upc-cyber-white, #ffffff) !important; } /* ========================================================= ULTRAPC CYBER — RECIBIMOS TU LAPTOP Textos claros sobre fondo Cyber SOLO: - Cyber - Página 17833 ========================================================= */ body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop h2, body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop h3, body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop h4 { color: var(--upc-cyber-white, #ffffff) !important; -webkit-text-fill-color: var(--upc-cyber-white, #ffffff) !important; } /* Texto descriptivo y contenido */ body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop p, body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop li { color: var(--upc-cyber-white, #ffffff) !important; -webkit-text-fill-color: var(--upc-cyber-white, #ffffff) !important; } /* Negritas dentro del contenido */ body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop strong, body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop b { color: var(--upc-cyber-white, #ffffff) !important; -webkit-text-fill-color: var(--upc-cyber-white, #ffffff) !important; } /* ========================================================= ULTRAPC CYBER — HERO SUBTITLE SOLO texto inferior del banner principal ========================================================= */ body.cybermonday.page-id-17833 p.upc-recibimos-hero__subtitle { color: #261d2d !important; -webkit-text-fill-color: #261d2d !important; text-shadow: none !important; } /* ========================================================= ULTRAPC CYBER — HERO SUBTITLE BLACK FINAL SOLO el subtítulo del hero principal de /recibimostulaptop/ ========================================================= */ body.cybermonday.page-id-17833 .upc-recibimos-hero__subtitle, body.cybermonday.page-id-17833 .upc-recibimos-hero__subtitle *, body.cybermonday.page-id-17833 p.upc-recibimos-hero__subtitle, body.cybermonday.page-id-17833 p.upc-recibimos-hero__subtitle * { color: #111111 !important; -webkit-text-fill-color: #111111 !important; text-shadow: none !important; opacity: 1 !important; } /* ========================================================= ULTRAPC CYBER — HERO SUBTITLE EXACTO Gana sobre el override blanco general. SOLO este texto. ========================================================= */ body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop p.upc-recibimos-hero__subtitle, body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop p.upc-recibimos-hero__subtitle strong, body.cybermonday.page-id-17833 .elementor-17833 .recibimos-laptop p.upc-recibimos-hero__subtitle span { color: #261d2d !important; -webkit-text-fill-color: #261d2d !important; text-shadow: none !important; opacity: 1 !important; }