/** * ============================================================================ * [RUBIK] Global — migrado desde YellowPencil (bolsa "wt_css", global) * ============================================================================ * * NOTA PARA FUTURAS IAs / PROGRAMADORES: * Este archivo reemplaza la parte GLOBAL de las personalizaciones de YellowPencil * (options `wt_css` / `wt_styles`) — es decir, el CSS que YellowPencil inyectaba * en en TODO el sitio, no en una página o tipo de contenido específico. * * Fuente de verdad usada: `wt_css` (NO `wt_styles`). Se comprobó empíricamente * el 2026-07-28 que `wt_styles` es solo el historial interno del editor de * YellowPencil (usado para su panel "Manage Styles" / deshacer), mientras que * `wt_css` es lo que de verdad se renderiza al visitante. Ver NOTAS_PARA_ANTIGRAVITY.md, * sección "Bug top:50px", para el caso que confirmó esto. * * QUÉ SE EXCLUYÓ A PROPÓSITO de la bolsa original (no está aquí, y está bien): * - Todo lo relacionado con `.oceanwp-cart-sidebar` / `.current-shop-items-dropdown` * (el panel del mini-carrito) — YA REEMPLAZADO por mini-cart-fix.css, que gana * con mayor especificidad + !important. Incluir las reglas viejas aquí sería * redundante y confuso, no un error. * - Todo lo que usa `.bdt-flex-middle` / `.bdt-flex` — clases MUERTAS, verificado * con `document.querySelectorAll('.bdt-flex-middle').length === 0` en el sitio * en vivo el 2026-07-28. Son de una versión anterior del tema/markup. * * QUÉ SÍ SE MANTUVO aunque mencione "cart" en el nombre: * - El ícono/badge del carrito en el HEADER (`.wcmenucart`, `.toggle-cart-widget`, * `.mobile-right`) — es una pieza DISTINTA del panel desplegable, mini-cart-fix.css * nunca la tocó, así que sigue siendo necesaria. * * ⚠️ Nota sobre el mensaje de "carrito vacío" en español (abajo, sección 4): * la traducción por CSS solo está delimitada a `@media (max-width:660px)` (móvil). * No se encontró una traducción equivalente para escritorio en esta bolsa. Si en * el futuro se ve el mensaje en inglés en escritorio ("No products in the cart."), * ese es probablemente el motivo — revisar si el snippet #126 (Core Performance * Optimizer) lo cubre por JS, y si no, replicar esta regla sin el @media. * * @package OceanWP_Child * @version 1.0.0 * @since 2026-07-29 */ /* =========================================================================== * 1. TIPOGRAFÍA DE TÍTULOS (h2/h1 en distintos contextos: relacionados, * grillas de Elementor, confirmación de pedido, blog) * ======================================================================== */ .products h2 a { line-height: 1em !important; } #content .related h2 { font-style: italic; font-family: 'Roboto', sans-serif; font-weight: 300; } .related h2 a { font-weight: 600 !important; font-size: 15px; } #content-wrap #primary #content .entry-content .product .related .grid .product .product-inner .woo-entry-inner .title h2 a { font-size: 15px !important; } .elementor-grid h2 a { font-size: 17px !important; font-weight: 600; } /* Encabezado de la página de "Pedido recibido" / confirmación de compra */ .elementor-shortcode .woocommerce-order-details h2 { font-weight: 700; font-style: italic; font-family: 'Roboto'; } h2.entry-title { font-weight: 700; font-style: normal; font-family: Montserrat; text-transform: uppercase; } /* =========================================================================== * 2. TÍTULO Y PRECIO DEL PRODUCTO (página de producto individual) * ======================================================================== */ .entry-summary h1 { position: relative; /* Evita que el título se parta en columnas en algunos navegadores. Sin desplazamiento (no hay top/left) — es seguro. */ column-count: 1; } .woocommerce-product-details__short-description h3 strong { font-family: 'Roboto', sans-serif; font-weight: 300; /* NO tiene position/top aquí (a diferencia de la copia que SÍ tenía el bug top:50px, que vivía en la bolsa de "Producto" — ya corregida). Verificado el 2026-07-29 antes de migrar. */ } .entry-summary .woocommerce-product-details__short-description { font-weight: 300; } .entry-summary p.price { /* Solo una pista de carga de fuente, no afecta el layout */ --google-webfont: no-include; } p.price { font-family: Helvetica; text-transform: uppercase; } p.selected { font-family: Montserrat; text-transform: uppercase; font-weight: 300; font-style: normal; } /* =========================================================================== * 3. ÍCONO DEL CARRITO EN EL HEADER (badge/contador — distinto del panel * desplegable, que ya cubre mini-cart-fix.css) * ======================================================================== */ .toggle-cart-widget .wcmenucart-cart-icon span { border-width: 2px; } .mobile-right .wcmenucart-cart-icon span { transform: translatex(0px) translatey(4px); } #site-header-inner #site-navigation-wrap #site-navigation .main-menu .toggle-cart-widget .current-shop-items-dropdown .current-shop-items-inner .widget .widget_shopping_cart_content div div a span { width: 151% !important; } @media (max-width: 850px) { .mobile-right .wcmenucart-cart-icon span { transform: translatex(0px) translatey(0px); } } @media (max-width: 638px) { .mobile-right .wcmenucart .wcmenucart-count { transform: translatex(0px) translatey(0px); } } /* =========================================================================== * 4. MENSAJE DE "CARRITO VACÍO" EN ESPAÑOL (solo móvil, ver nota de cabecera) * ======================================================================== */ @media (max-width: 660px) { .woocommerce-mini-cart__empty-message { visibility: hidden; position: relative; min-height: 20px; } .woocommerce-mini-cart__empty-message:after { visibility: visible; position: absolute; top: 0; left: 0; width: 100%; text-align: center; content: "No hay reservaciones en el carrito"; } } /* =========================================================================== * 5. OTROS (sin desplazamiento, sin riesgo) * ======================================================================== */ .main-menu .search-toggle-li a { border-width: 3px; } #site-header-inner { transform: translatex(0px) translatey(0px); } .entry-summary .cart .wc-bookings-booking-form-button { transform: translatex(0px) translatey(0px); } #content .product .woocommerce-product-details__short-description { transform: translatex(0px) translatey(0px); }