.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #f1f1f1; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1400; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #231f74; } a:hover:not(.nav-link):not(.btn) { color: #231f74; } .pagination .page-list li:hover { border-color: #231f74; } .pagination .page-list li.current { border-color: #231f74; } .pagination .page-list li.current a { color: #231f74; } #mobile-header { background: #fafafa; border-bottom: solid 1px #e3e3e3; } #mobile-header #mobile-header-sticky { background: #fafafa; } #mobile-header .mobile-main-bar { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } #mobile-header .m-nav-btn { color: #231f74; } #mobile-header .m-nav-btn:hover { color: #333333; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 15px; } @media (max-width: 767px) { html { font-size: 14px; } } body { line-height: 1.4rem; } body { font-family: Open Sans, sans-serif; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #f8f8f8; color: #333333; border: none 1px #f0f0f0; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #dedede; color: #2e2e2e; } .btn-secondary:not(:disabled):not(.disabled):active { background: #dedede; color: #2e2e2e; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f8f8f8; color: #333333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #dedede; color: #2e2e2e; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #231f74; color: #ffffff; border: none 1px; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #302a96; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #302a96; color: #ffffff; } #wrapper .breadcrumb { padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; margin-top: -2rem; margin-bottom: 2rem; font-size: 0.9333333333rem; font-style: normal; font-weight: normal; text-transform: none; color: #555555; } #wrapper .breadcrumb li:after { color: #555555; } #wrapper .breadcrumb a { color: #555555; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #333333; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #333333; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #333333; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #333333; } .form-control::-webkit-input-placeholder { color: #333333; } .form-control::-moz-placeholder { color: #333333; } .form-control:-ms-input-placeholder { color: #333333; } .form-control:-moz-placeholder { color: #333333; } .form-control:focus { color: #333333; border-color: #231f74; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #231f74; } .custom-radio input[type=radio]:checked + span { background-color: #231f74; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #231f74; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #231f74!important; color: white!important; } .tooltip { --bs-tooltip-bg: #231f74; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(0, 0, 0, 0.05); } .modal-content { background: #ffffff; border: none 1px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #231f74; color: #ffffff; border: none 1px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); } .product-price { color: #388e3c; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.7333333333rem; font-style: normal; font-weight: bold; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #ff0000; color: #ffffff; } .product-flags .new { background: #231f74; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #cccccc; color: #fff7f7; } .discount { background: #ff0000; color: #ffffff; } .product-available { background: #28a745; color: #ffffff; } .product-unavailable { background: #cccccc; color: #fff7f7; } .alert-success { background: #231f74; color: #ffffff; border-color: #231f74; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-info { background: #333333; color: #ffffff; border-color: #333333; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-warning { background: #f0ad4e; color: #ffffff; border-color: #f0ad4e; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-danger { background: #d9534f; color: #ffffff; border-color: #d9534f; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } #iqitcompare-floating { background: #231f74; border-top: none 1px; border-left: none 1px; border-right: none 1px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); } #iqitcompare-floating a { color: #ffffff; } #page-preloader { background: #fafafa; } #back-to-top { background: #231f74; color: #ffffff; } #back-to-top:hover { background: #333333; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px; } #header .container, #checkout-header .container { max-width: 100%; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px; } #header .header-nav { color: #231f74; background: #ffffff; border-bottom: none 1px; padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; font-size: 0.8rem; } #header .header-nav a { color: #231f74; } #header .header-nav a:hover { color: #231f74; } #header .header-nav .social-links._topbar { font-size: 0.9333333333rem; } .header-top { color: #333333; } .header-top a:not(.btn):not(.nav-link) { color: #231f74; } .header-top a:not(.btn):not(.nav-link):hover { color: #231f74; } .header-top .form-search-control { background: #f2f2f2; color: #231f74; border: solid 1px #e3e3e3; } .header-top input.form-search-control::-webkit-input-placeholder { color: #231f74; } .header-top input.form-search-control:-moz-placeholder { color: #231f74; } .header-top input.form-search-control:-ms-input-placeholder { color: #231f74; } .header-top input.form-search-control:-moz-placeholder { color: #231f74; } .header-top .search-btn { color: #231f74; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.3333333333rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #231f74; padding: 0.6rem 0.6rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #231f74; } .header-top a.header-cart-btn:not(:hover) { color: #231f74; } .stuck-header .header-top { padding-top: 0.3333333333rem; padding-bottom: 0.3333333333rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #231f74; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 40%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #231f74; border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; margin: 0 -500%; padding: 0 500%; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.3333333333rem; max-width: 13.3333333333rem; color: #ffffff; padding-left: 1rem; padding-right: 1rem; border-left: groove 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #ffffff; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.1333333333rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.3333333333rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #231f74; } .cbp-horizontal .cbp-tab-title { font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ff9900; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.3333333333rem; max-height: 1.3333333333rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.9333333333rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5); } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5); } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #231f74; line-height: 3.3333333333rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #231f74; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-size: 0.9333333333rem; font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; border-top: solid 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.6rem; max-height: 1.6rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #333333; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #231f74; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #231f74; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 0.9333333333rem; font-style: italic; font-weight: bold; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px #37a625; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #231f74 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #333333 !important; border-bottom: none 3px #c2bc29; font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #231f74 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #333333 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.6rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 3.4666666667rem; } .mobile-menu__link { color: #333333 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1rem; padding-bottom: 1rem; color: #231f74; font-size: 1.4666666667rem; } .mobile-menu__tab-icon { font-size: 1rem; } .mobile-menu__tab-icon--img { max-height: 1rem; } .mobile-menu__legend { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #333333; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #231f74 !important; } .mobile-menu__column { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; color: #333333; margin-bottom: 2.6666666667rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.6666666667rem; } .mobile-menu__column-title { margin-bottom: 0.5333333333rem; } .mobile-menu__links-list-li { padding-top: 0.4rem; padding-bottom: 0.4rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #333333; } .mobile-menu__footer { border-top: none 1px; color: #333333; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.8rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.8rem; } .swiper-container-wrapper { margin: -0.8rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.8rem; } .swiper-container-wrapper .product-carousel { padding: 0.8rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.8rem; } .product-miniature { border: none 1px; outline: 1px none transparent; background: #ffffff; color: #231f74; } .product-miniature a:link:not(.nav-link):not(.btn), .product-miniature a:visited:not(.nav-link):not(.btn) { color: #231f74; } .product-miniature .product-price { color: #388e3c; } .product-miniature .iqit-review-star { color: #ffffff; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-price { font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; } } .product-miniature-grid .product-functional-buttons { display: none; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.5rem 1rem; background: #231f74; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #ffffff; color: #000000; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.8rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.8rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.2rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #ffffff; background: #231f74; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } #product .product-cover .expander { color: #ffffff; background: #231f74; } #product .product-cover .expander:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } .col-product-info, .quickview-info { text-align: center; } .product-variants-item > ul { display: inline-block; } .product-variants-item .custom-select2 { margin: 0 auto; } .product-add-to-cart .row.product-quantity { justify-content: center; } @media (max-width: 767px) { #main-product-wrapper .product-add-to-cart { background: #ffffff; position: fixed; bottom: 0; z-index: 99; width: 100%; left: 0; padding-left: 1rem; padding-right: 1rem; } #product #iqitcompare-floating { z-index: 0; } } @media (max-width: 576px) { .product-add-to-cart .col-add-qty { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .product-add-to-cart .col-add-btn { -ms-flex: 1; flex: 1; } .product-add-to-cart .col-add-wishlist, .product-add-to-cart .col-add-compare { max-width: 40px; } .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { padding-left: 0; padding-right: 0; } } @media (max-width: 400px) { .product-add-to-cart .add-to-cart { padding-left: 0rem; padding-right: 0rem; } } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 2rem; padding-bottom: 2rem; color: #333333; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #231f74; font-size: 1.4666666667rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #231f74; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #231f74; } #content-wrapper .section-title { color: #231f74; font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #231f74; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #231f74; } .nav-tabs .nav-link { color: #231f74; font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #231f74; border-bottom: solid 3px #231f74; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #231f74; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #231f74; border-bottom: solid 3px #231f74; } #wrapper .block-title { color: #231f74; font-size: 0.9333333333rem; font-style: italic; font-weight: normal; text-transform: none; border-bottom: solid 1px #231f74; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #231f74; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #231f74; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #e3e3e3; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #929191; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #bd4e0f; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #929191; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #929191; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #929191; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #929191; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 0.9333333333rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #ffffff !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; border-bottom: none 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #ffffff; } #footer-container-first { border-top: none 1px; padding-top: 2rem; padding-bottom: 2rem; background: #212121; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 6.6666666667rem; padding-bottom: 5.6666666667rem; color: #ffffff; } #footer-container-main a, #checkout-footer a { color: #ffffff; } #footer-container-main a:hover, #checkout-footer a:hover { color: #ffffff; } #footer-copyrights { border-top: none 1px; background: #231f74; padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: ""; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(iconfont/MaterialIcons-Regular.woff) format('woff'), url(iconfont/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } .ps-shoppingcart.dropdown #blockcart-content{ z-index: 1000; } /* 1. Caja del producto: Borde redondeado y recorte */ .product-miniature { border-radius: 12px !important; overflow: hidden !important; /* Asegura que la imagen respete las esquinas redondas */ } /* 2. Botón de añadir al carrito: Redondeado y con espacio abajo */ .btn.btn-product-list.add-to-cart { border-radius: 12px !important; /* OPCIÓN A: Esto crea espacio transparente DEBAJO del botón (recomendado) */ margin-bottom: 20px !important; margin-top: 20px !important; /* OPCIÓN B: Si querías el botón más ALTO por abajo, usa esto (y borra el margin de arriba) */ /* padding-bottom: 15px !important; */ } .elementor-image-box-content { padding-left: 20px !important; padding-right: 20px !important; } /* 1. Convierte la columna en un tubo flexible vertical */ .fichas-iguales .elementor-widget-wrap { display: flex !important; flex-direction: column; height: 100%; } /* 2. Obliga al widget a ocupar todo el espacio disponible */ .fichas-iguales .elementor-widget { flex-grow: 1; height: 100%; margin-bottom: 30px; /* Asegura el espacio abajo que pusimos antes */ } /* 3. Estira la caja blanca final (tu contenedor) */ .fichas-iguales .elementor-widget-container { height: 100%; display: flex; flex-direction: column; /* Esto empuja el contenido para llenar espacio si fuera necesario */ justify-content: flex-start; } .custom-select2, .form-control { border-radius: 12px !important; } /* Cambiar color al pasar el ratón por los enlaces de la descripción */ .elementor-image-box-description a:hover { color: #231f74 !important; transition: color 0.3s ease; } /* Custom Sidebar Box Styles */ .custom-sidebar-box { background-color: #ffffff; /* Borde Azul Corporativo */ border-radius: 12px; padding: 25px 20px; text-align: center; font-family: 'Open Sans', sans-serif; max-width: 350px; margin: 0 auto; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .custom-price-display { color: #231f74; font-size: 38px; font-weight: 700; line-height: 1.1; margin-bottom: 5px; } .custom-tax-label { font-size: 13px; color: #666; font-weight: 600; margin-bottom: 20px; display: block; } .custom-qty-wrapper { display: inline-flex; background: #f9f9f9; border-radius: 12px; border: 1px solid #dcdcdc; margin-bottom: 15px; overflow: hidden; } .custom-qty-btn { padding: 8px 15px; cursor: pointer; font-weight: bold; color: #231f74; user-select: none; } .custom-qty-input { width: 45px; border: none; background: transparent; text-align: center; font-weight: bold; color: #333; } .custom-shipping-text { font-size: 13px; color: #333; margin-bottom: 15px; line-height: 1.4; } .custom-buy-btn { background: #231f74; color: white; border: none; padding: 12px 40px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-block; margin-bottom: 20px; text-decoration: none; width: 80%; transition: background 0.3s; } .custom-buy-btn:hover { background: #1a1a40; } .custom-trust-img { max-width: 100%; height: auto; margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto; } .custom-form-separator { border-top: 1px dashed #dcdcdc; margin: 20px 0; padding-top: 20px; } .custom-form-title { color: #231f74; font-weight: bold; font-size: 16px; margin-bottom: 5px; margin-top: 0; } .custom-form-subtitle { font-size: 13px; color: #777; margin-bottom: 15px; display: block; } .custom-input { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; background-color: #fcfcfc; border-radius: 12px; font-size: 13px; box-sizing: border-box; } .custom-input:focus { border-color: #231f74; outline: none; } .custom-checkbox-wrapper { font-size: 11px; color: #666; text-align: left; display: flex; gap: 8px; margin-bottom: 15px; line-height: 1.3; align-items: flex-start; } .custom-submit-btn { background-color: #3ebbc9; color: white; width: 100%; border: none; border-radius: 12px; padding: 12px; font-weight: bold; text-transform: uppercase; font-size: 14px; cursor: pointer; transition: background 0.3s; } .custom-submit-btn:hover { background-color: #2ca0ad; } /* Ocultar titulo especifico del bloque HTML */ .block-iqithtmlandbanners-html .block-title { display: none !important; } /* Opción extra: si el anterior falla, prueba este que es más agresivo */ #right-column .block-iqithtmlandbanners-html h5 { display: none !important; } /* Ocultar bloque de compartir en redes sociales */ .social-sharing { display: none !important; } /* Ocultar botón de Wishlist (Corazón) y Comparar (Flechas) */ /* Estas son las clases estándar de Warehouse, si no funcionan, pásame las tuyas */ .btn-wishlist, .iqit-compare-btn, .product-add-to-compare { display: none !important; } /* Estilo tarjeta para la columna de imagen de producto */ .col-md-5.col-product-image { background-color: #ffffff !important; border-radius: 12px !important; padding: 20px !important; /* Espacio para que la imagen no toque los bordes */ /* Opcional: Sombra suave para que destaque si el fondo de la web es gris claro */ box-shadow: 0 5px 15px rgba(0,0,0,0.03); /* Si quieres el mismo borde azul que el formulario, descomenta la siguiente línea: */ /* border: 2px solid #231f74 !important; */ } /* 1. Redondear botón de Añadir al carrito */ .btn.add-to-cart { border-radius: 12px !important; } /* 2. Ocultar Wishlist y Comparar */ .col-add-wishlist, .col-add-compare { display: none !important; } /* 1. Ocultar el texto original "Follow us" */ .block-social-links .block-title span { font-size: 0 !important; /* Hace el texto invisible */ } /* 2. Poner el nuevo texto "SÍGUENOS" */ .block-social-links .block-title span::after { content: 'SÍGUENOS'; /* Tu texto nuevo */ font-size: 15px !important; /* Recuperamos el tamaño (ajusta si se ve pequeño) */ visibility: visible; } /* 1. Estilo para el Bloque de Categorías (Árbol de enlaces) */ .block.block-categories { background-color: #ffffff !important; border-radius: 12px !important; padding: 20px !important; /* Espacio interior para que el texto respire */ margin-bottom: 20px !important; /* Espacio debajo para separarlo del siguiente bloque */ border: 1px solid #f1f1f1; /* Borde sutil opcional */ box-shadow: 0 5px 15px rgba(0,0,0,0.03); /* Sombra suave para efecto tarjeta */ } /* 2. Estilo para cada bloque de Filtro (Facetas: Precio, Marca, etc.) */ .facet { background-color: #ffffff !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 15px !important; /* Para que haya hueco gris entre un filtro y otro */ border: 1px solid #f1f1f1; box-shadow: 0 5px 15px rgba(0,0,0,0.03); } /* Ajuste extra: Asegurarnos de que el contenedor general sea transparente para que se vea el fondo gris entre las tarjetas blancas */ #left-column { background-color: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; } /* Estilo tarjeta para las columnas con esa combinación exacta de clases */ /* NOTA: Las clases van juntas sin espacios para indicar que el elemento debe tener TODAS ellas */ .col-3.col-md-6.col-lg-2 { background-color: #ffffff !important; /* Fondo Blanco */ border-radius: 12px !important; /* Radio 12px */ margin-left:12px; /* Añadidos recomendados para que se vea bien */ padding: 10px !important; /* Espacio interior para que el contenido no toque los bordes */ } .page-my-account #content .block-category, .page-my-account #content .tab-content { display: none; } .filtrosareacliente_tandem { list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; gap: 10px; flex-wrap: wrap; } .filtrosareacliente_tandem li a { display: inline-block; padding: 10px 20px; background-color: #1a237e; /* ajusta al color de la web */ color: #fff; border-radius: 20px; text-decoration: none; font-size: 14px; } .filtrosareacliente_tandem li a:hover { opacity: 0.85; } /* ================================================================ IQIT WAREHOUSE 4.7.2 · STYLE 2 — HEADER OVERRIDES Paste into: Theme Editor > Custom CSS ================================================================ */ /* ---------------------------------------------------------------- 1. HIDE — Language selector (flag / ES dropdown) Standard PrestaShop ID retained by Warehouse. ---------------------------------------------------------------- */ #_desktop_language_selector { display: none !important; } /* ---------------------------------------------------------------- 2. HIDE — Top-bar right-side links ("Servicios de empresas", "Atención al cliente", "Mis presupuestos") These sit in .right-nav inside .header-nav (displayNav2 hook), rendered by IqitLinksManager. Hiding the entire .right-nav is safe here because every displayNav2 element is being removed (language selector above + these links). ✅ VERIFY: Open DevTools → inspect the top bar right side. Confirm the links live inside .header-nav .right-nav. If they're in a different wrapper, adjust the selector. ---------------------------------------------------------------- */ #header .header-nav .right-nav { display: none !important; } /* ---------------------------------------------------------------- 3. HIDE — Payment trust logos in the main header row ("Encriptación SSL protegida", "Pago Seguro Garantizado") These are custom HTML blocks from iqithtmlandbanners placed in the displayTop hook (inside .header-top). The module wraps each block in .header-custom-html or its own module class. ✅ VERIFY: Inspect the trust-logo images in DevTools. Look for the outermost wrapper div — it is most likely .header-custom-html or a div with a class containing "iqithtmlandbanners". If the block has a unique ID like #iqithtmlandbanners_3, use that instead for precision. ---------------------------------------------------------------- */ #header .header-top .header-custom-html { display: none !important; } /* — Fallback selectors (uncomment if the above misses it) — #header .header-top [class*="iqithtmlandbanners"] { display: none !important; } #header .header-top .iqit-html-block { display: none !important; } */ /* ---------------------------------------------------------------- 4. HIDE — "Atención al cliente: 965 448 922" pill/badge in the nav/sub-header bar This is a custom HTML block in the displayNavFullWidth area, sitting alongside the mega menu. The nav bar row typically uses .header-bottom or a wrapper around displayNavFullWidth. ✅ VERIFY: Inspect the pill element in DevTools. Note its parent wrapper class. Common patterns: • .header-bottom .header-custom-html • A div with [class*="iqithtmlandbanners"] inside the nav bar • A specific block ID like #iqithtmlandbanners_N Replace the selector below with the exact one you find. ---------------------------------------------------------------- */ /* Target custom HTML blocks in the nav bar area specifically */ #header .header-bottom .header-custom-html { display: none !important; } /* — Alternative: if the nav bar wrapper is different — [id^="iqithtmlandbanners"]:has(.badge), .displayNavFullWidth .header-custom-html { display: none !important; } */ /* ================================================================ REPOSITIONING ================================================================ */ /* ---------------------------------------------------------------- 5. REPOSITION — Phone number: top-bar LEFT → RIGHT The phone sits in .left-nav (displayNav1 hook). Since we already hid everything in .right-nav, we push .left-nav to the right using flex auto-margin. The .header-nav .row is a Bootstrap flex row, so margin-left: auto shifts the column. ✅ VERIFY: Confirm .header-nav > .container > .row is flex. If the immediate parent of .left-nav is not a flex container, add display: flex to that parent. ---------------------------------------------------------------- */ #header .header-nav .container > .row, #header .header-nav .row { display: flex !important; flex-wrap: nowrap !important; } #header .header-nav .left-nav { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin-left: auto !important; margin-right: 0 !important; text-align: right !important; } /* ---------------------------------------------------------------- 6. CENTER — "Envíos nacionales 24/48 horas" in the nav bar After hiding the phone pill (item 4), we center the remaining shipping text. This element is likely another iqithtmlandbanners block alongside the mega menu in the displayNavFullWidth area. STRATEGY: If the shipping text and mega menu are flex siblings, we center the text with auto margins. If the text is inside the mega menu wrapper, we center it via text-align. ✅ VERIFY: Inspect the "Envíos nacionales" text to find its wrapper. Then choose the matching approach below. ---------------------------------------------------------------- */ /* OPTION A: The text is in its own block next to the mega menu. Target the visible custom-html block in the nav bar and center. */ #header .header-bottom .iqithtmlandbanners:not([style*="display: none"]), #header .header-bottom .header-custom-html:not([style*="display: none"]) { text-align: center !important; width: 100% !important; } /* OPTION B: If the shipping text is inside a specific block, target that block by its ID (found via DevTools) and center it. Uncomment and replace N with the actual block number: #iqithtmlandbanners_N { text-align: center !important; width: 100% !important; display: block !important; } */ /* OPTION C: If both items (hidden pill + visible shipping text) share the same parent container, and the parent is flex: .header-bottom .container, .header-bottom .container > .row { justify-content: center !important; } */ /* ---------------------------------------------------------------- 7. CENTER — Search bar in main header row 8. ALIGN RIGHT — Cart and user/profile icons Style 2 uses .header-top with a flex row: [Logo col] [header-top-right col: search + buttons + (hidden) html] After hiding the trust logos (item 3), the header-top-right column contains only the search widget and .header-btn-w button wrappers (cart, user). We make this a flex container with the search centered and the buttons pushed right. The key is: the search widget gets flex: 1 with auto margins to center it, and the button wrappers cluster to the right edge via margin-left: auto on the first button. ✅ VERIFY: Confirm these elements are direct children of .header-top-right (or .col-header-center in some builds). Check whether search uses #search_widget or .search-widget. ---------------------------------------------------------------- */ /* Make the main header row a proper flex container */ #header .header-top .row { display: flex !important; align-items: center !important; } /* Ensure header-top-right is flex */ #header .header-top .header-top-right { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; position: static !important; } /* Center the search bar — let it grow into available space */ #header .header-top .search-widget, #header .header-top #search_widget, #header .header-top .col-header-center { flex: 1 1 auto !important; max-width: 40% !important; margin: 0 auto !important; } /* Push cart + user icons to the far right */ #header .header-top .header-btn-w { flex: 0 0 auto !important; margin-left: 0 !important; } /* Target the first icon button to break from the centered search */ #header .header-top .header-btn-w:first-of-type { margin-left: auto !important; } /* ================================================================ MOBILE CLEANUP — Hide the same elements on mobile to stay consistent. Adjust breakpoint if theme uses different value. ================================================================ */ @media (max-width: 991px) { #_mobile_language_selector { display: none !important; } } /* ================================================================ END OF OVERRIDES ================================================================ */ .contact-form .btn-elementor-send { border-radius: 30px !important; border: 2px solid #2a2a85 !important; transition: all 0.25s ease; } .contact-form .btn-elementor-send:hover, .contact-form .btn-elementor-send:focus { background: #fff !important; color: #2a2a85 !important; border-color: #2a2a85 !important; } #pagenotfound #content h4, #pagenotfound #content p { display: none !important; } /* ===== Tarjetas de carrusel: altura uniforme ===== */ .product-carousel .product-miniature .product-description { display: flex; flex-direction: column; height: 100%; } /* empuja el botón al fondo para alinear todas las tarjetas */ .product-carousel .product-miniature .product-add-cart { margin-top: auto; } .product-carousel .js-product-miniature-wrapper, .product-carousel .product-miniature { height: 100%; } .product-carousel .swiper-slide { height: auto; } /* ===== Botón "Ver" igualado + ancho completo ===== */ .product-miniature .product-add-cart a.btn-product-list { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: 100% !important; } /* ===== Icono de ojo SOLO en "Ver" (es <a>, no <button>) ===== */ .product-miniature .product-add-cart a.btn-product-list::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f06e"; display: inline-block; } /* Igualar "Ver" al estilo de "Añadir al carrito": redondeo + márgenes */ .product-miniature .product-add-cart a.btn-product-list { border-radius: 12px !important; margin-top: 20px !important; margin-bottom: 20px !important; } /* Separación del banner WhatsApp respecto al footer */ .elementor-displayWrapperBottomInContainer .banner-solo-categorias { margin-bottom: 40px !important; } /* ===== MEGAMENÚ "Todas las categorías" ===== */ /* Ensanchar el panel */ #cbp-hrmenu-tab-2 .cbp-hrsub { width: 100% !important; max-width: 100% !important; left: 0 !important; right: 0 !important; } #cbp-hrmenu-tab-2 .cbp-menu-column.col-6 { flex: 0 0 100% !important; max-width: 100% !important; } /* Rejilla de categorías principales (todas visibles) */ #cbp-hrmenu-tab-2 .cbp-categories-row { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 10px 22px; padding: 22px 28px; } #cbp-hrmenu-tab-2 .cbp-categories-row > .col-12 { position: relative; width: auto !important; max-width: none !important; margin: 0; } /* Cabecera = píldora azul */ #cbp-hrmenu-tab-2 .cbp-category-title { display: block; background: #231f74; color: #fff !important; font-weight: 700; font-size: 13px; text-transform: uppercase; padding: 9px 14px; border-radius: 20px; line-height: 1.25; cursor: pointer; } #cbp-hrmenu-tab-2 .cbp-category-title:hover { background: #312783; } /* Subcategorías: ocultas, flotan al pasar el ratón */ #cbp-hrmenu-tab-2 .cbp-category-tree { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 250px; margin-top: 4px; padding: 10px 14px; background: #fff; border: 1px solid #e4e3f0; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.15); list-style: none; } #cbp-hrmenu-tab-2 .cbp-categories-row > .col-12:hover .cbp-category-tree { display: block; } #cbp-hrmenu-tab-2 .cbp-category-tree a { display: block; color: #444 !important; font-size: 12.5px; padding: 4px 0; text-decoration: none; white-space: nowrap; } #cbp-hrmenu-tab-2 .cbp-category-tree a:hover { color: #231f74 !important; padding-left: 4px; } #cbp-hrmenu-tab-2 .cbp-category-tree li::before, #cbp-hrmenu-tab-2 .cbp-category-tree a::before { content: none !important; display: none !important; } /* Ocultar "Detalles del producto" y Reviews en la ficha */ #product-details-wrapper, #iqit-reviews-tab { display: none !important; } .cbp-vertical-on-top { display: none !important; } /* Quitar Hidráulica/Estanqueidad/Vacío del desplegable interno (ya están arriba) */ #cbp-hrmenu-tab-2 .cbp-categories-row > .col-12:has(a[href*="214032020-hidraulica"]), #cbp-hrmenu-tab-2 .cbp-categories-row > .col-12:has(a[href*="214032021-estanqueidad"]), #cbp-hrmenu-tab-2 .cbp-categories-row > .col-12:has(a[href*="214032022-vacio"]) { display: none !important; } /* ===== NOSOTROS INTEC ===== */ .nos-wrap{--nos-azul:#231f74;--nos-azul2:#2e2a8c;--nos-gris:#555;--nos-borde:#ececf5;max-width:1200px;margin:0 auto;padding:10px 16px 50px;color:#333;font-family:"Roboto Condensed","Source Sans Pro",Arial,sans-serif;} .nos-wrap *{box-sizing:border-box;} .nos-wrap h2,.nos-wrap h3{color:var(--nos-azul);margin:0;} .nos-section{padding:34px 0;} .nos-eyebrow{text-align:center;color:var(--nos-azul);font-size:22px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin:0 0 26px;} .nos-hr{height:2px;background:var(--nos-borde);border:0;margin:8px 0 0;} .nos-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;} .nos-intro h2{font-size:26px;margin:0 0 22px;} .nos-intro h3{font-size:19px;margin:22px 0 6px;} .nos-intro p{line-height:1.65;color:var(--nos-gris);margin:0;} .nos-intro .nos-video{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(35,31,116,.12);} .nos-intro .nos-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} .nos-mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;} .nos-mvv h3{font-size:17px;letter-spacing:.5px;text-transform:uppercase;margin:0 0 12px;border-left:4px solid var(--nos-azul);padding-left:12px;} .nos-mvv p{line-height:1.6;color:var(--nos-gris);margin:0 0 10px;} .nos-mvv ul{margin:0;padding-left:18px;color:var(--nos-gris);line-height:1.7;} .nos-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;} .nos-feat{text-align:center;} .nos-feat img{width:90px;height:90px;object-fit:contain;margin:0 auto 14px;display:block;} .nos-feat h3{font-size:17px;margin:0 0 8px;} .nos-feat p{font-size:14px;line-height:1.55;color:var(--nos-gris);margin:0;} .nos-team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;} .nos-card{background:#fff;border:1px solid var(--nos-borde);border-radius:14px;overflow:hidden;text-align:center;transition:transform .2s ease,box-shadow .2s ease;} .nos-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(35,31,116,.14);} .nos-card .nos-photo{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f3f3fa;} .nos-card .nos-body{padding:16px 14px 20px;} .nos-card .nos-name{color:var(--nos-azul);font-size:17px;font-weight:700;margin:0 0 4px;} .nos-card .nos-role{color:#888;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;} .nos-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;} .nos-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;} .nos-text{max-width:900px;margin:0 auto;text-align:center;line-height:1.7;color:var(--nos-gris);} .nos-text strong{color:#333;} .nos-improve{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;} .nos-improve h2{font-size:24px;margin:0 0 16px;} .nos-improve>div>p{line-height:1.65;color:var(--nos-gris);} .nos-point{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px;} .nos-point img{width:64px;height:64px;object-fit:contain;flex:0 0 64px;} .nos-point p{margin:0;line-height:1.55;color:var(--nos-gris);font-size:14.5px;} .nos-contact a{color:var(--nos-azul);font-weight:600;text-decoration:none;} .nos-contact a:hover{text-decoration:underline;} .nos-contact{grid-template-columns:repeat(3,1fr);} @media(max-width:992px){ .nos-team,.nos-gallery,.nos-feats{grid-template-columns:repeat(2,1fr);} .nos-mvv,.nos-contact{grid-template-columns:1fr;} .nos-intro,.nos-improve{grid-template-columns:1fr;gap:28px;} } @media(max-width:560px){ .nos-team{grid-template-columns:repeat(2,1fr);} .nos-feats,.nos-gallery{grid-template-columns:1fr;} } /* === Subcategorías como chips === */ /* Quitar fondo/borde/sombra heredados del tema */ .product-list-subcategories, .product-list-subcategories .row, .product-list-subcategories .row > div { background: transparent !important; border: none !important; box-shadow: none !important; } /* Ocultar imágenes */ .product-list-subcategories .subcategory-image { display: none !important; } /* Contenedor flex con gap uniforme */ .product-list-subcategories .row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 0 !important; } /* Cada item se encoge al contenido (clave: ya no mantiene ancho de columna) */ .product-list-subcategories .row > div { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } /* Chip */ .product-list-subcategories .subcategory-name { display: inline-block; padding: 8px 14px; background: #f2f2f7; border: 1px solid #e0e0ec; border-radius: 20px; font-size: 13px; font-weight: 600; color: #231f74 !important; text-decoration: none; } .product-list-subcategories .subcategory-name:hover { background: #231f74; color: #fff !important; } /* Compactar fila logo+buscador */ .header-top { padding-top: 6px !important; padding-bottom: 10px !important; } #desktop_logo img.logo { max-height: 60px !important; width: auto !important; height: auto !important; }