/* ========================================================= ULTRAPC — FICHA DE PRODUCTO MÓVIL Versión consolidada --------------------------------------------------------- - Navegación de pestañas - Informe de Estado - Especificaciones - Accesorios adicionales - Productos relacionados - Controles administrativos - WhatsApp / Volver arriba - Título y galería - Información secundaria - Banner de cuotas - Condición / Stock / Nota - Precios - Cotización / Carrito - Solicitud de fotos reales ========================================================= */ @media (max-width: 767px) { /* ===================================================== 01. TÍTULO DEL PRODUCTO ===================================================== */ body.single-product h1.product_title.entry-title { margin-top: 3px !important; margin-bottom: 6px !important; padding: 0 !important; font-size: 22px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: -0.12px !important; } /* ===================================================== 02. GALERÍA Elimina espacio vacío inferior sin alterar miniaturas ===================================================== */ body.single-product .woocommerce-product-gallery { padding-bottom: 16px !important; } /* ===================================================== 03. PESTAÑAS DEL PRODUCTO Slider horizontal móvil ===================================================== */ body.single-product .woocommerce-tabs ul.tabs { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 4px !important; gap: 4px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; border: 1px solid #ebe4de; border-radius: 13px; background: #f9f8f6; } body.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; } body.single-product .woocommerce-tabs ul.tabs li { display: block !important; flex: 0 0 auto !important; width: auto !important; min-width: 105px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; scroll-snap-align: start; } body.single-product .woocommerce-tabs ul.tabs li a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 38px !important; box-sizing: border-box !important; padding: 7px 12px !important; font-size: 11px !important; line-height: 1.15 !important; font-weight: 600 !important; white-space: nowrap !important; text-align: center !important; border-radius: 9px; color: #57524d; } body.single-product .woocommerce-tabs ul.tabs li.active a { background: #ffffff !important; color: #f67d13 !important; box-shadow: 0 0 0 2px #ebe5df, 0 1px 3px rgba(0,0,0, .05); } /* ===================================================== 04. INFORME DE ESTADO — CONTENEDOR ===================================================== */ body.single-product #tab-estado_tab #tab-estado-producto { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== 05. TABLAS — INFORME + ESPECIFICACIONES Estilos compartidos ===================================================== */ body.single-product #tab-estado_tab #tab-estado-producto table.woocommerce-product-attributes.shop_attributes, body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 0 16px !important; border-collapse: separate !important; border-spacing: 0 !important; table-layout: fixed !important; background: #ffffff; border: 1px solid #edeae6; border-radius: 12px; overflow: hidden; } /* ===================================================== 06. FILAS INFORME DE ESTADO ===================================================== */ body.single-product #tab-estado_tab #tab-estado-producto table.woocommerce-product-attributes.shop_attributes tr { display: grid !important; grid-template-columns: minmax(115px, 42%) minmax(0, 58%); width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #f2f0ed; } /* ===================================================== 07. FILAS ESPECIFICACIONES ===================================================== */ body.single-product #tab-specification { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr { display: grid !important; grid-template-columns: minmax(120px, 43%) minmax(0, 57%); width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #f2f0ed; } /* Última fila */ body.single-product #tab-estado_tab #tab-estado-producto table.woocommerce-product-attributes.shop_attributes tr:last-child, body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:last-child { border-bottom: 0; } /* ===================================================== 08. NOMBRE DE ATRIBUTO — TH ===================================================== */ body.single-product #tab-estado_tab #tab-estado-producto table.woocommerce-product-attributes.shop_attributes th, body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes th { display: flex !important; align-items: center !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 11px 10px !important; background: #faf8f7; border: 0 !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #4c484f; text-align: left !important; vertical-align: middle !important; white-space: normal !important; overflow-wrap: anywhere; } /* ===================================================== 09. VALOR DEL ATRIBUTO — TD ===================================================== */ body.single-product #tab-estado_tab #tab-estado-producto table.woocommerce-product-attributes.shop_attributes td, body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td { display: flex !important; align-items: center !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 11px 10px !important; background: #ffffff; border: 0 !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 500 !important; color: #262229; text-align: left !important; vertical-align: middle !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; } /* Párrafos internos WooCommerce */ body.single-product #tab-estado_tab #tab-estado-producto table.woocommerce-product-attributes.shop_attributes td p, body.single-product #tab-estado_tab #tab-estado-producto table.woocommerce-product-attributes.shop_attributes th p, body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes td p, body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes th p { margin: 0 !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; } /* ===================================================== 10. ACCESORIOS ADICIONALES Carrusel horizontal ===================================================== */ body.single-product .optional-accessories.products.container { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin-top: 12px !important; margin-bottom: 18px !important; padding-top: 0 !important; padding-bottom: 0 !important; } body.single-product .optional-accessories.products.container .optional-accessories-title { width: 100% !important; margin: 0 0 12px !important; padding: 0 0 8px !important; min-height: 0 !important; font-size: 21px !important; line-height: 1.2 !important; font-weight: 700 !important; border-bottom: 1px solid #e8e2dc; } body.single-product .optional-accessories.products.container .optional-accessories-title::after { width: 52px !important; height: 2px !important; } body.single-product .optional-accessories.products.container > ul.products.products.list-unstyled.row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 2px 2px 10px !important; gap: 10px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; } body.single-product .optional-accessories.products.container > ul.products.products.list-unstyled.row::-webkit-scrollbar { display: none; } body.single-product .optional-accessories.products.container > ul.products.products.list-unstyled.row > li.product { flex: 0 0 138px !important; width: 138px !important; min-width: 138px !important; max-width: 138px !important; margin: 0 !important; scroll-snap-align: start; } /* ===================================================== 11. PRODUCTOS RELACIONADOS Carrusel horizontal ===================================================== */ body.single-product section.related.products > ul.products.products.list-unstyled.row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 2px 2px 12px !important; gap: 12px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; } body.single-product section.related.products > ul.products.products.list-unstyled.row::-webkit-scrollbar { display: none; } body.single-product section.related.products > ul.products.products.list-unstyled.row > li.product { flex: 0 0 270px !important; width: 270px !important; min-width: 270px !important; max-width: 270px !important; margin: 0 !important; scroll-snap-align: start; } /* ===================================================== 12. BOTONES ADMINISTRATIVOS Agotar Stock / Reservar Producto No flotantes en móvil ===================================================== */ body.single-product .agotar-stock, body.single-product .reservar_producto { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; float: none !important; display: inline-flex !important; align-items: center !important; width: auto !important; height: auto !important; margin: 8px 6px 10px 0 !important; vertical-align: middle !important; z-index: auto !important; } body.single-product .agotar-stock form, body.single-product .reservar_producto form { margin: 0 !important; padding: 0 !important; } body.single-product .agotar-stock input[type="submit"], body.single-product .reservar_producto input[type="submit"] { display: flex !important; align-items: center !important; justify-content: center !important; height: 32px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: 16px !important; color: #ffffff !important; font-size: 10px !important; line-height: 1 !important; font-weight: 600 !important; box-shadow: 0 3px 10px rgba(0,0,0, .16); cursor: pointer; } body.single-product .agotar-stock input[type="submit"] { width: 88px !important; background: #d56401 !important; } body.single-product .reservar_producto input[type="submit"] { width: 118px !important; background: #ffaf38 !important; } /* ===================================================== 13. WHATSAPP + VOLVER ARRIBA ===================================================== */ body.single-product a.float { position: fixed !important; width: 52px !important; height: 52px !important; right: 8px !important; left: auto !important; bottom: 64px !important; top: auto !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 9997 !important; } body.single-product a.float i, body.single-product a.float .fa, body.single-product a.float .fab { margin: 0 !important; font-size: 28px !important; line-height: 1 !important; } body.single-product a.back-to-top-link { position: fixed !important; width: 34px !important; height: 34px !important; right: 17px !important; left: auto !important; bottom: 20px !important; top: auto !important; margin: 0 !important; z-index: 9997 !important; } /* ===================================================== 14. INFORMACIÓN SECUNDARIA ID / DATE / SELLS ===================================================== */ body.single-product .summary.entry-summary .contenedor-short-ultrapc:has(.modo_producto) { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 6px 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #7a838b !important; white-space: nowrap !important; overflow: hidden !important; } body.single-product .summary.entry-summary .contenedor-short-ultrapc:has(.modo_producto) span { font-size: 11px !important; line-height: 1.2 !important; } body.single-product .summary.entry-summary .contenedor-short-ultrapc:has(.modo_producto) .separador { margin: 0 6px !important; color: #bab8b5 !important; } body.single-product .summary.entry-summary .contenedor-short-ultrapc:has(.modo_producto) .modo_producto img { width: 14px !important; height: 14px !important; margin: 0 !important; vertical-align: middle !important; } body.single-product .summary.entry-summary .contenedor-short-ultrapc:has(.modo_producto) + .single-product-title-divider { margin: 3px 0 5px !important; opacity: .45; } /* ===================================================== 15. COMPARTIR ===================================================== */ body.single-product .summary.entry-summary .action_buttons { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 5px !important; padding: 0 !important; } body.single-product .summary.entry-summary .action_buttons .botao-wpp { display: inline-flex !important; align-items: center !important; width: auto !important; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 7px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 500 !important; color: #7e7871 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.single-product .summary.entry-summary .action_buttons .botao-wpp i { margin-right: 5px !important; font-size: 13px !important; line-height: 1 !important; } /* ===================================================== 16. BANNER MEDIOS DE PAGO / CUOTAS ===================================================== */ body.single-product .imagen-flotante-derecha { display: block !important; width: 180px !important; max-width: 180px !important; height: auto !important; margin: 6px 0 8px !important; padding: 0 !important; } body.single-product .imagen-flotante-derecha img { display: block !important; width: 180px !important; max-width: 180px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== 17. CONDICIÓN DEL PRODUCTO USADO / NUEVO ===================================================== */ body.single-product .summary.entry-summary .contenedor-short-ultrapc:has(.condicion_item_ultrapc) { display: inline-flex !important; align-items: center !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 8px 8px 8px 0 !important; padding: 0 !important; vertical-align: middle !important; } body.single-product .summary.entry-summary .condicion_item_ultrapc { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } body.single-product .summary.entry-summary .condicion_item_ultrapc .condicion { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; font-size: 18px !important; line-height: 1.1 !important; font-weight: 700 !important; } body.single-product .summary.entry-summary .condicion_item_ultrapc .condicion i { font-size: 13px !important; line-height: 1 !important; } /* ===================================================== 18. EXISTENCIAS + STOCK ===================================================== */ body.single-product .summary.entry-summary .availability { display: inline-flex !important; align-items: center !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 8px 0 !important; padding: 0 !important; vertical-align: middle !important; } body.single-product .summary.entry-summary .availability .electro-stock-availability { display: inline-flex !important; align-items: center !important; gap: 7px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } body.single-product .summary.entry-summary .availability p.stock { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 7px 12px !important; border-radius: 10px !important; font-size: 14px !important; line-height: 1.1 !important; font-weight: 600 !important; white-space: nowrap !important; } body.single-product .summary.entry-summary .availability .stock_qty { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 600 !important; white-space: nowrap !important; } /* ===================================================== 19. NOTA / DETALLES FUNCIONALES ===================================================== */ body.single-product .summary.entry-summary .contenedor_detalles_funcionales { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; column-gap: 5px !important; row-gap: 2px !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 4px 0 8px !important; padding: 8px 10px !important; background: #fbf9f7 !important; border: 1px solid #efebe6 !important; border-radius: 9px !important; } body.single-product .summary.entry-summary .contenedor_detalles_funcionales br { display: none !important; } body.single-product .summary.entry-summary .pre_detalles_funcionales { margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #837f7b !important; } body.single-product .summary.entry-summary .contenedor_detalles_funcionales .msj_normal_negrita { margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #e9730c !important; } /* ===================================================== 21. VISUALIZACIONES ===================================================== */ body.single-product .summary.entry-summary .precio_ultrapc_sumario + div { margin: 5px 0 7px !important; padding: 0 2px !important; min-height: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #7b858d !important; } body.single-product .summary.entry-summary .precio_ultrapc_sumario + div strong { font-size: 11px !important; font-weight: 700 !important; color: #65625f !important; } body.single-product .summary.entry-summary .precio_ultrapc_sumario + div img { width: 14px !important; height: 14px !important; margin-right: 2px !important; vertical-align: -2px !important; } /* ===================================================== 22. COTIZACIÓN FORMAL ===================================================== */ body.single-product .contenedor-comprar.ultrapc-contenedor-cotizacion { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 6px 0 !important; padding: 0 !important; } body.single-product .ultrapc-boton-cotizacion { width: 100% !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 9px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; } /* ===================================================== 23. AGREGAR AL CARRITO ===================================================== */ body.single-product .summary.entry-summary form.cart { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 6px 0 0 !important; padding: 0 !important; } body.single-product .summary.entry-summary .single_add_to_cart_button { width: 100% !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 16px !important; border-radius: 10px !important; font-size: 14px !important; line-height: 1 !important; font-weight: 700 !important; } /* ===================================================== 24. SOLICITAR FOTOS REALES ===================================================== */ body.single-product .boton_solicitar_fotos { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; float: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 10px 0 14px !important; padding: 0 20px !important; box-sizing: border-box !important; } body.single-product .boton-solicite-fotos { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 220px !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; transform: none !important; } body.single-product .boton-solicite-fotos i { margin-right: 6px !important; font-size: 17px !important; line-height: 1 !important; } } /* ========================================================= COMPARTIR PRODUCTO - MOVIL ========================================================= */ @media (max-width: 767px) { body.single-product .summary.entry-summary .action_buttons .ultrapc-product-share { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 12px !important; color: #ea6d00 !important; background: #fbfaf8 !important; border: 1px solid #e8e1da !important; border-radius: 9px !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 1px 3px rgba(234,109,0, .08) !important; } body.single-product .summary.entry-summary .action_buttons .ultrapc-product-share i { margin: 0 !important; font-size: 13px !important; line-height: 1 !important; color: inherit !important; } body.single-product .summary.entry-summary .action_buttons .ultrapc-product-share.is-copied { color: #198754 !important; background: #f5f2ef !important; border-color: #cae8d5 !important; } } /* ========================================================= ACCIONES PRODUCTO MOBILE - TRES BOTONES EN UNA FILA ========================================================= */ @media (max-width: 480px) { body.single-product .summary.entry-summary > .action_buttons { display: inline-flex !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; clear: none !important; margin: 0 4px 8px 0 !important; padding: 0 !important; vertical-align: middle !important; } body.single-product .summary.entry-summary > .action-buttons { display: inline-flex !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; clear: none !important; gap: 4px !important; margin: 0 0 8px !important; padding: 0 !important; vertical-align: middle !important; } } /* ========================================================= MOBILE - COMPARTIR NEGRO ========================================================= */ @media (max-width: 480px) { body.single-product .summary.entry-summary .action_buttons .ultrapc-product-share, body.single-product .summary.entry-summary .action_buttons .ultrapc-product-share span, body.single-product .summary.entry-summary .action_buttons .ultrapc-product-share i { color: #111111 !important; } } /* ========================================================= ACCESORIOS ADICIONALES — MÓVIL FINAL 2 tarjetas visibles por pantalla ========================================================= */ @media (max-width: 767px) { body.single-product .optional-accessories.products.container > ul.products.products.list-unstyled.row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 2px 2px 10px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } body.single-product .optional-accessories.products.container > ul.products.products.list-unstyled.row > li.product { flex: 0 0 calc((100% - 10px) / 2) !important; width: calc((100% - 10px) / 2) !important; min-width: calc((100% - 10px) / 2) !important; max-width: calc((100% - 10px) / 2) !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start !important; } body.single-product .optional-accessories.products.container .product-item__inner { min-height: 300px !important; padding: 9px !important; border-radius: 15px !important; } body.single-product .optional-accessories.products.container .product-thumbnail { height: 112px !important; min-height: 112px !important; } body.single-product .optional-accessories.products.container .product-loop-header .woocommerce-loop-product__title { min-height: 40px !important; max-height: 40px !important; font-size: 10px !important; line-height: 1.25 !important; } body.single-product .optional-accessories.products.container .price-add-to-cart .price ins .precio_ultrapc_by_h, body.single-product .optional-accessories.products.container .price-add-to-cart .price > .electro-price > .precio_ultrapc_by_h { font-size: 18px !important; } body.single-product .optional-accessories.products.container .add-to-cart-wrap .add_to_cart_button { height: 40px !important; min-height: 40px !important; max-height: 40px !important; } body.single-product .optional-accessories.products.container .ultrapc-carousel-prev, body.single-product .optional-accessories.products.container .ultrapc-carousel-next { display: none !important; } } /* ========================================================= ACCESORIOS ADICIONALES — MÓVIL FINAL 2 tarjetas visibles por pantalla ========================================================= */ @media (max-width: 767px) { body.single-product .optional-accessories.products.container > ul.products.products.list-unstyled.row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 2px 2px 10px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } body.single-product .optional-accessories.products.container > ul.products.products.list-unstyled.row > li.product { flex: 0 0 calc((100% - 10px) / 2) !important; width: calc((100% - 10px) / 2) !important; min-width: calc((100% - 10px) / 2) !important; max-width: calc((100% - 10px) / 2) !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start !important; } body.single-product .optional-accessories.products.container .product-item__inner { min-height: 300px !important; padding: 9px !important; border-radius: 15px !important; } body.single-product .optional-accessories.products.container .product-thumbnail { height: 112px !important; min-height: 112px !important; } body.single-product .optional-accessories.products.container .product-loop-header .woocommerce-loop-product__title { min-height: 40px !important; max-height: 40px !important; font-size: 10px !important; line-height: 1.25 !important; } body.single-product .optional-accessories.products.container .price-add-to-cart .price ins .precio_ultrapc_by_h, body.single-product .optional-accessories.products.container .price-add-to-cart .price > .electro-price > .precio_ultrapc_by_h { font-size: 18px !important; } body.single-product .optional-accessories.products.container .add-to-cart-wrap .add_to_cart_button { height: 40px !important; min-height: 40px !important; max-height: 40px !important; } body.single-product .optional-accessories.products.container .ultrapc-carousel-prev, body.single-product .optional-accessories.products.container .ultrapc-carousel-next { display: none !important; } } /* ========================================================= ULTRAPC - BOTONES ADMINISTRATIVOS MOBILE FINAL ========================================================= */ @media (max-width: 767px) { body.single-product .agotar-stock, body.single-product .reservar_producto, body.single-product .deshacer_reservar_producto { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; float: none !important; display: inline-flex !important; align-items: center !important; width: auto !important; height: auto !important; margin: 8px 6px 10px 0 !important; vertical-align: middle !important; z-index: auto !important; } body.single-product .agotar-stock form, body.single-product .reservar_producto form, body.single-product .deshacer_reservar_producto form { margin: 0 !important; padding: 0 !important; } body.single-product .agotar-stock input[type="submit"], body.single-product .reservar_producto input[type="submit"], body.single-product .deshacer_reservar_producto input[type="submit"] { height: 32px !important; margin: 0 !important; padding: 0 11px !important; border: 0 !important; border-radius: 8px !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 3px 8px rgba(0,0,0,.13) !important; } body.single-product .agotar-stock input[type="submit"] { width: 94px !important; background: linear-gradient(135deg,#ea6d00,#f58f37) !important; } body.single-product .reservar_producto input[type="submit"] { width: 124px !important; background: linear-gradient(135deg,#f7b341,#fa944d) !important; } body.single-product .deshacer_reservar_producto input[type="submit"] { width: 112px !important; background: linear-gradient(135deg,#fb7b29,#d9480f) !important; } } /* ========================================================= ULTRAPC - PESTAÑAS PRODUCTO - TAMAÑO FINAL MOVIL ========================================================= */ @media (max-width: 767px) { body.single-product .woocommerce-tabs ul.tabs { padding: 5px !important; gap: 5px !important; } body.single-product .woocommerce-tabs ul.tabs li { min-width: 119px !important; } body.single-product .woocommerce-tabs ul.tabs li a { min-height: 43px !important; padding: 8px 14px !important; font-size: 12.4px !important; line-height: 1.15 !important; } } /* ========================================================= ULTRAPC — PRODUCT SPECS MOBILE FLEX FINAL Dos columnas REALES: 44% atributo 56% valor Todas las fichas de producto. Solo mobile. Independiente de Cyber. ========================================================= */ @media (max-width: 767px) { /* ===================================================== TABLA ===================================================== */ html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255,149,56,.18) !important; border-radius: 13px !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; background: #1d1226 !important; box-sizing: border-box !important; } html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tbody { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== FILA = FLEX ===================================================== */ html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(210,195,180,.42) !important; box-sizing: border-box !important; } html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr:last-child { border-bottom: 0 !important; } /* ===================================================== PRIMERA COLUMNA — 44% ===================================================== */ html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr > th { display: flex !important; flex: 0 0 44% !important; width: 44% !important; min-width: 44% !important; max-width: 44% !important; align-items: center !important; align-self: stretch !important; margin: 0 !important; padding: 10px 12px !important; background: #1b1025 !important; background-image: none !important; border: 0 !important; border-right: 1px solid rgba(255,149,56,.13) !important; box-shadow: none !important; box-sizing: border-box !important; color: #ff9f4b !important; -webkit-text-fill-color: #ff9f4b !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.3 !important; text-align: left !important; text-transform: uppercase !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } /* ===================================================== SEGUNDA COLUMNA — 56% ===================================================== */ html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr > td { display: flex !important; flex: 0 0 56% !important; width: 56% !important; min-width: 56% !important; max-width: 56% !important; align-items: center !important; align-self: stretch !important; margin: 0 !important; padding: 10px 12px !important; background: #251731 !important; background-image: none !important; border: 0 !important; box-shadow: none !important; box-sizing: border-box !important; color: #faf8f7 !important; -webkit-text-fill-color: #faf8f7 !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.3 !important; text-align: left !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } /* ===================================================== NEUTRALIZAR ANCHOS HEREDADOS DE WOOCOMMERCE ===================================================== */ html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr > th:first-child, html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes tr > td:first-child { float: none !important; } html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes :is(th,td)::before, html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes :is(th,td)::after { content: none !important; display: none !important; } html body.single-product #tab-specification table.woocommerce-product-attributes.shop_attributes :is(th,td) > * { max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: inherit !important; -webkit-text-fill-color: inherit !important; } }