:root{--font-family-body: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-label: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-semi: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-title: "Poppins", "Helvetica", "Arial", "sans-serif";--color-a-hover: #E30613;--color-primary: #E30613;--color-secondary: #E30613;--bg-color-btn: #E30613;--bg-color-btn-hover: #E30613;--color-price: #000;--bg-color-label-new: #000;--bg-color-label-sale: #000;--ax-form-bi-rd: 5px;--ax-form-bi-width: 1px;--ax-form-btn-rd: 5px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-10px/2);margin-right: calc(-10px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(10px/2);padding-right: calc(10px/2);margin-bottom: 10px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-20px/2);margin-right: calc(-20px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(20px/2);padding-right: calc(20px/2);margin-bottom: 20px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4);}}@media (min-width: 1025px){.container{max-width:100%;}}@media (min-width: 1025px){.container{max-width:100%;}}.product-type-1 .item-inner .element-top { position: relative; overflow: hidden; border: solid 1px #d1d1d1; border-radius: 3px; } .product-type-1 .item-inner:hover { box-shadow: none; } .product-type-1 .item-inner .product_name { font-size: 17px; text-transform: none; line-height: 2rem; font-family: var(--font-family-title); margin-bottom: 20px; color: #E30613; } .price { font-weight: 500; color: #262626; font-family: var(--font-family-title); font-size: 16px; } .product-type-1 .item-inner .element-bottom { min-height: 100px; } #product #wrapper { padding-bottom: 40px; padding-top: 5%; margin-top: -40px; } @media only screen and (max-width: 768px) { #product #wrapper { padding-top: 5% !important; padding-bottom: 0px; margin-top: 0px; } } .two-columns { flex: 0 0 50% !important; } .horizontal{ display: flex !important; } .product-type-1 .item-inner .btn-action { background: #000 !important; } .product-type-1 .item-inner .btn-action:not(.loading):hover { background-color: #000 !important; } .item .item-inner .product_name a { color: #262626; } .item .item-inner .product_name a:hover { color: #262626; } #moda_popupnewsletter.popup-type-4 .modal-dialog .modal-content > img { object-fit: cover; max-width: 57%; border-radius: 15px 0px 0px 15px; } #moda_popupnewsletter.popup-text-color-dark .modal-dialog { border-radius: 15px !important; } .nrt_mega_brand img { max-height: 100px !important; } .container { max-width: 100%; } .ax-product-cats { display: none; } .input-group.input-group-add-cart.bootstrap-touchspin.hidden { display: none !important; } .label-flags li.type-new, .label-flags li.type-discount { background: #000 !important; border-radius: 0px 5px 5px 0px; } li.label-flag.type-out_of_stock { border-radius: 0px 5px 5px 0px; } .product-type-7 .item-inner .btn-action.add-to-cart { background-color: #000; border: solid 2px #000; border-radius: 10px; margin-top: 25px; } .product-type-7 .item-inner .btn-action.add-to-cart:hover { background-color: transparent; border: solid 2px #000; color: #000 !important; } .btn-primary { color: #fff !important; background-color: #000 !important; border-color: #000 !important; } .btn-primary: hover { color: #fff !important; background-color: #ff0000 !important; border-color: #ff0000 !important; } /* * Custom code goes here. */ .product_name { font-size: 16px; font-weight: 500; margin-top: 15px; } body#checkout section.checkout-step .step-title { padding: 3px 20px; } body#checkout section.checkout-step .content .nav-inline .nav-item a { padding: 4px 15px; } body#checkout section.checkout-step .content .my-2 { margin: -20px -20px 20px !important; } body#checkout .form-control { height: 35px; } body#checkout .form-group { margin-bottom: 9px; } body#checkout .form-control-label { font-size: 1.3rem; } body#checkout .form-control-comment { font-size: 1.1rem; } body#checkout label { font-size: 1.2rem; } body#checkout .btn { height: 33px; } .form-control { height: 35px; } .product-description { text-align: justify; } .wc-tabs-wrapper .nav-tabs li a { font-size: 1.5rem; } #left-content, #right-content, #main-content { margin-bottom: 0px; } #wrapper { padding-bottom: 0px; } #index .block { margin-bottom: 0px; } #index .ets_crosssell_block .tab-content { min-height: 0px; } .categorias-botones .carousel-button { position: absolute; top: 50%; transform: translateY(-50%); margin-left: unset !important; } .categorias-botones { position: absolute; top: 50%; transform: translateY(-50%); } .categorias-botones .carousel-button.prev { left: 10px; } /categorias slide/ .categorias-botones .carousel-button.next { right: 0px; } .categorias .elementor-row{ transition: transform 0.5s ease-in-out; } /newsletter/ .elementor-widget-axps-subscription form.container:not(.modal-dialog *) { display: flex; position: relative; left: 21rem; right: 21rem; } .elementor-widget-axps-subscription form.container:not(.modal-dialog *) .col-md-4.mb-1, .elementor-widget-axps-subscription form.container:not(.modal-dialog *) .col-md-12 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .elementor-widget-axps-subscription form.container:not(.modal-dialog *) div.row:nth-child(3) .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .elementor-widget-axps-subscription form.container:not(.modal-dialog *) div.row:first-child{ width: 100%; } .elementor-widget-axps-subscription .elementor-newsletter:not(.modal-dialog *) input[name=email] { height: 37px !important; border-radius: 5px !important; margin-left: 2.6rem !important; } .elementor-widget-axps-subscription form.container:not(.modal-dialog *) .col-md-12 button { border-radius: 5px !important; height: 39px; background-color: #000 !important; color: #fff !important; } /newsletter modal/ .modal-dialog form.container div.row:first-child{ display: block; } .modal-dialog form.container div.row:first-child .col-md-4.mb-1{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .ocultar-sucursal { display: none !important; } .item .item-inner .product_name { font-size: 15px !important; word-spacing: 0px; hyphens: auto; word-spacing: normal; text-align: center; letter-spacing: 0.1rem; } .item .item-inner .product-price-and-shipping { text-align: center; } /responsives/ @media (max-width: 767px) { body:not(.elementor-editor-active) .categorias .elementor-row { display: flex !important; flex-flow: row; flex-wrap: nowrap !important; flex-direction: row !important; } body:not(.elementor-editor-active) .categorias .elementor-element { min-width: 100% !important; } .categorias .elementor-element-populated { padding: 0px 0px 0px 0px !important; } body:not(.elementor-editor-active) .carousel-item { flex: 0 0 auto; width: calc(100% / 1) !important; /* override en mobile con media query */ } .categorias .elementor-cta__content { min-height: 450px !important; } /suscripciones/ .container { max-width: 67%; } .elementor-widget-axps-subscription form.container:not(.modal-dialog *) { display: block; position: relative; left: 11.5rem; right: 11.5rem; } .elementor-widget-axps-subscription form.container:not(.modal-dialog *) .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .elementor-widget-axps-subscription .elementor-newsletter:not(.modal-dialog *) input[name="email"] { margin-left: 0rem !important; } .elementor-widget-axps-subscription form .row { margin-right: 0px; margin-left: 0px; } .elementor-widget-axps-subscription form .row.mb-3 { margin-bottom: 0.8rem !important; } .elementor_psgdpr_consent_message.mt-3 { margin-top: 0.8rem !important; } } @media (max-width: 1024px) { body:not(.elementor-editor-active) .categorias .elementor-row { display: flex !important; flex-flow: row; flex-wrap: nowrap !important; flex-direction: row !important; } .elementor-widget-axps-subscription form.container:not(.modal-dialog *) { display: flex; position: relative; left: 29rem; right: 30rem; top: 2rem; } .container { max-width: 100%; } } .menu-horizontal .item-level-0 > a { border-radius: 13px; } .nrt_mega_menu .style_wide .element_a_depth_1 { font-weight: 600; font-size: 16px; text-transform: none !important; } /* Primera sección: aplicando un borde derecho en las columnas específicas */ .nrt_mega_column_4.col-md-5, .nrt_mega_column_5.col-md-5, .nrt_mega_column_6.col-md-5, .nrt_mega_column_7.col-md-5 { border-right: solid 2px #d1d1d1; } /* Segunda sección: aplicando un padding izquierdo en la columna específica */ .nrt_mega_column_9.col-md-7, .nrt_mega_column_10.col-md-7, .nrt_mega_column_11.col-md-7, .nrt_mega_column_12.col-md-7 { padding-left: 50px; } .elementor-cta--skin-cover .elementor-cta { border-radius: 15px; } .elementor-1 .elementor-element.elementor-element-0c84122 .widget-image-caption { color: #000; } .elementor-1 .elementor-element.elementor-element-0c84122 .widget-image-caption: hover { color: #000; text-decoration: underline !important; } a.element_a_depth_1.element_a_item { color: #000; } a.element_a_depth_1.element_a_item: hover { background-color: #f5f5f5; border-radius: 10px; text-align: center; } input#birthday-date { color: #dcdcdc !important; } .form-control { color: #bfbfbf !important; } a.style_element_a_22.element_a_depth_0 { color: #ff0000 !important; } .product-type-7 .item-inner .element-top { border: solid 1px #d1d1d1; border-radius: 10px; } .elementor-countdown-item { background-color: #fff !important; padding: 10px !important; border-radius: 5px !important; } span.post-date { display: none; } .blog-type-2 .blog-title a { color: #000; } .blog-type-2 .blog-title { font-size: 1.5rem; text-transform: none; } .blog-type-2 .read-more { display:inline-block; /* el borde sólo rodea el texto */ padding:6px 14px; /* espacio interno para que respire */ border:2px solid #000; border-radius:10px; /* esquinas redondeadas */ font-size:1.5rem; font-weight:500; line-height:1; text-transform:capitalize; margin-top:10px; font-family:var(--font-family-title); color:#000; text-decoration:none; /* quita subrayado si fuese */ transition:background .3s,color .3s; } .blog-type-2 .read-more:hover { background-color: #000 !important; color: #fff !important; } .blog-type-2 .blog-thumbnail { border-radius: 15px; } #blog-details #wrapper { padding: 4% !important; } #blog-details #main .page-content, #blog-category #main .page-content { padding-right: 5%; } .blog-single .entry-info { display: none; } .blog-type-2 .post-date { display: none; } .ax-img-loader { width: 100% !important; } /* borde redondeado en el menu */ .menu_sub.style_wide.sub-menu-dropdown { border-radius: 15px; } /* Centrar el mega-menú en pantalla */ .menu_sub.style_wide.sub-menu-dropdown{ /* asegúrate de que el menú usa posicionamiento “apilable” */ position: absolute !important; /* respeta la lógica del theme */ /* 1- Centramos el punto de referencia */ left: 50% !important; /* 2- Desplazamos la mitad de su propio ancho hacia atrás */ transform: translateX(-50%) !important; /* 3- Opcional: controla su ancho máximo */ width: 80vw !important; /* o el valor que prefieras */ max-width: 1200px; /* evita que crezca demasiado en monitores grandes */ } /* ============================== MEGA-MENÚ — RESPONSIVE FIX ============================== */ /* ≤ 991 px (tablets / móviles en horizontal) */ @media (max-width: 991px){ /* 1 ▸ Que el menú use todo el ancho de la ventana y deje de depender del centrado absoluto */ .menu_sub.style_wide.sub-menu-dropdown{ position: static !important; /* saca el absolute */ width: 100vw !important; max-width: 100%; left: 0 !important; transform: none !important; padding: 0 16px; /* respiro lateral */ overflow-x: auto; /* si algo desborda, scroll suave */ } /* 2 ▸ Apila las columnas una debajo de la otra */ .menu_sub.style_wide .m_column_row{ flex-direction: column !important; /* cambia a columna */ } /* 3 ▸ Cada columna ocupa 100 % */ .menu_sub.style_wide .nrt_mega_column_4, .menu_sub.style_wide .nrt_mega_column_9{ width: 100% !important; max-width: none !important; } /* 4 ▸ La imagen del lado derecho se adapta al ancho */ .menu_sub.style_wide .nrt_mega_column_9 img{ width: 100% !important; height: auto !important; display: block; } } /* ≤ 575 px (móviles en vertical) — opcional: oculta la imagen para que el menú sea sólo enlaces */ @media (max-width: 575px){ .menu_sub.style_wide .nrt_mega_column_9{ display: none !important; } } /* Botón “Ver más” del menu — estilo base + hover */ a.btn.btn-default{ display:inline-block; /* asegura padding correcto */ background:#000; /* fondo negro */ color:#fff; /* texto blanco */ padding:12px 28px; /* ajusta a tu gusto */ font-weight:600; border-radius: 15px; text-decoration: none; border:2px solid transparent; /* evita “salto” al agregar borde */ transition:background .3s, color .3s, border-color .3s; /* animación suave */ } a.btn.btn-default:hover, a.btn.btn-default:focus{ background:transparent; /* fondo transparente */ color:#000; /* texto negro */ border-color:#000; /* borde negro sólido de 2 px */ } .elementor-18 .elementor-element.elementor-element-e3ee76b { display: none; } .elementor-18 .elementor-element.elementor-element-f5daa71 .elementor-icon i, .elementor-18 .elementor-element.elementor-element-f5daa71 .elementor-icon svg { display: none; } .blog-type-2 .element-bottom { padding: 0px; } /* Centrado solo para pantallas móviles (≤ 575 px) */ @media (max-width: 575px){ .blog-type-2 .blog-title, .blog-type-2 .element-bottom, .blog-type-2 p { text-align: center; } } .pagination > .current { color: var(--color-btn); background-color: var(--bg-color-btn); border-radius: 50px; } .pagination > a:focus, .pagination > a:hover { background-color: #eeeeee; color: var(--color-a); border-radius: 50px; } #category #wrapper { padding: 5%; } /* Estilo para dispositivos móviles (pantallas pequeñas) */ @media (max-width: 767px) { #category #wrapper { padding: 5% 0%; /* Ajuste del padding para pantallas más pequeñas */ } } .nrt_mega_menu .element_ul_depth_1: hover { background-color: #f5f5f5; border-radius: 10px; } /* 1. Establece la misma altura para todas las tarjetas */ .js-product { display: flex; flex-direction: column; height: auto; min-height: 450px; /* Ajusta si hace falta, 520-580 suele estar bien */ box-sizing: border-box; justify-content: flex-start; } /* 2. Reorganiza internamente el contenido para no dejar huecos */ .js-product .js-product-miniature { display: flex; flex-direction: column; flex-grow: 1; } /* 3. Este bloque contiene todo el contenido debajo de la imagen */ .js-product .element-bottom { margin-top: auto; /* empuja hacia abajo solo lo necesario */ display: flex; flex-direction: column; justify-content: flex-start; } /* Responsive: Pantallas pequeñas */ @media (max-width: 767px) { .js-product { min-height: 320px; /* Ajuste para pantallas más pequeñas */ } .js-product .element-bottom { margin-top: 10px; /* Espacio más pequeño entre los elementos */ } } /* Responsive: Pantallas medianas (tabletas) */ @media (min-width: 768px) and (max-width: 1024px) { .js-product { min-height: 380px; /* Ajuste para tablets */ } .js-product .element-bottom { margin-top: auto; } } /* Responsive: Pantallas grandes */ @media (min-width: 1025px) { .js-product { min-height: 400px; /* Ajuste para pantallas grandes */ } .js-product .element-bottom { margin-top: auto; } } #mapDiv { border-radius: 15px !important; overflow: hidden !important; /* Para asegurar que el borde redondeado no se vea afectado por el contenido */ } section.featured-products.clearfix.mt-3.df-products.col-xs-12 { padding: 0% 4%; } #identity #wrapper, #address #wrapper, #history #wrapper, #order-slip #wrapper, #discount #wrapper, #module-psgdpr-gdpr #wrapper, #module-ps_emailalerts-account #wrapper, #view-wishlist #wrapper, #module-allinone_rewards-rewards #wrapper, #authentication #wrapper, #manufacturer #wrapper { padding: 5%; } #exportDataToCsv, #exportDataToPdf { margin-bottom: 15px; } @media (max-width: 767px) { .two-columns { flex: none !important; } } @media (max-width: 767px) { .elementor-1 .elementor-element.elementor-element-c15367b .widget-tabs .widget-tabs-wrapper .widget-tab-title { margin-bottom: 20px !important; } } .product-brand { background-color: #fff; border-radius: 10px; } .product-quantity #quantity_wanted { background: #fff; } .form-control { color: #333 !important; background: #fff; } .summary-container .product-brands a { border-radius: 10px; } .installment-tag { display: inline-block; margin-top: 6px; padding: 4px 10px; font-size: 13px; font-weight: 500; color: #2c3e50; /* gris sobrio */ background-color: #f2f4f8; /* fondo claro, tipo etiqueta */ border-radius: 12px; border: 1px solid #d5dbe0; } .images-container .img-light-box { border-radius: 15px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); margin: 5px; } div#wrapper-tab-product { padding-right: 40px; } .col-md-6 { /* border-right: solid 1px #e5e5e5; */ box-shadow: none !important; } #back-top.show { display: none !important; } iframe { border-radius: 20px; } li.label-flag.type-out_of_stock { display: none !important; } @media only screen and (max-width: 1024px) { li.label-flag.type-discount { padding: 1px !important; } li.label-flag.type-new { padding: 1px !important; } } @media only screen and (max-width: 1024px) { .buttons-action.axps-buttons-tootip-left { display: none !important; } } .product-images-cover .label-flags { left: 0; right: auto; } #cookielaw { z-index: 10002; } @media only screen and (max-width: 1024px) { .mo_element_a_depth_0 { font-weight: 600 !important; } } @media only screen and (max-width: 1024px) { .float-bottom-right { bottom: 10px !important; right: 15px !important; } } div#canvas-mini-cart, div#canvas-my-account, div#canvas-menu-mobile { z-index: 10005; } .menu_sub.style_wide.sub-menu-dropdown { position: fixed !important; /*margin-left: 40%;*/ margin-right: 30% !important; } /* Mega-menu centrado al viewport en TODAS las páginas (desktop) */ @media (min-width: 1025px) { :root{ --mega-max: 1200px; /* ancho máx del mega */ --mega-gap: 48px; /* margen lateral al viewport */ } /* Altura del header (ajústalas si ves que queda muy arriba/abajo) */ /*body.page-index { --header-h: 116px; } /* Home: suele tener barra promo extra */ /*body:not(.page-index){ --header-h: 84px; } /* Internas */ #header-normal{ z-index:10010; overflow:visible!important; } #header-normal, #header-normal .elementor-section, #header-normal .elementor-container{ overflow:visible!important; transform:none!important; } /* Panel del mega: fijo y centrado al viewport */ #header-normal li.item-level-0.is_parent.dropdown-is-mega > div{ position: fixed !important; /*top: var(--header-h);*/ left: 50vw; transform: translateX(-50%); width: min(var(--mega-max), calc(100vw - var(--mega-gap))); max-width: min(var(--mega-max), calc(100vw - var(--mega-gap))); margin: 0 auto; z-index: 10020; /* no tocamos visibility/display: lo maneja el tema */ } } @media (min-width:1025px){ /* Alturas en Home (ajusta si hace falta) */ body.page-index{ /*--header-h: 116px; * header + barra promo */ --mega-gap: 48px; /* respiración lateral */ --mega-max: 1200px; /* ancho máximo del mega */ } /* Evitar que algún wrapper del home afecte a "fixed" */ body.page-index #header-normal, body.page-index #header-normal .elementor-section, body.page-index #header-normal .elementor-container{ transform: none !important; overflow: visible !important; } /* HOME: panel del mega estirado y centrado por márgenes */ body.page-index #header-normal li.item-level-0.is_parent.dropdown-is-mega > div, body.page-index #header-normal li.item-level-0.is_parent.dropdown-is-mega > ul, body.page-index #header-normal li.item-level-0.is_parent.dropdown-is-mega > .nrt_mega, body.page-index #header-normal li.item-level-0.is_parent.dropdown-is-mega > .nrt-mega, body.page-index #header-normal li.item-level-0.is_parent.dropdown-is-mega > .dropdown-panel{ position: fixed !important; /*top: var(--header-h) !important;*/ left: 0 !important; right: 0 !important; /* ocupa todo el ancho del viewport */ transform: none !important; /* evita el translate que lo descoloca */ width: auto !important; max-width: min(var(--mega-max), calc(100vw - var(--mega-gap))) !important; margin: 0 auto !important; /* centro exacto */ z-index: 10020 !important; box-sizing: border-box; padding-left: 0; padding-right: 0; } } /* Padding interno del panel (bordes izquierdo/derecho) */ @media (min-width:1025px){ :root{ --mega-pad-x: 28px; /* margen lateral dentro del panel */ --mega-pad-y: 18px; /* margen arriba/abajo dentro del panel */ } #header-normal li.item-level-0.is_parent.dropdown-is-mega > div{ padding: var(--mega-pad-y) var(--mega-pad-x) !important; box-sizing: border-box; /* para que el padding no “rompa” el ancho */ } /* Un poco de respiro también entre columnas y enlaces */ #header-normal li.item-level-0.is_parent.dropdown-is-mega > div > *{ padding-inline: 8px; } #header-normal li.item-level-0.is_parent.dropdown-is-mega li > a{ display:block; padding: 4px 0; /* separa líneas de categorías */ } /* Si ves que SOLO el lado izquierdo queda muy pegado, suma este extra: */ /* #header-normal li.item-level-0.is_parent.dropdown-is-mega > div > *:first-child{ padding-left: 16px !important; } */ }