body.layout-modern #wrapper, #page #wrapper { background-color: #ffffff; }#content-wrapper .product-accessories, #content-wrapper .featured-products, .card-block, .sidebar-latest.block, #search_filters, #search_filters_brands, #search_filters_suppliers, .block-categories { background-color: #ffffff; }#header, #header .header-top { background-color: #ffffff; }#footer { background-color: #ffffff; }:root{--content-width: 100%;--content-edge-padding-x: 30px;--content-edge-padding-y: 30px;--body-font-family: "Inter", var(--fallback-font);--heading-font-family: "Kanit", var(--fallback-font);--subheading-font-family: "Kanit", var(--fallback-font);--font-size-body: 14px;--palette1: #C7160E!important;--palette2: #000000!important;--palette3: #262626!important;--palette4: #262626!important;--palette5: #555555!important;--palette6: #888888!important;--palette7: #ededed!important;--palette8: #f2f2f2!important;--palette9: #ffffff!important;--palette10: #C7160E!important;--palette11: #000000!important;}@media (min-width: 1025px){.container {max-width:100%;}}@media (min-width: 1025px){.container {max-width:100%;}}.hero-section .page-title-wrapper{min-height:120px;}.hero-section {background-color:#00000000;}html, body { background-color: #000000 !important; background-image: none !important; } /* 1. Mantenemos la web y las filas al 100% para que los fondos se estiren libremente */ @media (min-width: 1200px) { #page, #wrapper, #content-wrapper, .main-container, .header-container, .footer-container { max-width: 100% !important; width: 100% !important; } /* 2. Forzamos a que SOLO las cajas de contenido de toda la web midan 1400px y se centren */ .container { max-width: 1400px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } } #category-description p { display: none !important; } .category-cover { display: none !important; } /* HABILITA TERCER NIVEL DE CATEGORIAS */ /* ================================================== TERCER NIVEL DEL MEGAMENÚ ================================================== */ /* Estilos comunes para escritorio y móvil */ #_desktop_megamenu .gm-has-flyout, #_mobile_megamenu .gm-has-flyout { position: relative; } #_desktop_megamenu .gm-parent-link, #_mobile_megamenu .gm-parent-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; } #_desktop_megamenu .gm-arrow, #_mobile_megamenu .gm-arrow { display: inline-block; margin-left: auto; color: #999; font-size: 11px; line-height: 1; transition: transform 0.2s ease; } #_desktop_megamenu .gm-flyout, #_mobile_megamenu .gm-flyout { width: 100%; margin: 8px 0 0 !important; padding: 4px 0 !important; list-style: none !important; background: #fff; border: 1px solid #ececec; border-radius: 5px; box-shadow: 0 5px 14px rgba(0, 0, 0, 0.06); box-sizing: border-box; overflow: hidden; } #_desktop_megamenu .gm-flyout > li, #_mobile_megamenu .gm-flyout > li { display: block; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none !important; } #_desktop_megamenu .gm-flyout > li + li, #_mobile_megamenu .gm-flyout > li + li { border-top: 1px solid #f1f1f1; } #_desktop_megamenu .gm-flyout > li > a, #_mobile_megamenu .gm-flyout > li > a { display: block; width: 100%; margin: 0 !important; padding: 9px 16px !important; color: #555; background: #fff; font-size: 14px; line-height: 1.35; text-decoration: none; box-sizing: border-box; transition: background-color 0.18s ease, color 0.18s ease, padding-left 0.18s ease; } /* ================================================== ESCRITORIO ================================================== */ @media (min-width: 992px) { #_desktop_megamenu .gm-flyout { display: none; } #_desktop_megamenu .gm-has-flyout:hover > .gm-flyout, #_desktop_megamenu .gm-has-flyout:focus-within > .gm-flyout { display: block; } #_desktop_megamenu .gm-has-flyout:hover > .gm-parent-link .gm-arrow, #_desktop_megamenu .gm-has-flyout:focus-within > .gm-parent-link .gm-arrow { transform: rotate(180deg); } #_desktop_megamenu .gm-flyout > li > a:hover, #_desktop_megamenu .gm-flyout > li > a:focus { padding-left: 20px !important; color: #C7160E; background: #fafafa; } } /* ================================================== MÓVIL ================================================== */ @media (max-width: 991.98px) { /* * En móvil los hijos permanecen visibles. * No se utiliza hover porque no existe en pantallas táctiles. */ #_desktop_megamenu .gm-flyout, #_mobile_megamenu .gm-flyout { display: block !important; margin: 6px 0 10px !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05); } #_desktop_megamenu .gm-arrow, #_mobile_megamenu .gm-arrow { font-size: 12px; transform: rotate(180deg); } #_desktop_megamenu .gm-flyout > li > a, #_mobile_megamenu .gm-flyout > li > a { padding: 10px 16px !important; } #_desktop_megamenu .gm-flyout > li > a:active, #_desktop_megamenu .gm-flyout > li > a:focus, #_mobile_megamenu .gm-flyout > li > a:active, #_mobile_megamenu .gm-flyout > li > a:focus { color: #C7160E; background: #fafafa; } } /* ================================================== MENÚ DE SERIES ================================================== */ ul.serie-menu, .serie-menu > ul, .serie-menu .avaorg-sub-inner { margin: 8px 0 0 !important; padding: 4px 0 !important; list-style: none !important; background: #fff !important; border: 1px solid #ececec !important; border-radius: 5px !important; box-shadow: 0 5px 14px rgba(0, 0, 0, 0.06) !important; box-sizing: border-box !important; overflow: hidden !important; } ul.serie-menu > li, .serie-menu > ul > li, .serie-menu .avaorg-sub-inner > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } ul.serie-menu > li + li, .serie-menu > ul > li + li, .serie-menu .avaorg-sub-inner > li + li { border-top: 1px solid #f1f1f1 !important; } ul.serie-menu > li > a, .serie-menu > ul > li > a, .serie-menu .avaorg-sub-inner > li > a { display: block !important; width: 100% !important; margin: 0 !important; padding: 9px 16px !important; color: #555 !important; background: #fff !important; font-size: 14px !important; line-height: 1.35 !important; text-decoration: none !important; box-sizing: border-box !important; transition: background-color 0.18s ease, color 0.18s ease, padding-left 0.18s ease !important; } ul.serie-menu > li > a:hover, .serie-menu > ul > li > a:hover, .serie-menu .avaorg-sub-inner > li > a:hover { padding-left: 20px !important; color: #C7160E !important; background: #fafafa !important; } /* ================================================== CORREGIR ANCHO COMPLETO EN MÓVIL ================================================== */ @media (max-width: 991.98px) { html, body { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; } body, #page, #wrapper, .page-wrapper, .main-wrapper { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } #header, #content-wrapper, main, #footer { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } } /* ================================================== IMÁGENES image-hover AL 50% EN MÓVIL ================================================== */ @media (max-width: 991.98px) { .image-hover { width: 50% !important; height: auto !important; display: block; margin-left: auto; margin-right: auto; } } .tax-shipping-delivery-label { margin-left: 10px; }