/* ============================================================ YAGARO — CSS heredado (migrado al repo) ------------------------------------------------------------ Este archivo reúne el CSS que vivía en paneles del admin para versionarlo en el repo: · BLOQUE A → Qode Options ▸ "Custom code" (CSS) · BLOQUE B → Apariencia ▸ Personalizar ▸ "CSS adicional" Una vez confirmes que la web se ve igual con este archivo cargado, puedes VACIAR el CSS de esos dos paneles del admin. Se encola de forma global y TARDÍA (ver functions.php, yagaro_legacy_custom_css, prioridad 999) para reproducir el orden en el que estos estilos ganaban antes (Customizer/Qode se imprimen al final del ). NOTA sobre duplicados/conflictos detectados (se dejan tal cual para no alterar el comportamiento actual; márcalos si quieres depurar): - `a.wpmenucart-contents { display:none }` aparece en A (varios @media) y en B. Basta una sola regla global. - Los bloques de `.header_top` están repetidos dentro de B. - `input[name=update_cart]{display:none}` (B) — OJO: el carrito nuevo oculta esa fila de otra forma; se mantiene porque ya estaba en producción, pero es candidata a borrar. - `.woocommerce-shipping-calculator select {border:1px solid #000}` (B) compite con el calculador de envío redondeado de cart.css; en /carrito gana cart.css (scope + !important). ============================================================ */ /* ============================================================ BLOQUE A — Qode Options ▸ Custom code ============================================================ */ .image_with_text img{ margin: 0 auto 11px; } .image_with_text .separator.transparent{ display: none; } .q_accordion_holder.accordion .ui-accordion-header{ color: #fff; } .q_icon_list p { padding: 0 0 0 32px; } .q_icon_list { margin-bottom: 12px; } .q_icon_list .qode-ili-icon-holder, .q_icon_list i { line-height: 29px; } .q_accordion_holder.accordion.boxed .ui-accordion-header { text-align: left; } .q_accordion_holder.accordion h6.ui-accordion-header { padding-left: 20px; } .q_accordion_holder.boxed div.accordion_content { padding-left: 20px; } .q_accordion_holder.accordion.boxed .ui-accordion-header{ background-color: #f8f8f8; color: #01062a; } .q_accordion_holder.accordion.boxed .ui-accordion-header.ui-state-active, .q_accordion_holder.accordion.boxed .ui-accordion-header.ui-state-hover{ background-color: #000000; color: #fff!important; } .q_accordion_holder.accordion h6.ui-accordion-header { padding: 16px 20px; } .woocommerce div.product div.product_meta > span span, .woocommerce div.product div.product_meta > span a, .woocommerce table tr td{ color: #01062a; } .q_accordion_holder.accordion.boxed .ui-accordion-header{ background-color: #f8f8f8; color: #01062a; font-size: 13px; font-weight:500; letter-spacing: 1px; } .woocommerce div.product div.product_meta>.social_share_list_holder>span, .woocommerce div.product div.product_meta>span { color: #01062a; font-weight: 500; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-family: Bebas Neue, sans-serif; } .woocommerce #content .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce .quantity .minus, .woocommerce .quantity .plus, .woocommerce-page #content .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page .quantity .plus{ background-color: #f8f8f8; color: #01062a } .woocommerce .quantity .minus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page #content .quantity .minus:hover, .woocommerce .quantity .plus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page #content .quantity .plus:hover{ color: #fff; } .woocommerce div.product .cart .quantity{ padding-top: 7px; } .woocommerce .product .single-onsale { top: 15px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-family: Bebas Neue; font-weight: 500; } .woocommerce div.product .product_meta { margin: 35px 0; } .woocommerce div.product .cart { margin: 37px 0 25px; } .woocommerce .product .images { margin-bottom: 90px; } .qode-pl-holder .qode-pli .qode-pli-category a{ color: #777777; transition: color 0.3s ease; } .qode-pl-holder .qode-pli .qode-pli-category a:hover{ color: #777777; } .qode_video_box .qode_video_image .qode_video_box_button_arrow { left: 54%; border-top: 15px solid transparent; border-left: 27px solid #fff; border-bottom: 15px solid transparent; } .woocommerce div.product .summary p.price span.amount { font-size: 32px; color: #000000; font-family: Bebas Neue; font-weight: 400; } .woocommerce .product h1.product_title { font-size: 48px; text-transform: capitalize; letter-spacing: 0px; margin-bottom: 11px; font-weight: 400; font-family: Bebas Neue, sans-serif; line-height: 58px; } .woocommerce table.shop_attributes th { text-transform: uppercase; font-weight: 500; color: #01062a; font-family: Bebas Neue; font-size: 13px; letter-spacing: 1px; } .woocommerce .product .price{ margin-bottom: 28px; } .woocommerce div.product div.product_meta>span span, .woocommerce div.product div.product_meta>span a{ letter-spacing: 0; } .woocommerce ul.products li.product h4, .woocommerce ul.products li.product h6{ text-align: left; padding: 0; font-size: 18px; font-weight: 400; text-transform: none; letter-spacing: 0px; } .woocommerce ul.products li.product .price{ text-align: left; color: #818181; font-size: 14px; font-weight: 400; } .woocommerce .product .onsale.out-of-stock-button .out-of-stock-button-inner{ display: none; } .woocommerce .product .onsale.out-of-stock-button:before{ content: 'Agotado'; line-height: 25px; } .woocommerce .product .onsale.out-of-stock-button{ width: 56px; height: 25px; } .qode-pl-holder .qode-pli-inner .qode-pli-image .qode-pli-onsale{ background-color: #000000; } .qode-pl-holder .qode-pli-inner .qode-pli-image .qode-pli-out-of-stock{ background-color: #777777; } .qode-pl-holder .qode-pli-inner .qode-pli-image .qode-pli-new-product, .qode-pl-holder .qode-pli-inner .qode-pli-image .qode-pli-onsale, .qode-pl-holder .qode-pli-inner .qode-pli-image .qode-pli-out-of-stock{ padding: 0 8px; } .qode-pl-holder.qode-info-below-image .qode-pli .qode-pli-text-wrapper .qode-pli-add-to-cart{ transform: none; left: 0; transition: all 0.3s ease; } .qode-pl-holder.qode-info-below-image .qode-pli:hover .qode-pli-text-wrapper .qode-pli-add-to-cart{ transform: none; -webkit-transform: none; } .qode-pl-holder .qode-pli-inner .qode-pli-image .qode-pli-onsale { color: #fff; font-weight:400; } .qode-pl-holder .qode-pli-inner .qode-pli-image .qode-pli-out-of-stock { color: #01062a; font-weight: 400; } .separator.small { height: 7px; width: 70px; } .woocommerce-page .content .container .container_inner { padding: 10px 0 110px; } .woocommerce-account .woocommerce-MyAccount-navigation li a { color: #01062a; line-height: 23px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; font-family: Archivo Narrow; padding: 8px 0; } .qode-pl-holder .qode-pli .qode-pli-price { color: #000000; font-size: 18px; line-height: 32px; font-weight: 400; } .title .separator.small, .title .separator.small.left { margin-top: 17px; } header:not(.with_hover_bg_color) nav.main_menu>ul>li:hover>a{ opacity: 1; } nav.main_menu ul li a span.underline_dash{ bottom: -1px; z-index: -1; } .qode-pl-holder .qode-pli .qode-pli-add-to-cart a{ color: #01062a; font-family: 'Archivo Narrow'; font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .woocommerce ul.products li.product .add-to-cart-button{ padding: 0 30px; } .footer_top .widget_nav_menu ul li { padding: 0 0 7px; } .woocommerce ul.products li.product .added_to_cart{ padding: 0 30px; } .shopping_cart_dropdown ul li{ border-bottom-color: #ececec; } .shopping_cart_dropdown .qbutton.white{ border-color: #000000; } .shopping_cart_dropdown .qbutton.white:hover{ color: #fff; } .shopping_cart_dropdown .qbutton.white:hover{ background-color: #f8f8f8; color: #01062a; border-color: #f8f8f8; } .shopping_cart_dropdown .qbutton { height: 30px; line-height: 32px; font-size: 11px; padding: 0 18px; } .shopping_cart_dropdown ul li { padding: 12px 0; } .shopping_cart_header .header_cart{ background-size: 20px; background-position: center; } .shopping_cart_header .header_cart span{ height: 43px; line-height: 44px; width: 43px; font-size: 12px; } .header_bottom .shopping_cart_header { padding: 0 0px 0 7px; } .side_menu_button>a { padding: 0 12px 3px 6px; } .header_bottom .shopping_cart_dropdown{ box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.04); } .shopping_cart_dropdown { padding: 10px 18px 18px; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ color: #777777; } .shopping_cart_dropdown ul li a:hover{ color: #000000; } .shopping_cart_dropdown ul li a { color: #01062a; } @media only screen and (max-width: 768px){ .qbutton { padding: 0 30px; } } .footer_inner{ background-size: cover; } .title_border_in_grid_holder { display: none; } .woocommerce .widget_price_filter .button, .woocommerce-page .widget_price_filter .button { float: right; padding: 0 30px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background-color: #000000; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{ border: 1px solid #e0dede; } .woocommerce-account h3 { font-size: 32px; } @media only screen and (min-width: 600px){ .woocommerce .woocommerce-info{ line-height: 50px; } } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { padding: 28px; } .widget #searchform{ border: 1px solid #e0dede; } .widget #searchform input[type=text] { padding: 9px 6%; height: 32px; } .widget #searchsubmit { line-height: 49px; } table td { padding: 10px 10px; } .shopping_cart_dropdown ul li { font-weight: 500; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; line-height: 24px; font-family: Archivo Narrow; } .woocommerce aside ul.product_list_widget li a, aside ul.product_list_widget li a { text-transform: uppercase; font-weight: 400; color: #01062a; line-height: 24px; font-size: 13px; letter-spacing: 1px; } .woocommerce .widget_price_filter .price_label, .woocommerce-page .widget_price_filter .price_label { font-family: Archivo Narrow; font-weight: 400; font-size: 13px; color: #01062a!important; } .select2-container--default .select2-selection--single { border: 1px solid #e0dede; height: 52px; line-height: 49px; } .woocommerce .woocommerce-message, .woocommerce div.message { font-weight: 500; color: #01062a; text-transform: capitalize; letter-spacing: 1.2px; font-size: 15px; } .widget #searchform input[type=text]{ color: #777; font-family: Archivo Narrow; font-size: 14px; font-weight: 200; } .woocommerce ul.products li.product h6{ font-size: 16px; font-weight: 200; font-family: Bebas Neue; margin-bottom: 3px; } .woocommerce ul.products li.product .price, .woocommerce li.product del .amount, .woocommerce-page li.product del .amount{ font-size: 18px; } .woocommerce-cart table.cart tbody tr td a:not(.checkout-button), .woocommerce-checkout .checkout table tbody tr td a, .woocommerce table.cart tbody tr span.amount, .woocommerce-page table.cart tbody span.amount{ color: #777777; } .woocommerce table.cart div.coupon .input-text, .woocommerce-page table.cart div.coupon .input-text{ padding: 12px 13px; border: 1px solid #e0dede; } .woocommerce aside ul.product_list_widget li span.amount, aside ul.product_list_widget li span.amount { font-weight: 400; } .shopping_cart_dropdown span.total span { color: #01062a; } .shopping_cart_dropdown span.total { color: #01062a; } .shopping_cart_dropdown .cart_list span.quantity { color: #000000; font-weight: 400; font-family: Archivo Narrow; } .shopping_cart_dropdown .qbutton.white { border-color: transparent !important; background-color: #000000 !important; } .shopping_cart_dropdown .qbutton.white:hover { border-color: transparent !important; background-color: #f7f7f7 !important; } @media (min-width:768px){ .wpmenucart-contents{ display:none !important; } } @media (max-width: 768px){ .wpmenucart-contents{ background-color: #9b9b9b !important; } } .header_top .left .inner>div, .header_top .left .inner>div:last-child { float:none !important; border-bottom: 0; border-top: 0; text-align: center !important; padding: 10px 0px 10px 0px !important; } .header_top .left { height: 100% !important; width: 100%; } .header_top { height: 100% !important; padding: 10px 0px 10px 0px !important; } .single-product span.sku_wrapper { display: none !important; } .shopping_cart_header .header_cart.cart_icon:before { content: "\e013"; font-family: ElegantIcons; font-size: 15px; color: #000; } .shopping_cart_header .header_cart.cart_icon .header_cart_span { top: -5px; right: -12px; left: auto; width: 19px; height: 19px; line-height: 19px; background-color: #000000; color: #fff; font-size: 10px; -webkit-border-radius: 50px; border-radius: 50px; } ul.woocommerce-error { color: #dc3232 !important; } p.pagotarjeta { margin-bottom: 15px !important; } #wcal_gdpr_message_block { display: none !important; } @media (max-width:600px){ .wpmenucart-contents{ display:none !important; } } body {display:grid;} .woocommerce-store-notice, p.demo_store { position:static; order:-1; background-color:#d5c9f0; color:black; text-align: center; } /* Enable create password field */ .woocommerce-account-fields { display: inline-block!important; } /* ============================================================ BLOQUE B — Apariencia ▸ Personalizar ▸ CSS adicional ============================================================ */ .menu-rebajas > a { color: #dd3333 !important; } /* Esto coloca el botón encima de la imagen */ .woocommerce ul.products li.product { position: relative; overflow: hidden; } .woocommerce ul.products li.product .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 10; /* Asegura que esté por encima de la imagen */ } .woocommerce ul.products li.product:hover .button { opacity: 1; visibility: visible; } .woocommerce .outofstock .onsale { display: block !important; background-color: #333; color: #fff; padding: 5px 10px; text-transform: uppercase; } @media (max-width: 480px) { .header_top { height: auto !important; /* Que se adapte al contenido */ padding: 5px 0 !important; /* Añade un pequeño margen si quieres */ } .header_top .container_inner { height: auto !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; /* Centra el contenido */ } } /* Ocultar botón de actualizar carrito */ input[name=update_cart] { display: none !important; } a.wpmenucart-contents { display: none !important; } /* Estilos visibles y funcionales para selects del cálculo de envío */ .woocommerce-shipping-calculator select, .woocommerce-shipping-calculator .select2-container { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; padding: 10px !important; background-color: #fff !important; color: #000 !important; border: 1px solid #000 !important; font-size: 16px; z-index: 10; } /* Que no se colapsen visualmente los inputs */ .shipping-calculator-form .form-row { margin-bottom: 1rem; } /* Ajuste del header top en todas las resoluciones */ .header_top { padding-top: 5px !important; padding-bottom: 5px !important; margin: 0 !important; } /* Centrar el contenido del header */ .header_top .container_inner { display: flex !important; align-items: center !important; justify-content: center !important; height: auto !important; padding: 5px 0 !important; } @media (min-width: 769px) { .header_bottom nav { display: flex; align-items: center; height: 100%; } } .store-info { background-color: #ffffff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 20px; margin: 30px auto; font-family: 'Helvetica Neue', sans-serif; text-align: center; box-sizing: border-box; width: 100%; max-width: 450px; } .store-info h2 { font-size: 1.5em; margin-bottom: 15px; font-weight: bold; color: #000; } .store-info p { font-size: 1em; color: #333; line-height: 1.6; } .store-info a { color: #000; text-decoration: underline; } .wpcf7 { padding: 30px 20px; max-width: 700px; margin: 0 auto; } .wpcf7-form input, .wpcf7-form textarea { padding: 12px; border: 1px solid #000; font-size: 16px; width: 100%; box-sizing: border-box; margin-bottom: 15px; } /* CONTENEDOR DEL ARTÍCULO */ .single-post .entry-content, .single-post .post-content, .single-post article { max-width: 720px; margin-left: auto; margin-right: auto; } /* IMAGEN DESTACADA */ .single-post img.wp-post-image, .single-post .post_image img { max-width: 720px; width: 100%; margin: 0 auto; display: block; } /* TEXTO DEL ARTÍCULO */ .single-post .entry-content { font-size: 20px; line-height: 1.75; color: #222; } /* PÁRRAFOS */ .single-post .entry-content p { margin-bottom: 1.6em; } /* TÍTULO DEL POST */ .single-post .entry_title { margin-top: 10px; margin-bottom: 25px; line-height: 1.2; } /* TÍTULO PRINCIPAL */ .single-post h1 { font-size: 42px; line-height: 1.2; margin-bottom: 30px; } /* SUBTÍTULOS */ .single-post h2 { font-size: 28px; margin-top: 50px; margin-bottom: 20px; } /* LISTAS */ .single-post ul, .single-post ol { margin-left: 25px; margin-bottom: 1.6em; } /* IMÁGENES DENTRO DEL CONTENIDO */ .single-post .entry-content img { max-width: 100%; margin: 40px auto; display: block; } /* CONTENEDOR DE COMENTARIOS */ .single-post #comments, .single-post .comment-respond, .single-post .comment-form { max-width: 720px; } /* TEXTAREA COMENTARIO */ .single-post .comment-form textarea { width: 100%; height: 44px; min-height: 44px; box-sizing: border-box; resize: vertical; } /* PRODUCT PAGE: QUITAR ESPACIO ANTES DEL FOOTER */ .single-product .container_inner.default_template_holder { padding-bottom: 0 !important; } /* REDUCIR ESPACIO SUPERIOR DEL FOOTER */ .footer_top { padding-top: 40px !important; padding-bottom: 40px; }