/* ========================================================= 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: #dce7f8 !important; } body.cybermonday.page-id-17833 { background: radial-gradient( circle at 92% 15%, rgba(117,72,255,.14), transparent 31% ), radial-gradient( circle at 4% 36%, rgba(0,217,255,.075), transparent 27% ), linear-gradient( 180deg, var(--upc-cyber-panel-dark, #071020) 0%, #081329 46%, #070f21 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: #8297b7 !important; } body.cybermonday.page-id-17833 .woocommerce-breadcrumb a:hover { color: var(--upc-cyber-cyan-alt, #42ddff) !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(0,217,255,.27) !important; border-radius: 24px !important; box-shadow: 0 18px 45px rgba(0,0,0,.28), 0 0 28px rgba(0,217,255,.045), 0 0 34px rgba(117,72,255,.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: #f3f7ff !important; -webkit-text-fill-color: #f3f7ff !important; text-shadow: 0 0 11px rgba(0,217,255,.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, var(--upc-cyber-cyan, #00d9ff), var(--upc-cyber-violet, #7548ff), var(--upc-cyber-magenta, #e436ff) ) !important; border-radius: 99px !important; box-shadow: 0 0 10px rgba(0,217,255,.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: #9fb0ca !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(117,72,255,.11), transparent 45% ), linear-gradient( 145deg, #111d3c 0%, #0a152f 100% ) !important; border: 1px solid rgba(0,217,255,.18) !important; border-radius: 16px !important; color: #dce7f8 !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(0,217,255,.42) !important; box-shadow: 0 12px 28px rgba(0,0,0,.24), 0 0 18px rgba(0,217,255,.05) !important; } body.cybermonday.page-id-17833 .upc-requisito-card-header { border-color: rgba(0,217,255,.10) !important; } body.cybermonday.page-id-17833 .upc-requisito-card-header h4 { color: var(--upc-cyber-text-bright, #edf4ff) !important; } body.cybermonday.page-id-17833 .upc-requisito-icono { background: linear-gradient( 135deg, rgba(8,124,255,.25), rgba(117,72,255,.20) ) !important; color: #59deff !important; border: 1px solid rgba(0,217,255,.18) !important; box-shadow: 0 0 12px rgba(0,217,255,.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, #aebed5) !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, #edf4ff) !important; } body.cybermonday.page-id-17833 .upc-requisito-card > ul > li::before { color: #34dcff !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, #101c3a 0%, #09142d 100% ) !important; border: 1px solid rgba(0,217,255,.17) !important; border-radius: 16px !important; color: #dce7f8 !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, #edf4ff) !important; border-color: rgba(0,217,255,.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, #aebed5) !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, #edf4ff) !important; } body.cybermonday.page-id-17833 .upc-consideracion-card > ul > li::before { color: #38ddff !important; } /* Nota importante */ body.cybermonday.page-id-17833 .upc-consideracion-tiempos blockquote { background: rgba(7,21,46,.92) !important; color: #b5c5dc !important; border: 1px solid rgba(0,217,255,.14) !important; border-left: 3px solid #38dcff !important; border-radius: 10px !important; } body.cybermonday.page-id-17833 .upc-consideracion-tiempos blockquote p { color: #b5c5dc !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(117,72,255,.16), transparent 37% ), linear-gradient( 145deg, var(--upc-cyber-panel-soft-2, #101d3c), #08142d ) !important; border: 1px solid rgba(0,217,255,.21) !important; border-radius: 18px !important; box-shadow: 0 12px 32px rgba(0,0,0,.22), 0 0 22px rgba(117,72,255,.045) !important; } body.cybermonday.page-id-17833 .upc-oferta-cta::before { background: linear-gradient( 90deg, var(--upc-cyber-cyan, #00d9ff), var(--upc-cyber-violet, #7548ff), var(--upc-cyber-magenta, #e436ff) ) !important; box-shadow: 0 0 13px rgba(0,217,255,.12) !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-label { color: #49dcff !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-header h2 { color: #f2f7ff !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-descripcion, body.cybermonday.page-id-17833 .upc-oferta-cta-nota { color: #9fb1ca !important; } /* Botón principal del formulario */ body.cybermonday.page-id-17833 #recibimos-laptop .info_extra > details > summary { background: linear-gradient( 105deg, var(--upc-cyber-blue, #087cff), var(--upc-cyber-blue-mid, #3e63f5) 55%, var(--upc-cyber-violet, #7548ff) ) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(0,217,255,.20) !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(8,124,255,.20), 0 0 17px rgba(117,72,255,.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: #a7b9d2 !important; } body.cybermonday.page-id-17833 .upc-varios-equipos-texto { color: #9fb1ca !important; } body.cybermonday.page-id-17833 .upc-varios-equipos-boton { background: linear-gradient( 105deg, var(--upc-cyber-blue, #087cff), var(--upc-cyber-violet, #7548ff) ) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(0,217,255,.20) !important; border-radius: 12px !important; box-shadow: 0 7px 18px rgba(8,124,255,.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: #0a1731 !important; color: #adbed6 !important; border: 1px solid rgba(0,217,255,.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, #aebed5) !important; } body.cybermonday.page-id-17833 .upc-varios-info-lista li::before { color: #38dcff !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(117,72,255,.10), transparent 46% ), linear-gradient( 145deg, #111d3c, #09142d ) !important; border: 1px solid rgba(0,217,255,.17) !important; border-radius: 16px !important; color: #dce7f8 !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(0,217,255,.40) !important; box-shadow: 0 12px 28px rgba(0,0,0,.23), 0 0 18px rgba(0,217,255,.045) !important; } body.cybermonday.page-id-17833 .upc-proceso-card-header { border-color: rgba(0,217,255,.11) !important; } body.cybermonday.page-id-17833 .upc-proceso-card-header h3 { color: var(--upc-cyber-text-bright, #edf4ff) !important; } body.cybermonday.page-id-17833 .upc-proceso-numero { background: linear-gradient( 135deg, var(--upc-cyber-blue, #087cff), #704cff ) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(0,217,255,.15) !important; box-shadow: 0 0 12px rgba(0,217,255,.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, #aebed5) !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, #edf4ff) !important; } body.cybermonday.page-id-17833 .upc-proceso-card > ul > li::before { color: #36ddff !important; } /* Cajas internas */ body.cybermonday.page-id-17833 .upc-proceso-card blockquote, body.cybermonday.page-id-17833 .upc-proceso-card ul ul { background: rgba(7,21,46,.72) !important; border-color: rgba(0,217,255,.12) !important; color: #adbed6 !important; } /* ========================================================= 9. FORMULARIOS / MODALES ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { background: linear-gradient( 145deg, #101c3a, #08142d ) !important; color: #e5eefb !important; border: 1px solid rgba(0,217,255,.20) !important; box-shadow: 0 18px 48px rgba(0,0,0,.40), 0 0 30px rgba(117,72,255,.06) !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal-header { background: #101c39 !important; color: #f2f7ff !important; border-color: rgba(0,217,255,.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: #b1c1d7 !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, #07152e) !important; color: var(--upc-cyber-text-bright, #edf4ff) !important; border: 1px solid rgba(0,217,255,.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: #7489aa !important; } /* Acordeones internos */ body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) { background: #0a1731 !important; border: 1px solid rgba(0,217,255,.14) !important; color: #b4c4da !important; } body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) > summary { background: var(--upc-cyber-panel-soft-2, #101d3c) !important; color: #eef5ff !important; border-color: rgba(0,217,255,.11) !important; } body.cybermonday.page-id-17833 .upc-bateria-paso { background: var(--upc-cyber-panel-field, #07152e) !important; color: #b3c2d8 !important; border: 1px solid rgba(0,217,255,.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, #07152e) !important; color: var(--upc-cyber-text-soft, #aebed5) !important; border: 1px dashed rgba(0,217,255,.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, #087cff), var(--upc-cyber-violet-mid, #654dff) ) !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: #0a1731 !important; color: var(--upc-cyber-text-soft, #aebed5) !important; border: 1px solid rgba(0,217,255,.13) !important; } /* ========================================================= 10. CONFIRMACION DE EXITO ========================================================= */ body.cybermonday.page-id-17833 .upc-form-success { background: linear-gradient( 145deg, #101d3a, #09162f ) !important; border: 1px solid rgba(56,220,151,.25) !important; color: #dce9f5 !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: #adbed4 !important; } body.cybermonday.page-id-17833 .upc-form-success__close { background: linear-gradient( 105deg, var(--upc-cyber-blue, #087cff), var(--upc-cyber-violet, #7548ff) ) !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: #42dfff; } body.cybermonday.page-id-17833 .elementor-17833 a:not(.button):not(.upc-varios-equipos-boton):hover { color: #82eaff; } /* ========================================================= 12. MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.page-id-17833 { background: radial-gradient( circle at 100% 10%, rgba(117,72,255,.12), transparent 25% ), linear-gradient( 180deg, var(--upc-cyber-panel-dark, #071020), #081329 ) !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: #0c1733 !important; border: 1px solid rgba(0,217,255,.20) !important; border-radius: 16px !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__content { background: linear-gradient( 145deg, #101c3a, #0a1630 ) !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__title, body.cybermonday.page-id-17833 .upc-recibimos-hero__title span { color: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__subtitle { color: var(--upc-cyber-text-soft, #aebed5) !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__subtitle strong { color: var(--upc-cyber-cyan-alt, #42ddff) !important; } body.cybermonday.page-id-17833 .upc-recibimos-hero__visual { border-top: 1px solid rgba(0,217,255,.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: #b9c8dc !important; -webkit-text-fill-color: #b9c8dc !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: #f4f8ff !important; -webkit-text-fill-color: #f4f8ff !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: #39ddff !important; -webkit-text-fill-color: #39ddff !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: #28d8ff !important; } /* ========================================================= 2. CTA CENTRAL — TEXTO LEGIBLE ========================================================= */ body.cybermonday.page-id-17833 .upc-oferta-cta-header h2 { color: #f5f8ff !important; -webkit-text-fill-color: #f5f8ff !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-descripcion { color: #b5c5db !important; -webkit-text-fill-color: #b5c5db !important; } body.cybermonday.page-id-17833 .upc-oferta-cta-nota { color: #8297b6 !important; -webkit-text-fill-color: #8297b6 !important; } /* Separador entre botones */ body.cybermonday.page-id-17833 .upc-oferta-cta hr { border: 0 !important; border-top: 1px solid rgba(0,217,255,.15) !important; } /* Texto segundo CTA */ body.cybermonday.page-id-17833 .upc-varios-equipos-texto { color: #9fb2cc !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, #091831), #07152d ) !important; border: 1px solid rgba(0,217,255,.20) !important; color: #b9c8dc !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, #101d3c) 0%, #09152f 100% ) !important; border: 1px solid rgba(0,217,255,.25) !important; color: #e7effb !important; box-shadow: 0 25px 70px rgba(0,0,0,.55), 0 0 40px rgba(117,72,255,.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: #dce7f7 !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(0,217,255,.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, #101d3c), #11183a ) !important; border-bottom: 1px solid rgba(0,217,255,.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: #08152e !important; color: #dceaff !important; border: 1px solid rgba(0,217,255,.18) !important; box-shadow: none !important; } /* ========================================================= 5. LABELS ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal label { color: #dbe7f8 !important; -webkit-text-fill-color: #dbe7f8 !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, #07152e) !important; background-color: var(--upc-cyber-panel-field, #07152e) !important; color: #eef5ff !important; -webkit-text-fill-color: #eef5ff !important; border: 1px solid rgba(0,217,255,.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: #091a38 !important; border-color: rgba(0,217,255,.72) !important; box-shadow: 0 0 0 3px rgba(0,217,255,.065), 0 0 17px rgba(117,72,255,.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: #7388aa !important; -webkit-text-fill-color: #7388aa !important; opacity: 1 !important; } /* Opciones del select */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal select option { background: #08152e !important; color: #eef5ff !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, #aebed5) !important; -webkit-text-fill-color: var(--upc-cyber-text-soft, #aebed5) !important; } /* ========================================================= 8. ACORDEONES BATERIA ========================================================= */ body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) { background: linear-gradient( 145deg, #0b1935, #08152e ) !important; border: 1px solid rgba(0,217,255,.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: #e8f1ff !important; -webkit-text-fill-color: #e8f1ff !important; border: 0 !important; } body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) > summary::before { color: #31ddff !important; } body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos) > summary::after { color: #9fb5d3 !important; } /* Abierto */ body.cybermonday.page-id-17833 .upc-laptop-modal .info_formulario > details:has(.upc-bateria-pasos)[open] { border-color: rgba(0,217,255,.34) !important; } /* Pasos internos */ body.cybermonday.page-id-17833 .upc-bateria-paso { background: var(--upc-cyber-panel-field, #07152e) !important; color: #b8c7dc !important; border: 1px solid rgba(0,217,255,.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: #0a1832 !important; color: var(--upc-cyber-text-soft, #aebed5) !important; border: 1px solid rgba(0,217,255,.14) !important; border-left: 3px solid #31ddff !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, #07152e) !important; color: var(--upc-cyber-text-soft, #aebed5) !important; -webkit-text-fill-color: var(--upc-cyber-text-soft, #aebed5) !important; border: 1px dashed rgba(0,217,255,.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, #087cff), var(--upc-cyber-violet-mid, #654dff) ) !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, #0b1935, #08152e ) !important; color: #b4c4da !important; -webkit-text-fill-color: #b4c4da !important; border: 1px solid rgba(0,217,255,.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, var(--upc-cyber-blue, #087cff), #4161f5 55%, var(--upc-cyber-violet, #7548ff) ) !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(8,124,255,.22), 0 0 18px rgba(117,72,255,.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: #0a1832 !important; color: #dce7f7 !important; border-color: rgba(0,217,255,.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, #07152e); } body.cybermonday.page-id-17833 .upc-laptop-modal ::-webkit-scrollbar-thumb { background: linear-gradient( var(--upc-cyber-blue, #087cff), var(--upc-cyber-violet, #7548ff) ); 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, #0d1935 0%, #09152e 100% ) !important; background-color: #0b1731 !important; color: #e7effc !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, #101d3c) 0%, #12183c 100% ) !important; border-bottom: 1px solid rgba(0,217,255,.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: #f5f8ff !important; -webkit-text-fill-color: #f5f8ff !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: #e8f1ff !important; -webkit-text-fill-color: #e8f1ff !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: #071b39 !important; background-color: #071b39 !important; color: #f3f7ff !important; -webkit-text-fill-color: #f3f7ff !important; border: 1px solid rgba(0,217,255,.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: #092044 !important; border-color: #27dfff !important; box-shadow: 0 0 0 3px rgba(0,217,255,.07), 0 0 16px rgba(0,217,255,.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: #8298b9 !important; -webkit-text-fill-color: #8298b9 !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: #b8c8de !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: #0a1a38 !important; color: #dce8f8 !important; border: 1px solid rgba(0,217,255,.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: #eaf3ff !important; -webkit-text-fill-color: #eaf3ff !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: #37ddff !important; } /* ========================================================= 7. CAMPOS FILE ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal input[type="file"] { background: #071b39 !important; color: #c2d0e3 !important; -webkit-text-fill-color: #c2d0e3 !important; border: 1px dashed rgba(0,217,255,.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, #087cff), #684cff ) !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: #0a1a38 !important; color: #b7c7dd !important; -webkit-text-fill-color: #b7c7dd !important; border: 1px solid rgba(0,217,255,.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, var(--upc-cyber-blue, #087cff) 0%, #3865fa 52%, var(--upc-cyber-violet, #7548ff) 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(8,124,255,.24), 0 0 18px rgba(117,72,255,.08) !important; } /* ========================================================= 10. SCROLL ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { scrollbar-color: #157de4 var(--upc-cyber-panel-field, #07152e) !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, #07152e) !important; color: var(--upc-cyber-white, #ffffff) !important; border: 1px solid rgba(0,217,255,.25) !important; border-radius: 9px !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal { background: #0b1731 !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, #0c1b39 0%, #08162f 100% ) !important; background-color: #0a1833 !important; color: #b9c9df !important; border: 1px solid rgba(0,217,255,.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: #0e1e3e !important; background-color: #0e1e3e !important; color: #eaf3ff !important; -webkit-text-fill-color: #eaf3ff !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, #102346, #101c3d ) !important; border-bottom-color: rgba(0,217,255,.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, #091831) !important; background-color: var(--upc-cyber-panel-inner, #091831) !important; color: #afc0d8 !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: #afc0d8 !important; -webkit-text-fill-color: #afc0d8 !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(0,217,255,.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, #091831) !important; border: 1px solid rgba(0,217,255,.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, #0e1f40, #0b1935 ) !important; color: #e9f2ff !important; -webkit-text-fill-color: #e9f2ff !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: #32ddff !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: #08162f !important; color: #b5c5db !important; border-top: 1px solid rgba(0,217,255,.12) !important; } /* ========================================================= 3. BATERIA — CLASES NUEVAS ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .upc-bateria-pasos { background: transparent !important; color: #b7c7dc !important; } body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .upc-bateria-paso { background: #08172f !important; color: #b8c8dd !important; border: 1px solid rgba(0,217,255,.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, #0c1c3b, var(--upc-cyber-panel-inner, #091831) ) !important; color: #afc0d8 !important; -webkit-text-fill-color: #afc0d8 !important; border: 1px solid rgba(0,217,255,.17) !important; border-left: 3px solid #32dcff !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(0,217,255,.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: #91a7c6 !important; -webkit-text-fill-color: #91a7c6 !important; } /* ========================================================= 7. AJUSTE DE TITULOS / LABELS ========================================================= */ body.cybermonday.page-id-17833 #recibimos-laptop .upc-laptop-modal .info_formulario label { color: #eef5ff !important; -webkit-text-fill-color: #eef5ff !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, #11264c, #101d40 ) !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: #172033 !important; -webkit-text-fill-color: #172033 !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: #172033 !important; -webkit-text-fill-color: #172033 !important; text-shadow: none !important; opacity: 1 !important; } /* Acento del aviso del hero = cian del tema Cyber */ body.cybermonday.page-id-17833 .upc-recibimos-hero__content { --upc-aviso-accent: var(--upc-cyber-cyan, #00d9ff); }