.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #ffffff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #777777; } a:hover:not(.nav-link):not(.btn) { color: #333333; } .pagination .page-list li:hover { border-color: #333333; } .pagination .page-list li.current { border-color: #333333; } .pagination .page-list li.current a { color: #333333; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 1.0526315789rem; padding-bottom: 1.0526315789rem; } #mobile-header .m-nav-btn { color: #777777; } #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: 19px; } @media (max-width: 767px) { html { font-size: 18px; } } body { line-height: 1.4rem; } body { font-family: 'Barlow', sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Barlow', 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: #ffffff; color: #273756; 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: #ffffff; color: #273756; } .btn-secondary:not(:disabled):not(.disabled):active { background: #ffffff; color: #273756; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #ffffff; color: #273756; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #ffffff; color: #273756; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #ffffff; color: #273756; 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: #ffffff; color: #273756; } .btn-primary:not(:disabled):not(.disabled):active { background: #ffffff; color: #273756; } #wrapper .breadcrumb { padding-top: 0.5263157895rem; padding-bottom: 0.5263157895rem; margin-top: -0.7894736842rem; margin-bottom: 0.7894736842rem; font-size: 0.6315789474rem; font-style: normal; font-weight: normal; text-transform: none; color: #8f8f8f; } #wrapper .breadcrumb li:after { color: #8f8f8f; } #wrapper .breadcrumb a { color: #8f8f8f; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #777777; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #777777; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #777777; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #777777; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control::-moz-placeholder { color: #777777; } .form-control:-ms-input-placeholder { color: #777777; } .form-control:-moz-placeholder { color: #777777; } .form-control:focus { color: #777777; border-color: #8a8a8a; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; 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: #333333; color: #ffffff; } .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before, .tooltip.tooltip-top .tooltip-inner:before, .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { border-top-color: #333333; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #333333; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #ad1f00; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #eba53d; color: #ffffff; } .product-flags .new { background: #969696; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #eba53d; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #ffffff; } #back-to-top { background: #000000; color: #ffffff; display: none; } #back-to-top:hover { background: #333333; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px; } #header .header-nav { color: #ffffff; background: #ffffff; border-bottom: none 1px; font-size: 0.6315789474rem; } #header .header-nav a { color: #ffffff; } #header .header-nav a:hover { color: #ffffff; } #header .header-nav .social-links._topbar { font-size: 0.7368421053rem; } .header-top { padding-top: 1.0526315789rem; padding-bottom: 1.0526315789rem; color: #273756; } .header-top a:not(.btn):not(.nav-link) { color: #273756; } .header-top a:not(.btn):not(.nav-link):hover { color: #273756; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.0526315789rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #ffffff; padding: 0.4736842105rem 0.4736842105rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #ffffff; } .header-top a.header-cart-btn:not(:hover) { color: #ffffff; } .stuck-header .header-top { padding-top: 0.2631578947rem; padding-bottom: 0.2631578947rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #ffffff; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ffffff; border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 2.6315789474rem; max-width: 10.5263157895rem; color: #273756; padding-left: 1.3157894737rem; padding-right: 1.3157894737rem; border-left: none 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #273756; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.8947368421rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 2.6315789474rem !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: #ffffff; color: #273756; } .cbp-horizontal .cbp-tab-title { font-size: 0.8947368421rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #273756; color: #273756; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.0526315789rem; max-height: 1.0526315789rem; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.8947368421rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.5263157895rem; padding-right: 0.5263157895rem; } } #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; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 0.9473684211rem; font-style: normal; font-weight: normal; text-transform: none; color: #273756; background: #000000; line-height: 2.6315789474rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.4210526316rem; padding-bottom: 0.4210526316rem; 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.2631578947rem; max-height: 1.2631578947rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #273756; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #273756; } #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: #000000; } .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.7368421053rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px #37a625; box-shadow: 0px 15px 25px 0px rgba(74, 63, 63, 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: #273756 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #273756 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #273756 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #273756 !important; border-bottom: none 3px #c2bc29; font-size: 0.7368421053rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #273756; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #ffffff !important; } #iqitmegamenu-mobile { background: #273756; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 2.8421052632rem; } #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: 0.8421052632rem; padding-bottom: 0.8421052632rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 0.8421052632rem; padding-bottom: 0.8421052632rem; font-size: 0.9473684211rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #273756; } .mobile-menu__tab { border-bottom: none 1px #ebebeb; min-height: 3.2631578947rem; } .mobile-menu__link { color: #ffffff !important; padding-top: 1.0526315789rem; padding-bottom: 1.0526315789rem; font-size: 1.1578947368rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.0526315789rem; padding-bottom: 1.0526315789rem; color: #ffffff; font-size: 1.1578947368rem; } .mobile-menu__tab-icon { font-size: 1.1578947368rem; } .mobile-menu__tab-icon--img { max-height: 1.1578947368rem; } .mobile-menu__legend { font-size: 0.6315789474rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #273756; } .mobile-menu__header-wrapper { color: #ffffff; background-color: #ffffff; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.1578947368rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.1578947368rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #ffffff !important; } .mobile-menu__column { font-size: 0.8421052632rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; margin-bottom: 1.0526315789rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 1.0526315789rem; } .mobile-menu__column-title { margin-bottom: 0.4210526316rem; } .mobile-menu__links-list-li { padding-top: 0.3157894737rem; padding-bottom: 0.3157894737rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #ffffff; } .mobile-menu__footer { border-top: none 1px; color: #ffffff; background-color: #ffffff; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .products.swiper-container .swiper-button-next, .products.swiper-container .swiper-button-prev { display: none; } .swiper-pagination-bullet { background: #333333; } .swiper-pagination-product { display: none !important; } /*** Product miniature ***/ .products.row { margin: 0rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0rem; } .swiper-container-wrapper { margin: 0rem; } .swiper-container-wrapper .products.swiper-container { padding: 0rem; } .swiper-container-wrapper .product-carousel { padding: 0rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature-grid .product-title { font-size: 0.7368421053rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 0.7368421053rem; font-style: normal; font-weight: normal; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); } } .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-add-cart { display: none !important; } .products-grid .product-miniature .products-variants { 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.3947368421rem 0.7894736842rem; background: black; 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 .product-description { padding: 0.5263157895rem; } .products-grid .product-miniature-layout-2 .product-add-cart { display: none !important; } .products-grid .product-miniature-layout-2 .products-variants { padding-top: 0rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.5263157895rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(1, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 0.9473684211rem; 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: #333333; } .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: #333333; } #product .product-cover .expander:hover { opacity: 0.6 !important; } #product .product-cover .expander { display: none; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #wrapper { background: #ffffff; border-top: none 1px; border-bottom: none 1px; padding-top: 0.7894736842rem; padding-bottom: 0.7894736842rem; color: #777777; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.0526315789rem; padding-bottom: 1.0526315789rem; } #content-wrapper .page-title { color: #333333; font-size: 1.1578947368rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #333333; } #content-wrapper .section-title { color: #333333; font-size: 0.8421052632rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } .nav-tabs .nav-link { color: #000000; font-size: 0.8421052632rem; 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: #000000; border-bottom: solid 3px #ca5058; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #ca5058; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #ca5058; } #wrapper .block-title { color: #333333; font-size: 0.7368421053rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333333; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: rgba(39, 55, 86, 0.1); } #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: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #777777; } #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: #777777; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #777777; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #777777 !important; } #footer .block-title, #checkout-footer .block-title { color: #273756; font-size: 0.7368421053rem; font-style: normal; font-weight: bold; text-transform: none; 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: #273756; } #footer-container-first { border-top: none 1px; padding-top: 1.5789473684rem; padding-bottom: 1.5789473684rem; background: #212121; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.1052631579rem; padding-bottom: 1.1052631579rem; color: #273756; } #footer-container-main a, #checkout-footer a { color: #273756; } #footer-container-main a:hover, #checkout-footer a:hover { color: #273756; } #footer-copyrights { border-top: none 1px; background: rgba(255, 255, 255, 0); padding-top: 0.7894736842rem; padding-bottom: 0.7894736842rem; } @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; } body, h1, h2, h3, h4, h5, h6, label, a, p{ font-family: 'Barlow'; color:#273756; } body{background:#fff!important} h1{ font-size: 64px; font-weight: 800; line-height: 72px; } h2{ font-size: 51px; font-weight: 800; line-height: 59px; } h3{ font-size: 40px; font-weight: 800; line-height: 53px; } h4{ font-size: 32px; font-weight: 800; line-height: 42px; } h5{ font-size: 26px; font-weight: 700; line-height: 32px; } h6{ font-size: 21px; font-weight: 700; line-height: 28px; } body{ font-size: 19px; font-weight: 500; line-height: 28px; background: #ffffff } p{ font-size: 19px; font-weight: 500; line-height: 28px;} p.small{ font-size: 16px; font-weight: 500; line-height: 28px;} label{ font-size: 19px; font-weight: 700; line-height: 29px; } a{ font-size: 15px; font-weight: 500; line-height: 23px;} .link2 a{ font-size: 17px; font-weight: 800; line-height: 26px;text-decoration:underline;} time { color:#273756;font-family: Barlow;font-size: 16px;font-style: normal;font-weight: 500;line-height: 26px;} input::placeholder {color: #273756;} .custom-downloads-search input::placeholder {color: #273756; opacity:0.5;} .elementor-newsletter-input::placeholder { opacity: 0.5;} .contact-form input::placeholder, .contact-form textarea::placeholder {color: #273756; opacity:0.5;} #wrapper .container{ padding: 0; } /*.breadcrumb{ display:none!important; }*/ .mw450{ max-width:450px; } .mx650{ max-width:650px; } .mx1000 .elementor-iqit-banner-title{ max-width:1000px; } @media (min-width: 767px) and (max-width: 1600px) { .pd20box{ padding:0 20px; } #footer {padding:0 20px; } } @media (max-width: 1410px) { .elementor-element.elementor-element-q37lklp .elementor-heading-title {font-size: 20px;} .elementor-element.elementor-element-uzyxhnp .elementor-element-populated {padding: 20px 40px !important;} } .direcciones p{ font-size: 16px;font-style: normal;font-weight: 500;line-height: 26px; margin-bottom:10px!important; } .direcciones p:first-child{ margin-bottom:20px!important; } .flechas { position: absolute; top: calc(50% - 22px); } #prev-btn.flechas{ left: 30px; } #next-btn.flechas{ right:30px; } .psgdpr_consent_message{ font-weight: 500; } .form-control { background-color: #ffffff; color: #273756; border: solid 2px #273756; border-radius: 40px !important; font-weight: 700; } .form-control input::placeholder { opacity: 0.3; color: #273756; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0 1000px transparent inset !important; } input:-webkit-autofill { -webkit-text-fill-color: #fff; box-shadow: 0 0 0 1000px transparent inset !important; transition: background-color 5000s ease-in-out 0s; } input:-internal-autofill-selected { background-color: transparent !important; } .input-group.focus{ outline: none !important; } /* NO MOSTRAR*/ .ps-shoppingcart{ display:none; } #cms .page-header, #cms .breadcrumb{ display: none; } #header-search-btn, #header-user-btn{ display:none } .col-mobile-btn-account{ width:42px; } .col-mobile-btn-account a{ display:none !important; } hr{ display:none; } .form-control-comment{ display:none; } .form-control:focus{ box-shadow:none;} /* LOGIN */ #authentication{ color: #fff!important; } #authentication #wrapper{ background: linear-gradient(135deg, rgba(39, 55, 86, 1) 0%, rgba(66, 93, 147, 1) 100%); min-height: 100vh; } #authentication .container{ width:100%; } #authentication #header, #authentication #footer { display:none; } #authentication #main{ max-width: 600px; margin: 0 auto; } #authentication .login-form, #authentication .register-form{ max-width: 405px; margin: 0 auto; } .register-form a{ color:white!important; } #authentication .page-title, #authentication hr{ border:none; } #authentication .page-title{ color:#ffffff; font-weight:800; font-size:40px; line-height:53px; text-align:center; margin-bottom: 30px; padding-bottom: 0em; } #authentication .form-group{ display:block; } #authentication .form-group .col-md-2, #authentication .form-group .col-md-8{ max-width:100%; } #authentication label{ color:#ffffff; } .page-authentication #content{ border:none; } #authentication .form-control{ border-radius:40px; border:1px solid #fff; background: transparent; color: white; } .input-group-append{ position: absolute; right: 0; border: none; background: transparent; } .input-group-append button, .input-group-append button:hover, .input-group-append button:focus, .input-group-append button:active, .input-group-append .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus{ border: none; outline:none; background: transparent; color: #ffffff; box-shadow:none; } #authentication .forgot-password a, #authentication .no-account a{ color:#fff; } #authentication .col-form-label, #authentication .form-control-comment{ padding-top: 0; } .page-customer-account #content .forgot-password{ margin-top: 0; margin-bottom: 50px; } .page-customer-account #content .forgot-password a{ font-weight:800; font-size:19px; line-height:28px; text-decoration:underline; } #authentication .form-group { margin-bottom: 20px; } .register-form p, .register-form p a:link:not(.nav-link):not(.btn){ color:white; text-align: center; font-size: 15px; font-weight: 500; line-height: 23px; } #authentication .form-footer{ margin-top: 40px; margin-bottom: 30px; } /* HEADER */ #desktop_logo{ z-index: 999; position: absolute; top: -30px; } .col-header-left{ padding-left:150px; } .col-header-right{ padding-right:150px; } #header .header-nav{ padding: 0; color: #ffffff; height: 30px; } #header .header-nav .container .row{ border-radius: 0 0 40px 0; background: rgb(39,55,86); background: linear-gradient(135deg, rgba(39,55,86,1) 0%, rgba(66,93,147,1) 100%); } #header .header-nav .container .row .right-nav{ padding-right: 100px; } #header .header-nav li:after{ padding: 0px 10px; background-color: unset; opacity: 0; } #header .header-nav a{ text-decoration: none; color:#ffffff; text-transform:uppercase; } .logo{ max-width: 118px; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu{ height: 90px; } .sticky-desktop-wrapper #desktop-header.stuck-header #desktop_logo{ top: -25px; } .elementor-iqit-banner:hover .elementor-animation-grow, .elementor-animation-grow:active, .elementor-animation-grow:focus, .elementor-animation-grow:hover { transform: scale(1.05)!important; transition: scale 0.3; } /* MENU */ .cbp-hrsub-inner{ border-radius: 0 0 40px 40px; z-index: -1000; position: absolute; width: 100%; } #cbp-hrmenu-tab-3 .menu-element-id-2{ margin-left: calc(50% - 110px); } #cbp-hrmenu-tab-4 .menu-element-id-2{ margin-left: calc(50% - 20px); } #cbp-hrmenu-tab-5 .menu-element-id-2{ margin-left: calc(50% + 131px); } .cbp-submenu-aindicator{ display: none!important; } /* BOTONES */ .btn-atras:hover { color:white; background:#273756!important; } .btn-atras:hover path{ color:white; fill:white; } .btn-primary:not(.elementor-newsletter-btn){ border-radius: 40px; font-weight: 700; width: 100%; } .btn-simple{ border-radius: 40px; background: #273756; border:2px solid #273756; color: #fff; width: fit-content!important; font-weight: 700; text-transform:uppercase; } .btn-simple:hover{ background: #fff; border:2px solid #273756; color: #273756; } .btn-simple h6{ margin:0!important; } .btn-simple:hover a{ color: #273756!important; } .btn-simple-inverso{ border-radius: 40px; background: #fff; color: #273756; width: fit-content!important; font-weight: 700; text-transform:uppercase; } .elementor-button.auth{ color: rgb(39,55,86)!important; background: white; background: linear-gradient(135deg, white) 0%, white 50%; fill:#007bff; } .elementor-button.dos, .dos .elementor-button{ color: rgb(39,55,86)!important; background: white; background: linear-gradient(135deg, white) 0%, white 50%; fill:#007bff; } .elementor-button { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 40px; background-color: #007bff; color: white!important; fill:white; font-size: 16px; font-weight: bold; border: none; border-radius: 40px; cursor: pointer; overflow: hidden; transition: width 0.3s ease-in-out; white-space: nowrap; margin: 0; background: rgb(39,55,86); background: linear-gradient(135deg, rgba(39,55,86,1) 0%, rgba(66,93,147,1) 50%); text-transform: uppercase; } .elementor-button::before { content: url('https://pinturasmacy.com/img/arrow_outward.svg'); display: block; position: absolute; width: 20px; height: 20px; top: 8px; left: 17px; background:url('https://pinturasmacy.com/img/arrow_outward.svg'); transition: transform 1s ease-in-out, opacity 0s ease-in-out; z-index:99; } .elementor-button.dos::before, .dos .elementor-button::before { content: url('https://pinturasmacy.com/img/arrow_outward_dos.svg'); display: block; position: absolute; width: 20px; height: 20px; top: 8px; left: 17px; background:url('https://pinturasmacy.com/img/arrow_outward_dos.svg'); transition: transform 1s ease-in-out, opacity 0s ease-in-out; z-index:99; } .elementor-button.dd::before{ content: url('https://pinturasmacy.com/img/download.svg'); display: block; position: absolute; width: 20px; height: 20px; top: 8px; left: 17px; background:url('https://pinturasmacy.com/img/download.svg'); transition: transform 1s ease-in-out, opacity 0s ease-in-out; z-index:99; } .elementor-button.auth::before{ content: url('https://pinturasmacy.com/img/arrow_back_blue.svg'); display: block; position: absolute; width: 20px; height: 20px; top: 8px; left: 17px; background:url('https://pinturasmacy.com/img/arrow_back_blue.svg'); transition: transform 1s ease-in-out, opacity 0s ease-in-out; z-index:99; } .simpleblog__postInfo .elementor-button::before { content: url('https://pinturasmacy.com/img/arrow_back.svg'); display: block; position: absolute; width: 20px; height: 20px; top: 8px; left: 17px; background:url('https://pinturasmacy.com/img/arrow_back.svg'); transition: transform 1s ease-in-out, opacity 0s ease-in-out; z-index:99; } .simpleblog__postInfo ul li:after{ display:none; } .elementor-button .elementor-button-text { opacity: 0; transform: translateX(-20px); transition: transform 1s ease-in-out, opacity 0s ease-in-out; margin-left:28px; color: #ffffff!important; } .simpleblog__postInfo .elementor-button .elementor-button-text{ margin-left:45px; margin-right: 20px; } .elementor-button.dos .elementor-button-text, .dos .elementor-button .elementor-button-text{ opacity: 0; transform: translateX(-20px); transition: transform 1s ease-in-out, opacity 0s ease-in-out; margin-left:45px; margin-right: 20px; color: #273756!important; } .elementor-button.auth .elementor-button-text{ opacity: 0; transform: translateX(-20px); transition: transform 1s ease-in-out, opacity 0s ease-in-out; margin-left:45px; margin-right: 20px; color: #273756!important; } .elementor-button:hover, .elementor-button:hover.dos, .dos .elementor-button:hover { width: fit-content; } /*.elementor-button:hover::before { opacity: 0; transform: translateX(20px); }*/ .elementor-button:hover .elementor-button-text, .elementor-button:hover.dos .elementor-button-text, .dos .elementor-button:hover .elementor-button-text{ opacity: 1; transform: translateX(0); margin: 0 20px 0 50px; } /* SEARCH */ .elementor-element .form-search-control{ text-align:left!important; border-radius: 15px !important; } .elementor-element .form-search-control::before{ content:""; display: block; position: absolute; width: 28px; height: 28px; background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.2558 3.59245C25.2938 7.61102 25.9414 13.7323 23.213 18.4663C22.7603 19.2528 23.213 19.5319 23.6123 19.9304L27.2771 23.7113C28.2516 24.681 28.2397 26.2669 27.2486 27.2532C26.2587 28.2384 24.6652 28.2502 23.6907 27.2804L20.0271 23.4984C19.6266 23.101 19.244 22.7084 18.5559 23.101C13.799 25.8164 7.64701 25.1706 3.61024 21.1533C-1.22747 16.3388 -1.20014 8.50508 3.67322 3.65513C8.54539 -1.19363 16.4181 -1.22202 21.2558 3.59245ZM12.4312 4.0927C11.3389 4.0927 10.2572 4.30683 9.24796 4.72286C8.23873 5.13889 7.32172 5.74867 6.54929 6.51739C5.77686 7.2861 5.16414 8.19871 4.7461 9.20308C4.32807 10.2075 4.11291 11.284 4.11291 12.3711C4.11291 13.4582 4.32807 14.5347 4.7461 15.5391C5.16414 16.5435 5.77686 17.4561 6.54929 18.2248C7.32172 18.9935 8.23873 19.6033 9.24796 20.0193C10.2572 20.4353 11.3389 20.6495 12.4312 20.6495C14.6374 20.6495 16.7532 19.7773 18.3132 18.2248C19.8732 16.6723 20.7496 14.5666 20.7496 12.3711C20.7496 10.1755 19.8732 8.06988 18.3132 6.51739C16.7532 4.96489 14.6374 4.0927 12.4312 4.0927Z" fill="#273756"/> </svg>'); background-size: contain; background-repeat: no-repeat; } /* HOME */ .banner-hover:hover .radius-hover .elementor-column-wrap, .cardblog:hover .card-block { border-radius: 0!important; transition: border-radius 0.3s ease-in-out; background: linear-gradient(120deg, rgba(39,55,86,1) 0%, #6C8FD3 100%)!important; } .home-radius-right, .home-radius-right img{ overflow:hidden; } .elementor-element.elementor-element-d5nyr8o .elementor-image img{ width:100%; } /* BLOG */ .elementor-element .post-item, .cardblog .card-block{ border-radius: 0 0 0 40px; background: rgb(39,55,86); background: linear-gradient(120deg, rgba(39,55,86,1) 0%, rgba(66,93,147,1) 100%)!important; transition: border-radius 0.3s ease-in-out; overflow:hidden; } .cardblog{ overflow:hidden; } .elementor-element .post-item img, .cardblog img{ transition: transform 0.3s ease-in-out; } .elementor-element .post-item:hover{ border-radius: 0!important; background: linear-gradient(120deg, rgba(39,55,86,1) 0%, #6C8FD3 100%)!important; } .elementor-element .post-item:hover img, .cardblog:hover img{ transform: scale(1.03); } #module-ph_simpleblog-list .breadcrumb, #module-ph_simpleblog-single .breadcrumb{ display:none; } .simpleblog__listing__pagination{ } .simpleblog__listing{ max-width: 1600px; margin:0 auto; } .simpleblog__post__content{ max-width: 1440px; margin:0 auto; } .simpleblog__postInfo ul li a:hover{ text-decoration:none; } #module-ph_simpleblog-list .page-title, #module-ph_simpleblog-single .page-title, #module-ph_simpleblog-category .page-title, #module-ph_simpleblog-categorypage .page-title, #module-ph_simpleblog-page .page-title{ font-size:40px; font-weight:800; line-height:53px; color: #273756; text-align:center; border: none; max-width:620px; margin:0 auto; padding: 0 20px; } #module-iqitsearch-searchiqit .page-title{ font-size:40px; font-weight:800; line-height:53px; color: #273756; text-align:center; border: none; max-width:620px; margin:0 auto; padding: 0 20px; } #module-ph_simpleblog-single #content-wrapper{ max-width: 1600px; margin:0 auto; } #module-ph_simpleblog-single .cardblog img{ width:100%; border-radius: 0 40px 0 40px; } #module-ph_simpleblog-single .cardblog .elementor-image img{ border-radius: 0; } #module-ph_simpleblog-single .cardblog{ border-radius: 0!important; } #module-ph_simpleblog-single .cardblog .card-block{ border:none; color: #273756; background:unset!important; border-radius: 0!important; } #module-ph_simpleblog-single .cardblog:hover .card-block{ border:none; color: #273756; background:unset!important; border-radius: 0!important; } #module-ph_simpleblog-single .cardblog:hover img{ transform: scale(1); } /* FOOTER */ .block-iqitlinksmanager-3{ text-transform: uppercase; } .elementor-newsletter-btn { background-image: url('https://pinturasmacy.com/img/suscribirse.svg')!important; background-size: 24px 24px !important; background-repeat: no-repeat !important; background-position: center !important; background-color:transparent !important; color: transparent; font-size: 0; border: none; width: 40px; height: 40px; margin-right: 10px; } #footer-container-main, #checkout-footer{ max-width:1600px; margin:0 auto; margin-bottom: 60px; } #footer .block-title{ display:none; } #footer .block-iqitlinksmanager{ padding-left: 0px; } #footer .block-iqitlinksmanager:first-child a{ font-size:51px; font-weight:800; line-height:59px; text-decoration: none; padding-left: 0px; } #footer .block-iqitlinksmanager:nth-child(3n) a{ font-size:21px; font-weight:700; line-height:28px; text-decoration: none; padding-left: 0px; } #footer .block-iqitlinksmanager:nth-child(2n) a{ font-size:16px; font-weight:500; line-height:26px; text-decoration: none; padding-left: 0px; } .copys-container{ max-width:1600px; margin:0 auto; max-height:66px; } .copys{ height: 66px; align-items:center; } .copys .col-md-3{ padding-left: 0; } /* CONTACTO */ #contact .breadcrumb{ display:none; } #contact #content-wrapper{ max-width: 1440px; margin: 0 auto; } #contact .page-title{ font-size:40px; font-weight:800; line-height:53px; color: #273756; text-align:center; border: none; } /* PAGINAS */ .responsive-banner .elementor-iqit-banner{ border-radius: 0 0 40px 40px; } /* CARTAS */ .iccard, .icard{ overflow: hidden; border-radius: 0 40px; } .icprimera, .icsegunda, .ictercera, .iprimera, .isegunda, .itercera{ transform:scale(1); border-radius: 0 40px 0 40px; transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); } .icprimera:hover, .icsegunda:hover, .ictercera:hover, .iprimera:hover, .isegunda:hover, .itercera:hover{ transform:scale(1.05); transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); overflow:hidden; } .icprimera-r::before { content: url(); padding: 15px 25px; width: 25%; height: 50%; inset: 0; position: absolute; top:0; left:0; background-color: white!important; background-image: url('https://pinturasmacy.com/img/cartas/4.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%; border-radius: 0 0 60px 0; z-index:9; } .icsegunda-r::before { content: url(); padding: 15px 25px; width: 25%; height: 50%; position: absolute; top:0; left:0; background-color: white!important; background-image: url('https://pinturasmacy.com/img/cartas/5.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%; border-radius: 0 0 60px 0; z-index:9; } .ictercera-r::before { content: url(); padding: 15px 25px; width: 25%; height: 50%; position: absolute; top:0; left:0; background-color: white!important; background-image: url('https://pinturasmacy.com/img/cartas/6.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%; border-radius: 0 0 60px 0; z-index:9; } .iprimera-r::before { content: url(); display:block; padding: 28px 40px; width: 25%; height: 50%; inset: 0; position: absolute; top:0; left:0; background-color: white!important; background-image: url('https://pinturasmacy.com/img/cartas/1.png'); background-repeat: no-repeat; background-position: center center; background-size: 40%; border-radius: 0 0 60px 0; z-index:9; } .isegunda-r::before { content: url(); padding: 28px 40px; width: 25%; height: 50%; position: absolute; top:0; left:0; background-color: white!important; background-image: url('https://pinturasmacy.com/img/cartas/2.png'); background-repeat: no-repeat; background-position: center center; background-size: 35%; border-radius: 0 0 60px 0; z-index:9; } .itercera-r::before { content: url(); padding: 28px 40px; width: 25%; height: 50%; position: absolute; top:0; left:0; background-color: white!important; background-image: url('https://pinturasmacy.com/img/cartas/3.png'); background-repeat: no-repeat; background-position: center center; background-size: 35%; border-radius: 0 0 60px 0; z-index:9; } /* MENU BLOG */ .menu-tabs { display: flex; list-style: none; padding: 0; margin: 0; background-color: transparent; max-width:1600px; margin: 40px auto; height:50px; } .menu-tabs li{ margin-right: -30px; height: 50px; } /* Apilamos con z-index inverso: primero más arriba */ .menu-tabs li:nth-child(1) { z-index: 9; } .menu-tabs li:nth-child(2) { z-index: 8; } .menu-tabs li:nth-child(3) { z-index: 7; } .menu-tabs li:nth-child(4) { z-index: 6; } .menu-tabs li:nth-child(5) { z-index: 5; } .menu-tabs li:nth-child(6) { z-index: 4; } .menu-tabs li:nth-child(7) { z-index: 3; } .menu-tabs li:nth-child(8) { z-index: 2; } .menu-tabs li:nth-child(9) { z-index: 1; } .menu-tabs li a { display: block; padding: 9px 20px; text-decoration: none; color: white; font-weight: 500; background: linear-gradient(to bottom, #a3c2f5, #a3c2f5); /* color base */ transition: all 0.3s ease; white-space: nowrap; border: 3px solid white; border-radius: 0 20px; height: 50px; } .menu-tabs .atras, .menu-tabs .atras:hover { display: block; padding: 9px 20px; text-decoration: none; font-weight: 500; color: #273756!important; background:white; height: 50px; line-height: 32px; } /* Hover efecto: degradado más oscuro */ .menu-tabs a:hover { background: linear-gradient(to bottom, #1a2a5e, #5b87d1); color: white; font-weight: 500; } .menu-tabs a.active { background: linear-gradient(to bottom, #1a2a5e, #5b87d1); color: white; font-weight: 500; } /* CONTACTO */ .contact-page-info { border-right: 0; } .contact-rich strong{ font-size: 32px; font-style: normal; font-weight: 800; line-height: 42px; color: #273756; margin-bottom: 40px; } .contact-rich .part .icon{ display:none; } .contact-rich .part .data { font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; color: #273756; } @media(max-width:768px){ body, h1, h2, h3, h4, h5, h6, label, a{ font-family: 'Barlow'; } /*h1{ font-size: 56px; font-weight: 900; line-height: 64px; }*/ h2{ font-size: 45px; font-weight: 800; line-height: 53px; } h1{ font-size: 36px; font-weight: 800; line-height: 46px; } h4, h3{ font-size: 28px; font-weight: 800; line-height: 36px; } h5{ font-size: 24px; font-weight: 700; line-height: 32px; } h6{ font-size: 20px; font-weight: 700; line-height: 28px; } body{ font-size: 18px; font-weight: 500; line-height: 26px; } label{ font-size: 18px; font-weight: 700; line-height: 26px; } a{ font-size: 18px; font-weight: 700; line-height: 26px; text-decoration:underline;} /* NO MOSTRAR */ #header .header-nav, #mobile-btn-search{ display:none; } /* HEADER */ #mobile-header { border:none; } #mobile-header i{ color:#273756; } .mobile-menu__footer{ display:none; } /* HOME */ .home-radius-right img{ border-radius: 0 40px 0 0; } /* PAGES */ .responsive-banner.elementor-widget-banner .elementor-iqit-banner-content-on{ position: relative; padding: 40px 20px !important; } .responsive-banner .elementor-iqit-banner-title, .responsive-banner .elementor-iqit-banner-description{ color:#273756!important; } /* BLOG */ #module-ph_simpleblog-category .simpleblog__listing, #module-ph_simpleblog-categorypage .simpleblog__listing{ padding: 0 20px; } /* FOOTER */ .copys .col-sm-6{ width:50%; } .copys .col-sm-12{ margin-bottom:40px; } .copys .col-sm-12 img{ width:140px!important; } .link2 a{ font-weight: 500; } /* MENU */ #iqitmegamenu-mobile, .mobile-menu__submenu{ background: var(--Gradient-blue, linear-gradient(117deg, var(--Azul-Macy, #273756) 17.67%, var(--B-Dark, #425D93) 82.33%)); } .mobile-menu__header-wrapper{ background:transparent; } .menu-tabs a{ font-size:16px; } .mobile-menu__tab{ border:none; } .mobile-menu__link{ color:white; font-weight:700;font-size:20px;line-height:28px;text-decoration:none;} .mobile-menu__title{ color:white; margin-left:20px;font-size: 20px;font-style: normal;font-weight: 700;} .mobile-menu__back-btn { height: 61px; } .mobile-menu__column a{text-decoration: none;} .contactoMenu .cbp-product-name{ font-size: 16px; font-style: normal; font-weight: 500; line-height: 44px; color: white !important; margin-left: 15px; text-transform: uppercase; text-decoration:none; } #contact #main{ padding: 20px; } .contact-page-info { border-bottom: 0; } #contact .page-title { font-size: 36px; font-weight: 700; line-height: 46px; } .contact-rich strong { margin-bottom: 20px; } .h3-proyectos{ font-size:36px; line-height: 46px; } .h2-proyectos{ font-size:28px; line-height: 36px; margin-top:60px; } .miniaturas{ margin:0 -20px!important; padding:0!important;} .miniaturas-col{margin:0!important; padding:0!important;} .miniaturas-box{margin:0!important; padding:0!important;} .miniaturas-item{padding:0 5px!important; margin-bottom:10px!important;} .miniaturas-item img{border-radius:20px!important;} #footer{ padding: 0 20px; } .elementor-element-0vpcu0n .elementor-element .elementor-text-editor {text-align: left !important; } .mx1000 img { border-radius:0 0 40px 40px!important; } .btn-simple { text-decoration: none; } .elementor-button .elementor-button-text { text-decoration: none; } .col-mobile-btn-menu{ padding-left:10px!important; } .menu-tabs .atras{ padding: 9px 0px; } } @media (max-width: 767px) { #footer .block-content { display:block!important; text-align:center; } #footer .block-iqitlinksmanager-1, #footer .block-iqitlinksmanager-5, #footer .block-iqitlinksmanager-3{ display:none; } } .proyectoSeleccionadoTxT span{ font-family: 'Barlow'; color:#273756; } .ps-shoppingcart{ display:none; } /* PARTE */ .products-selection{ display:none;} #main .images-container .js-qv-mask { display:none;} #iqitproductsnav{ display:none;} #category #wrapper, #main-product-wrapper, #module-iqitsearch-searchiqit #wrapper{ max-width: 1600px; margin: 0 auto; margin-top: 40px; } #main-product-wrapper .page-title{ font-weight:800; font-size:40px; line-height:53px; color: #273756; } .product-lmage-large{ background: #638CDB16; /*background: #27375610;*/ } .product-actions{ margin-right: 15px; margin-left: 15px; } .product_header_container { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 0px; } .product-variants .form-control-label{ font-weight:800; font-size:32px; line-height:42px; color: #273756; } .product-miniature{ background: #638CDB16; margin: 60px 15px; border-radius: 0px 40px; } .products-grid .product-miniature-default { height: calc(100% - 60px); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.10); } .product-miniature .product-description{ padding: 20px 30px !important; } .product-miniature .product-description .product-title a{ font-weight:700; font-size:21px; line-height:28px; color: #273756 !important; } .product-miniature .product-description .product-description-short a{ font-weight:500; font-size:14px; line-height:20px; color: #273756 !important; } .product-information .product-description{ font-weight:500; font-size:19px; line-height:28px; color: #273756 !important; margin-top: 40px; margin-bottom: 40px; } .product-additional-info { border-top: 0px !important; padding-top: 0; } .iqit-accordion .card{ border: 2px solid #273756; border-radius: 40px; } .iqit-accordion .title{ border: none; } .iqit-accordion .title a{ padding: 8px 20px; color: #273756 !important; font-size: 26px; font-weight: 700; line-height: 32px; } #productdaas-accordion .card{ margin-bottom: 20px; } #productdaas-accordion-description .product-description{ font-weight: 500; font-size: 16px; line-height: 26px; color: #273756 !important; margin-top: -20px; margin-bottom: 0px; padding: 20px; } .product-info-row{ margin-bottom: 0rem; } #product .swiper-container{ max-height: 750px; margin-top: 60px; min-height: unset; } .catH img{ border-radius: 0 40px; transition: all 0.8s ease; } .catH:hover img{ border-radius: 0; transition: all 0.8s ease; } .catH .elementor-iqit-banner-content { width: 50%; height: 33.3%; display: flex; justify-content: center; /* Centra horizontal */ align-items: center; /* Centra vertical */ border-radius: 0 40px; transition: all 0.8s ease; } .catH1 .elementor-iqit-banner-content{background: #39824E;} .catH2 .elementor-iqit-banner-content{background: #4B99D2;} .catH3 .elementor-iqit-banner-content{background: #F69B58;} .catH4 .elementor-iqit-banner-content{background: #B4B3C1;} .catH5 .elementor-iqit-banner-content{background: #D0B839;} .catH6 .elementor-iqit-banner-content{background: #FB6049;} .catH:hover .elementor-iqit-banner-content { width: 100%; height: 100%; display: flex; justify-content: center; /* Centra horizontal */ align-items: center; /* Centra vertical */ border-radius: 0px; transition: all 0.8s ease; } .catH1:hover .elementor-iqit-banner-content{background: #39824EAA;} .catH2:hover .elementor-iqit-banner-content{background: #4B99D2AA;} .catH3:hover .elementor-iqit-banner-content{background: #F69B58AA;} .catH4:hover .elementor-iqit-banner-content{background: #B4B3C1AA;} .catH5:hover .elementor-iqit-banner-content{background: #D0B839AA;} .catH6:hover .elementor-iqit-banner-content{background: #FB6049AA;} .catH-r img{ border-radius: 40px 0; } .sellosM{ display:none; } .sellosPC{ display:block; margin: -100px 0 100px -15px; } .product-variants-item .color { width: 140px; height: 88px; border-radius: 40px 0px; } .product-variants-item .input-container{ width: 140px; height: 170px; } .product-variants-item ul { margin: 40px 0; } .product-variants-item ul li { margin: 0 10px 0!important; } .product-variants-item ul li .attribute-name{ color: #273756 !important; font-size: 14px; font-weight: 500; line-height: 26px; text-transform: uppercase; } .product-variants-item ul{ margin-left: -15px; margin-right: -15px; } .info-colores{ color: #273756 !important; font-size: 12px; font-weight: 500; line-height: 17px; } .color{ cursor:default; outline: 0px; } .color:hover{ border: 0; } .product-attachments{ margin-left:20px; } .product-attachments a{ color: #273756 !important; font-size: 16px; font-weight: 700; line-height: 26px; } #search_filters .facet .facet-type-checkbox{ overflow-x:unset; max-height: unset; } .titFiltro{ background: var(--gradient-2, linear-gradient(148deg, #354B75 19.29%, #638CDB 96.63%)); border-radius: 0 40px 0 0; padding: 15px 40px; color: #fff; margin-top: 60px; font-size: 26px; font-weight: 700; line-height: 32px; } .btnBorrarFiltro{ padding: 30px 50px 0; color: #273756; margin-top: 60px; font-size: 16px; font-weight: 500; line-height: 24px; display:none; } .btnBorrarFiltro i{ padding-right:10px; } .btnBorrarFiltro a{ color: #273756 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; } #search_filters .facet .collapse{ display:none !important; } #search_filters .facet .collapse.show{ display:block !important; } .transition-icon {transition: transform 0.3s ease;} /* Cuando el botón está expandido */ .facet-toggle-link[aria-expanded="true"] .transition-icon {transform: rotate(180deg);} #wrapper .facet-title { margin-bottom: 0 !important; padding-bottom: 0 !important; color: #273756 !important; } .facet-title span{ color: #273756 !important; font-size: 21px !important; font-weight: 700 !important; line-height: 28px; padding-left:15px; } .facet-title i{ color: #273756 !important; font-weight: 500 !important; width:24px; height: 24px; padding-right: 25px; } #search_filters .facet{ padding-top: 0 !important; } #search_filters .facet .facet-type-checkbox{ padding-left: 40px; } #search_filters .facet .custom-checkbox{ padding-right:20px; } #search_filters .facet .facet-type-checkbox li a{ color: #273756 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 23px; } #search_filters .facet .facet-type-checkbox li:first-child{ padding-top: 25px; } #search_filters .facet .facet-type-checkbox li:last-child{ padding-bottom: 25px; } #active-search-filters ul li a{ height: 44px; padding:10px; border-radius: 0 20px; background: var(--B-Lightest, #94B5F3); color: #fff; font-size: 15px;; font-weight: 500; line-height: 23px; } #active-search-filters ul li a i{ padding-left: 10px; } #active-search-filters ul .filter-block-all{ border:none; margin: 0; padding: 0; } #active-search-filters ul .filter-block-all a{ height: 44px; padding:10px; background: none !important; color: #273756 !important; font-size: 16px;; font-weight: 500; line-height: 26px; } #active-search-filters { margin-top: 0rem !important; } #active-search-filters ul{ height: 44px; padding-left:15px; } #active-search-filters ul li{ margin-right: 24px; } #search_widget .input-group{ max-height: 100%; } #search_widget .input-group .form-search-control{ padding-top: 20px !important; font-size: 32px!important; font-style: normal; font-weight: 800; line-height: 42px !important; } .order-first .search_widget .input-group { max-height: 100% !important; height: 100% !important; } .catName{ text-align:center; color: #273756 !important; font-size: 21px;; font-weight: 700; line-height: 28px; margin-bottom: 25px; text-transform: uppercase; } .filter-blocks{ display:flex !important; } @media (max-width: 767px) { .secFooter{ margin: 0 -35px; } .colNews .elementor-element-populated{ border-radius:0 !important; } #footer-container-main { padding-top: 0px; } .sellosM{ display: block; margin: -50px auto 100px auto; width: 300px; } .sellosPC{ display:none; } .copys-container { max-height: 1064px; } .copys { height: auto; } #category #left-column{ order: -1 !important; margin-top: 0rem; } #left-column #facets_search_wrapper { display: block; } #search_filter_controls{ display: none; } .search-widget, #facets_search_wrapper{ padding: 0 15px; } .titFiltro { border-radius: 0 40px 0 40px; width: fit-content; } .btnBorrarFiltro{ display:block; } #wrapper .breadcrumb{ padding-left: 20px; padding-right: 20px; } .catName { text-align: left; } a { text-decoration: none; } #product .swiper-container { margin-top: 0px; } .pictograma img{ width: 50px; height: 50px; } .pictograma{ padding-right: unset !important; padding-bottom: unset !important; padding: 10px 10px; } .product-certify{ padding-left: 20px; margin-top:30px !important; margin-bottom: 60px !important; } .product_header_container, #product .product-information, .product-variants{ padding: 0 20px; } .product-variants-item .color { width: 100px; height: 66px; } .product-variants-item .input-container { width: 108px; height: 140px; } .iqit-accordion .title a { font-size: 24px; } #main-product-wrapper .page-title { font-size: 36px; line-height: 46px; } .product-variants .form-control-label { font-size: 28px; line-height: 36px; } .info-colores { font-size: 18px; line-height: 26px; } .product-variants-item ul li .attribute-name { line-height: 22px; } #category #wrapper, #main-product-wrapper { margin-top: 20px; } .asistenciaDescarga { width: 100% !important; display: flex !important; margin-top: 20px !important; } .asistenciaDescarga .elementor-icon-box-wrapper{ display: flex; } .asistenciaDescarga .elementor-icon-box-content{ padding-left: 15px; } .details .close { position:absolute; top: 0px; right: 30px; z-index: 99; } #details-content .col-md-5{ padding: 80px 50px !important; } #cms .swiper-container{ min-height: unset !important; } #cms .swiper-slide{ border-radius: 0px 0px 40px 40px !important; } .contactoMenu .product-miniature-container{ /*margin-top:80px;*/ } .rsmenu{ margin-top: 140px !important; position: relative !important; left: 0px !important; } .asistenciaDescarga .elementor-icon-box-title { margin-top: -8px !important; margin-left: 10px !important; } } #contact .psgdpr_consent_message span{ color: #273756; font-size: 15px; font-weight: 500; line-height: 23px; } .psgdpr_consent_message span{ color:white; font-size: 15px; font-weight: 500; line-height: 23px; } .asistenciaDescarga{ width: 100px; margin-top: 40px; } .asistenciaDescarga a{ color: white !important; font-size: 17px; font-style: normal; font-weight: 800; line-height: 26px; text-decoration:underline; } .formAsistencia .btn-elementor-send{ width: fit-content !important; } input.form-search-control::placeholder { color: #273756 !important; opacity: 0.5; } .asistenciaDescarga .elementor-icon-box-title { margin-top: 20px; margin-left: -10px; } #search_widget .autocomplete-suggestions .col-shop, #search_widget .autocomplete-suggestions .product-price{ display:none; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #fff !important; border-bottom: solid 2px #fff; background: var(--Gradient-blue, linear-gradient(117deg, var(--Azul-Macy, #273756) 17.67%, var(--B-Dark, #425D93) 82.33%)); } #search_widget .autocomplete-suggestions { background: var(--Gradient-blue, linear-gradient(117deg, var(--Azul-Macy, #273756) 17.67%, var(--B-Dark, #425D93) 82.33%)); border-bottom: solid 2px #fff; border-radius: 0 0 20px 20px; top: calc(100% + 28px) !important; } /* Estilo general del scrollbar */ #search_widget .autocomplete-suggestions::-webkit-scrollbar { background: #27375600; /* color de fondo */ width: 10px; } /* Fondo de la barra (track) */ #search_widget .autocomplete-suggestions::-webkit-scrollbar-track { background: #27375600; /* color de fondo */ } /* La "barra" que se mueve (thumb) */ #search_widget .autocomplete-suggestions::-webkit-scrollbar-thumb { background: white; /* color de la barra */ } .elementor-search .input-group .form-search-control{ height:73px; max-height:73px !important; } .elementor-search .input-group .form-search-control::placeholder{ color: white !important; opacity: 0.3; font-size: 32px; font-style: normal; font-weight: 800; line-height: 42px; } .elementor-search .input-group .form-search-control{ padding-left: 75px; } .elementor-search .input-group .search-btn{ height:73px; max-height:73px !important; } .input-group::before { content: url('https://pinturasmacy.com/img/search.svg'); position: absolute; left: 30px; top: 30%; width: 16px; height: 16px; } .form-search-control { padding-left: 75px; /* deja espacio para la lupa */ } .elementor-search .input-group .search-btn .fa-search:before { content: url('https://pinturasmacy.com/img/next.svg'); } .cbp-hrmenu .cbp-links li a { padding-left: 0px; } .iqit-accordion .content { border-bottom: 0px !important; } .product-miniature:hover img{ transform: scale(1.05); transition: all 0.5s ease; } .product-miniature img{ transition: all 0.5s ease !important; } #product-images-large .product-lmage-large:hover img{ transform: scale(1.05); transition: all 0.5s ease; } #product-images-large .product-lmage-large img{ transition: all 0.5s ease !important; margin-top: 0px; } .cbp-column-title.cbp-category-title{ color: var(--Azul-Macy, #273756)!important; font-family: Barlow !important; font-size: 19px !important; font-style: normal !important; font-weight: 800 !important; line-height: 28px !important; } .cbp-category-tree .cbp-category-link-w a{ color: var(--Azul-Macy, #273756)!important; font-family: Barlow !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: 26px !important; } @media (max-width: 767px) { .menu-tabs { display: block; padding: 0 10px; height: unset !important; } .menu-tabs li { margin-right: -30px; width: fit-content; } .simpleblog__post__content { padding: 0 15px !important; } .simpleblog__postInfo{ margin-bottom: 80px; } .product-information .product-description{ margin-top:90px !important; margin-bottom: 70px !important; } #iqitcookielaw.boxcookie{ min-width: 378px !important; margin-right: 15px; } #iqitcookielaw .botoncookie{ display: block; margin-top: 60px; margin-left: 20px; } } @media (min-width: 767px) and (max-width: 1200px) { #iqitcookielaw .botoncookie{ display: block; margin-top: 60px; margin-left: 20px; } } .simpleblog__listing__post__wrapper__content{ min-height: 340px; } .pagination .page-list li{ display: inline-flex; padding: 3px 6px; justify-content: center; align-items: center; gap: 10px; border-radius: 0 20px; background: var(--B-Lightest, #94B5F3); border: none; } .pagination .page-list li.current{ display: inline-flex; padding: 3px 6px; justify-content: center; align-items: center; gap: 10px; border-radius: 0 20px; background: var(--gradient-2, linear-gradient(148deg, #354B75 19.29%, #638CDB 96.63%)); border: none; } .pagination .page-list li a, .pagination .page-list li .spacer{ color: var(--Azul-Macy, #273756) !important; font-size: 19px; font-weight: 500; line-height: 28px; } .pagination .page-list li.current a { color: #FFF !important; font-size: 19px; font-weight: 500; line-height: 28px; } .pagination .page-list li .spacer{ padding: .4rem .8rem; } .pagination .page-list li:hover{ border: none; } .facet-toggle-link[aria-expanded="true"] .fa-chevron-down { transform: rotate(180deg); transition: transform 0.3s ease; } #left-column #search_widget .input-group .form-search-control{ height: 45px !important; padding-top: 11px !important; font-size: 21px !important; font-style: normal; font-weight: 700; line-height: 28px !important; } #left-column #search_widget .input-group i{ color: var(--Azul-Macy, #273756); } .pagination{ margin-top: 80px; margin-bottom: 80px; } #iqitcookielaw{ padding: 20px; border-radius: 0 40px; } .cookie-but { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 40px; background-color: #007bff; color: white!important; fill:white; font-size: 16px; font-weight: bold; border: none; border-radius: 40px; cursor: pointer; overflow: hidden; transition: width 0.3s ease-in-out; white-space: nowrap; margin: 0; background: rgb(39,55,86); background: linear-gradient(135deg, rgba(39,55,86,1) 0%, rgba(66,93,147,1) 50%); text-transform: uppercase; } .cookie-but-dos { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 40px; color: #273756!important; fill:#273756; font-size: 16px; font-weight: bold; border: none; border-radius: 40px; cursor: pointer; overflow: hidden; transition: width 0.3s ease-in-out; white-space: nowrap; margin: 0; background: white; text-transform: uppercase; border: 2px solid #273756; } .cookie-but:hover{ color: white!important; background: linear-gradient(135deg, rgba(39,55,86,1) 0%, rgba(66,93,147,1) 50%); } .cookie-but-dos:hover{ border: 2px solid #273756; color: #273756!important; background: white; } .txt-cookie p span{ color: var(--Azul-Macy, #273756); /* LS-Caption 1 */ font-family: Barlow; font-size: 15px; font-style: normal; font-weight: 500; line-height: 23px; } .fa-adn{ content: url('https://pinturasmacy.com/img/ios.svg') !important; } .colNews .elementor-widget-wrap{ display: grid; place-items: center normal; } .lineatiempo .macy-timeline { max-width: 800px; margin: 0 auto; font-family: inherit; } .lineatiempo .macy-timeline-item { display: grid; grid-template-columns: 90px 40px 1fr; /* año | línea | texto */ align-items: flex-start; gap: 12px 0; margin-bottom: 18px; } .lineatiempo .macy-timeline-year { font-weight: 800; font-size: 22px; color: #0f2747; /* azul corporativo */ text-align: right; } .lineatiempo .macy-timeline-line { position: relative; display: flex; justify-content: center; } /* línea vertical */ .lineatiempo .macy-timeline-line::before { content: ""; position: absolute; top: 0; bottom: -18px; /* alarga hasta el siguiente item */ width: 2px; background: #0f2747; transform: translateX(-50%); } /* que la línea termine en el último ítem */ .lineatiempo .macy-timeline-item:last-child .macy-timeline-line::before { bottom: 0; } /* punto de cada año */ .lineatiempo .macy-timeline-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #0f2747; margin-top: 4px; } /* texto de la derecha */ .lineatiempo .macy-timeline-text { font-size: 14px; line-height: 1.5; color: #0f2747; } /* Responsive */ @media (max-width: 768px) { .lineatiempo .macy-timeline-item { grid-template-columns: 70px 30px 1fr; } .lineatiempo .macy-timeline-year { font-size: 18px; } } /* Contenedor de imagen: recorte consistente */ .cardblog.post-item > div:first-child{ overflow: hidden; } .cardblog.post-item img{ display:block; width:100%; height:auto; }