.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #ffffff url("/img/cms/bg-header.png") left top / auto repeat fixed; } .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: #ffffff; } a:hover:not(.nav-link):not(.btn) { color: #853131; } .pagination .page-list li:hover { border-color: #853131; } .pagination .page-list li.current { border-color: #853131; } .pagination .page-list li.current a { color: #853131; } #mobile-header { background: #451717; border-bottom: solid 1px #260707; box-shadow: 1px 1px 1px 1px #a32424; } #mobile-header #mobile-header-sticky { background: #451717; } #mobile-header .mobile-main-bar { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } #mobile-header .m-nav-btn { color: #dec5c5; } #mobile-header .m-nav-btn:hover { color: #333333; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #5c1919; } #mobile-header .m-nav-btn { padding-top: 0.3333333333rem; padding-bottom: 0.3333333333rem; border: none 1px; border-left: none; } #mobile-header .m-nav-btn:hover { background: #bababa; } #mobile-header .col-mobile-btn:last-child .m-nav-btn { border-right: none; } html { font-size: 15px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Karla', 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 #ea0f0f; } .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: #333333; 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: #333333; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #333333; color: #ffffff; } #wrapper .breadcrumb { background: #6b0707; padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; margin-top: -1rem; margin-bottom: 1rem; font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; display: none !important; } #wrapper .breadcrumb li:after { color: #ffffff; } #wrapper .breadcrumb a { color: #ffffff; } /*** 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: rgba(168, 124, 124, 0.92); border: none 1px; } .js-quickview-np-btn { background: rgba(168, 124, 124, 0.92); } /*** Notifications ***/ .ns-box { background: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #ffd600; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.8rem; font-style: normal; font-weight: normal; 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; } .product-unavailable-allow-oosp { background: #17459e; color: #0dd138; } .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: #4e1b1b; } #page-preloader .loader-wrapper { font-size: 38px; } #page-preloader .loader-1 { border-color: rgba(107, 107, 107, 0.2); border-top-color: #6b6b6b; } #page-preloader .loader-2 { background: rgba(107, 107, 107, 0.3); } #page-preloader .loader-2:after, #page-preloader .loader-2:before { background: rgba(107, 107, 107, 0.3); } @keyframes loader-2 { 50% { background: #6b6b6b; } } #back-to-top { background: #000000; color: #ffffff; } #back-to-top:hover { background: #333333; color: #ffffff; } ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { background: #8f2222; } ::-webkit-scrollbar-track { background: #ffffff; } body { scrollbar-face-color: #8f2222; scrollbar-track-color: #ffffff; } #header, #checkout-header { background: #4a0404; border-top: none 1px; border-bottom: none 1px; box-shadow: 0px 0px 0px 0px; } #header .container, #checkout-header .container { max-width: 100%; } @media (min-width: 992px) { #header, #checkout-header { padding-bottom: 0.3333333333rem; } } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #4a0404; border-bottom: none 1px; box-shadow: 0px 0px 0px 0px; } #header .header-nav { color: #f7f7f7; background: #240404; border-bottom: none 1px; padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; font-size: 0.8rem; } #header .header-nav a { color: #e9bcbc; } #header .header-nav a:hover { color: #333333; } #header .header-nav .social-links._topbar { font-size: 1.4666666667rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #ff9700 !important; } .header-top { padding-top: 0.3333333333rem; padding-bottom: 0.3333333333rem; color: #ffffff; } .header-top a:not(.btn):not(.nav-link) { color: #ffffff; } .header-top a:not(.btn):not(.nav-link):hover { color: #333333; } .header-top .form-search-control { color: #000000; border: solid 1px #e3e3e3; } .header-top input.form-search-control::-webkit-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top input.form-search-control:-ms-input-placeholder { color: #000000; } .header-top input.form-search-control:-moz-placeholder { color: #000000; } .header-top .search-btn { color: #000000; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.3333333333rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #ffffff; padding: 0.6rem 0.6rem; } .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: 2rem; padding-bottom: 2rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #721c12; } .cart-products-count-btn { background: #ff0000; color: #000000; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { 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: 3.3333333333rem; max-width: 26.6666666667rem; color: #e2d3d3; padding-left: 1.5333333333rem; padding-right: 1.5333333333rem; border-left: groove 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #e2d3d3; } #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: #d22335; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #433939; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.6666666667rem; max-height: 1.6666666667rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1.1333333333rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 1.2666666667rem; padding-right: 1.2666666667rem; } } #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: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #333333; line-height: 3.3333333333rem; } #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.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.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ba5057; 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-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: #333333 !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: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #991818; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #ffffff !important; } #iqitmegamenu-mobile { background: #991818; } #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: #991818; } .mobile-menu__tab { border-bottom: none 1px; min-height: 4.1333333333rem; } .mobile-menu__link { color: #ffffff !important; padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; color: #595050; font-size: 1.4666666667rem; } .mobile-menu__tab-icon { font-size: 1.4666666667rem; } .mobile-menu__tab-icon--img { max-height: 1.4666666667rem; } .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: #595050; 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.3333333333rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050 !important; } .mobile-menu__column { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.6666666667rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.6666666667rem; } .mobile-menu__links-list-li { padding-top: 0.4rem; padding-bottom: 0.4rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #595050; } .mobile-menu__footer { border-top: none 1px; color: #595050; 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: 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 .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 .product-thumbnail-first:last-child { opacity: 1; } .product-miniature-grid { padding: 0.6666666667rem; } .product-miniature-grid .product-title { font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-price { font-size: 0.9333333333rem; 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 { background: #ffffff; } .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: #000000 !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .btn-product-list { padding: 0.5rem 1rem; background: #4f2023; color: #f5e2d0; 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.6666666667rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.6666666667rem; } .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(2, 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(5, 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(4, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.2666666667rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 4px; } .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-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #main #main-product-wrapper { transition: opacity 0.3s ease; } #main.-combinations-loading { position: relative; } #main.-combinations-loading #product-preloader { display: block; position: absolute; z-index: 10; top: -10px; } #main.-combinations-loading #main-product-wrapper { opacity: 0.3; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 1rem; padding-bottom: 1rem; color: #d6d0d0; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } #content-wrapper .page-title { color: #a66f6f; text-align: center; font-size: 1.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 3px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #a66f6f; } #content-wrapper .section-title { color: #fafafa; font-size: 1.0666666667rem; 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: #fafafa; } .nav-tabs .nav-link { color: #ffffff; 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: #ffffff; 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: #ffffff; border-bottom: solid 3px #ca5058; } #wrapper .block-title { color: #333333; font-size: 0.9333333333rem; 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: #3e1800; } #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: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #211111; } #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: #000000; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #000000; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.2666666667rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #af8f86 !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 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: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.6666666667rem; padding-bottom: 1.6666666667rem; color: #af8f86; } #footer-container-main a, #checkout-footer a { color: #af8f86; } #footer-container-main a:hover, #checkout-footer a:hover { color: #333333; } #footer-copyrights { border-top: none 1px #1a0404; background: #ffffff; padding-top: 1rem; padding-bottom: 1rem; } @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; } #custom-text.h3{ display: none;} /* Ajustes de formulario login */ .login-form .form-control { background-color: #fff !important; color: #000 !important; } .login-form label { color: #fff !important; } .login-form .btn-primary { background-color: #b43d3d !important; border-color: #b43d3d !important; } .login-form .btn-primary:hover { background-color: #902e2e !important; border-color: #902e2e !important; } /* Pinta de blanco, redondea y añade sombra al panel colapsable */ #personal-information-step-login.collapse { background: #fff7f5!important; border: 1px solid #e0e0e0 !important; border-radius: 0.5rem !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; padding: 1.5rem !important; margin-top: 1rem !important; } /* Etiquetas y campos con un poco más de aire */ #personal-information-step-login .form-group label { color: #333333 !important; font-weight: 500 !important; } #personal-information-step-login .form-control { border-radius: 0.25rem !important; padding: 0.75rem !important; } /* Contenedor de los botones sociales */ .checkout-social-login { display: flex !important; justify-content: center !important; gap: 1rem !important; margin-bottom: 1.5rem !important; background: #dfc1ba !important; } /* Botones sociales circulares y grandes */ .checkout-social-login .authentication .btn-connect { width: 3rem !important; height: 3rem !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 1.25rem !important; margin: 0 0.5rem !important; transition: transform 0.2s !important; } .checkout-social-login .authentication .btn-connect:hover { transform: scale(1.1) !important; } /* Botón principal con color de marca */ .continue.btn-primary { background-color: #7a2f2f !important; border-color: #7a2f2f !important; padding: 0.75rem 1.5rem !important; font-size: 1rem !important; } .continue.btn-primary:hover { background-color: #652423 !important; } /* Enlaces “¿Olvidaste tu contraseña?” igual de visibles */ #personal-information-step-login .forgot-password a { color: #7a2f2f !important; font-weight: bold !important; } #personal-information-step-login h3, #personal-information-step-login h4 { letter-spacing: .5px !important; } /* ----- Social login en checkout ----- */ .checkout-social-login .orderFunnel { background-color: #7a2f2f !important; /* tu color principal */ padding: 1rem !important; /* un poco de espacio interior */ border-radius: 0.25rem !important; /* esquinas redondeadas */ } /* Si quieres que el texto de los botones sociales salga blanco */ .checkout-social-login .orderFunnel .btn-social, .checkout-social-login .orderFunnel .btn-social .btn-title-connect { color: #ffffff !important; } /* Para que los iconos también contrasten */ .checkout-social-login .orderFunnel .btn-social .fa { color: #ffffff !important; } .contenido .container { display: flex !important; align-items: center !important; gap: 18px !important; } .contenido #textDiv { flex: 1 1 auto !important; min-width: 0 !important; padding-left: 90px !important; } .contenido #textDiv p { margin: 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.2 !important; } .contenido #buttons { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; } .contenido:has(#textDiv) { padding-top: 8px !important; padding-bottom: 8px !important; } .contenido:has(#textDiv) .container { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } .contenido:has(#textDiv) #textDiv p { margin-top: 0 !important; margin-bottom: 0 !important; } .contenido:has(#textDiv) #buttons { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================= TRAEMECHURROS - MODAL DE CONFIGURACIÓN DE COOKIES ========================================================= */ #cookieModal { background: #fff8f1 !important; color: #3d1b14 !important; font-family: inherit !important; border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 16px 50px rgba(0, 0, 0, 0.35) !important; } /* ========================================================= CABECERA ========================================================= */ #cookieModalHeader { display: flex !important; align-items: center !important; min-height: 58px !important; padding: 11px 18px !important; background: linear-gradient( 135deg, #7b160e 0%, #5c100b 52%, #3f0d09 100% ) !important; color: #fff !important; font-size: 19px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.2px !important; border-bottom: 3px solid #e6a04b !important; } #cookieModalHeader img { width: 32px !important; height: 32px !important; object-fit: contain !important; margin-right: 10px !important; } /* ========================================================= CUERPO ========================================================= */ #cookieModalBody { display: flex !important; width: 100% !important; min-height: 420px !important; background: #fff8f1 !important; } /* ========================================================= MENÚ LATERAL - ESCRITORIO ========================================================= */ #cookieModalList { flex: 0 0 210px !important; width: 210px !important; background: linear-gradient( 180deg, #42140e 0%, #32100c 100% ) !important; padding: 14px 0 !important; } #cookieModalList ul { display: block !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } #cookieModalList .dlxctab-row { display: block !important; width: 100% !important; box-sizing: border-box !important; padding: 13px 15px !important; margin: 0 !important; color: #f7dfc6 !important; background: transparent !important; border: 0 !important; border-left: 4px solid transparent !important; font-size: 13px !important; line-height: 1.25 !important; font-weight: 600 !important; cursor: pointer !important; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease !important; } #cookieModalList .dlxctab-row:hover { background: rgba(255, 255, 255, 0.07) !important; color: #fff !important; } #cookieModalList .dlxctab-row.active { background: linear-gradient( 90deg, rgba(197, 66, 38, 0.55), rgba(197, 66, 38, 0.10) ) !important; color: #fff !important; border-left-color: #f3b35c !important; } /* ========================================================= CONTENIDO ========================================================= */ #cookieModalContent { flex: 1 1 auto !important; min-width: 0 !important; box-sizing: border-box !important; padding: 20px 22px !important; background: #fff8f1 !important; color: #3d1b14 !important; overflow-y: auto !important; } #cookieModalContent .dlxctab-content { color: #4c2a22 !important; font-size: 13px !important; line-height: 1.45 !important; } #cookieModalContent .dlxctab-content p { margin: 0 0 10px 0 !important; } #cookieModalContent .dlxctab-content p:last-child { margin-bottom: 0 !important; } /* ========================================================= TÍTULOS ========================================================= */ #cookieModalContent .cookie-content-title { margin: 0 0 8px 0 !important; color: #75190f !important; font-size: 20px !important; line-height: 1.2 !important; font-weight: 800 !important; } #cookieModalContent .cookie-content-subtitle { margin: 0 !important; color: #5c160f !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; } /* ========================================================= SIEMPRE ACTIVO ========================================================= */ #cookieModalContent .always-active { display: inline-flex !important; align-items: center !important; margin: 0 0 12px 0 !important; padding: 5px 9px !important; background: #eef8e9 !important; color: #3e7028 !important; border: 1px solid #cce5bd !important; border-radius: 20px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; } /* ========================================================= CABECERA "COOKIES UTILIZADAS" ========================================================= */ #cookieModalContent .cookies_types_header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 16px 0 7px 0 !important; padding: 9px 11px !important; background: #f5e4d2 !important; border: 1px solid #e8cdb3 !important; border-radius: 7px !important; } /* ========================================================= LISTADO DE COOKIES ========================================================= */ #cookieModalContent .info-cookie-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } #cookieModalContent .info-cookie-list li { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; min-height: 39px !important; box-sizing: border-box !important; padding: 7px 10px !important; margin: 0 0 5px 0 !important; background: #fff !important; border: 1px solid #ead8c8 !important; border-radius: 6px !important; } #cookieModalContent .info-cookie-list li:hover { border-color: #d7aa82 !important; background: #fffdf9 !important; } #cookieModalContent .info-cookie-list label { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; color: #4c2a22 !important; font-size: 11px !important; line-height: 1.3 !important; overflow-wrap: anywhere !important; } #cookieModalContent .info-cookie-list label span { display: block !important; color: #987264 !important; font-size: 10px !important; line-height: 1.2 !important; } /* ========================================================= SWITCHES ========================================================= */ #cookieModalContent input.switch { flex: 0 0 auto !important; cursor: pointer !important; } #cookieModalContent input.switch:disabled { cursor: not-allowed !important; opacity: 0.65 !important; } /* ========================================================= PIE ========================================================= */ #cookieModalFooter { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 55px !important; box-sizing: border-box !important; padding: 9px 16px !important; background: #f0ddca !important; border-top: 1px solid #ddc1a5 !important; } #cookieModalFooter .cookie-info-page { color: #71170f !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 600 !important; text-decoration: underline !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #cookieModalFooter .btn-config, #cookieModalFooter #js-save-cookieconf { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 105px !important; min-height: 35px !important; padding: 7px 16px !important; background: linear-gradient( 180deg, #a52b18 0%, #75170f 100% ) !important; color: #fff !important; border: 1px solid #5a100a !important; border-radius: 18px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16) !important; cursor: pointer !important; } #cookieModalFooter .btn-config:hover, #cookieModalFooter #js-save-cookieconf:hover { background: linear-gradient( 180deg, #bc391f 0%, #851b11 100% ) !important; } /* ========================================================= FANCYBOX ========================================================= */ .fancybox-skin:has(#cookieModal) { background: transparent !important; border-radius: 10px !important; } .fancybox-wrap:has(#cookieModal) .fancybox-inner { border-radius: 10px !important; } .fancybox-wrap:has(#cookieModal) .fancybox-close { top: 9px !important; right: 9px !important; z-index: 999 !important; } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .fancybox-wrap:has(#cookieModal) { width: calc(100vw - 20px) !important; max-width: 430px !important; left: 10px !important; right: auto !important; margin: 0 !important; } .fancybox-wrap:has(#cookieModal) .fancybox-inner { width: 100% !important; height: auto !important; max-height: calc(100vh - 30px) !important; overflow: hidden !important; } #cookieModal { display: flex !important; flex-direction: column !important; width: 100% !important; max-height: calc(100vh - 30px) !important; border-radius: 9px !important; } /* CABECERA MÓVIL */ #cookieModalHeader { flex: 0 0 auto !important; min-height: 48px !important; padding: 8px 12px !important; font-size: 16px !important; border-bottom-width: 2px !important; } #cookieModalHeader img { width: 26px !important; height: 26px !important; margin-right: 8px !important; } /* CUERPO MÓVIL */ #cookieModalBody { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; } /* PESTAÑAS HORIZONTALES */ #cookieModalList { flex: 0 0 auto !important; width: 100% !important; padding: 7px 7px 6px 7px !important; background: #42140e !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } #cookieModalList::-webkit-scrollbar { display: none !important; } #cookieModalList ul { display: flex !important; align-items: center !important; width: max-content !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; } #cookieModalList .dlxctab-row { flex: 0 0 auto !important; width: auto !important; padding: 7px 10px !important; background: rgba(255, 255, 255, 0.07) !important; color: #f7dfc6 !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 15px !important; font-size: 10px !important; line-height: 1 !important; font-weight: 600 !important; white-space: nowrap !important; } #cookieModalList .dlxctab-row.active { background: #e9a54e !important; color: #46130d !important; border-color: #f4c67c !important; } /* CONTENIDO MÓVIL */ #cookieModalContent { flex: 1 1 auto !important; min-height: 0 !important; padding: 12px 13px !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } #cookieModalContent .dlxctab-content { font-size: 11.5px !important; line-height: 1.35 !important; } #cookieModalContent .dlxctab-content p { margin: 0 0 7px 0 !important; } #cookieModalContent .cookie-content-title { margin-bottom: 5px !important; font-size: 17px !important; } #cookieModalContent .cookie-content-subtitle { font-size: 12px !important; } #cookieModalContent .always-active { margin-bottom: 8px !important; padding: 4px 7px !important; font-size: 10px !important; } /* LISTADO MÓVIL */ #cookieModalContent .cookies_types_header { margin: 10px 0 5px 0 !important; padding: 7px 8px !important; } #cookieModalContent .info-cookie-list li { min-height: 34px !important; padding: 5px 7px !important; margin-bottom: 4px !important; gap: 7px !important; } #cookieModalContent .info-cookie-list label { font-size: 9.5px !important; line-height: 1.2 !important; } #cookieModalContent .info-cookie-list label span { font-size: 8.5px !important; } /* PIE MÓVIL */ #cookieModalFooter { flex: 0 0 auto !important; min-height: 47px !important; padding: 6px 9px !important; gap: 7px !important; } #cookieModalFooter .cookie-info-page { flex: 1 1 auto !important; min-width: 0 !important; font-size: 9px !important; } #cookieModalFooter .btn-config, #cookieModalFooter #js-save-cookieconf { min-width: 88px !important; min-height: 31px !important; padding: 5px 12px !important; font-size: 11px !important; } } @media (max-width: 767px) { .contenido:has(#textDiv) { padding: 6px 10px !important; } .contenido .container { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .contenido #textDiv { width: 100% !important; padding: 0 !important; margin: 0 !important; } .contenido #textDiv p { width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 11.5px !important; line-height: 1.15 !important; text-align: left !important; } .contenido #buttons { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: nowrap !important; gap: 6px !important; margin: 5px 0 0 0 !important; padding: 0 !important; } .contenido #buttons .btn-cookies, .contenido #buttons #cookiesConf { margin: 0 !important; min-height: 30px !important; height: 30px !important; padding-top: 5px !important; padding-bottom: 5px !important; } .contenido:has(#textDiv)::before, .contenido:has(#textDiv)::after, .contenido:has(#textDiv) .container::before, .contenido:has(#textDiv) .container::after, .contenido:has(#textDiv) #textDiv::before, .contenido:has(#textDiv) #textDiv::after { display: none !important; content: none !important; } } /* ========================================================= TRAEMECHURROS SISTEMA ÚNICO PARA PÁGINAS LEGALES - Aviso Legal - Política de Privacidad - Política de Cookies Compatible con Warehouse / PrestaShop ========================================================= */ /* ========================================================= BASE Y VARIABLES ========================================================= */ .tc-legal-page { --tc-burgundy: #75190f; --tc-burgundy-dark: #4f100b; --tc-burgundy-light: #9b2c1b; --tc-chocolate: #402019; --tc-text: #4b3731; --tc-muted: #806a63; --tc-cream: #fffaf5; --tc-cream-dark: #f6e9dc; --tc-gold: #d89a46; --tc-gold-light: #f2c57e; --tc-border: #ead8c7; --tc-green: #497234; --tc-green-bg: #f0f7eb; --tc-white: #ffffff; width: 100% !important; max-width: 1280px !important; margin: 0 auto 50px auto !important; padding: 0 !important; color: var(--tc-text) !important; font-family: inherit !important; font-size: 15px !important; line-height: 1.65 !important; overflow-x: hidden !important; } .tc-legal-page, .tc-legal-page * { box-sizing: border-box !important; } .tc-legal-page img, .tc-legal-page iframe, .tc-legal-page video { max-width: 100% !important; height: auto !important; } /* ========================================================= HERO ========================================================= */ .tc-legal-page .tc-legal-hero { position: relative !important; width: 100% !important; margin: 0 0 28px 0 !important; padding: 34px 38px !important; overflow: hidden !important; background: radial-gradient( circle at 90% 20%, rgba(216, 154, 70, 0.25) 0, rgba(216, 154, 70, 0) 30% ), linear-gradient( 135deg, var(--tc-burgundy) 0%, var(--tc-burgundy-dark) 100% ) !important; border-radius: 14px !important; box-shadow: 0 8px 25px rgba(63, 15, 10, 0.16) !important; } .tc-legal-page .tc-legal-hero::after { content: "" !important; position: absolute !important; top: -60px !important; right: -50px !important; width: 190px !important; height: 190px !important; border: 30px solid rgba(255, 255, 255, 0.035) !important; border-radius: 50% !important; } .tc-legal-page .tc-legal-hero__content { position: relative !important; z-index: 2 !important; } .tc-legal-page .tc-legal-eyebrow { display: inline-block !important; margin: 0 0 7px 0 !important; padding: 4px 10px !important; color: var(--tc-burgundy-dark) !important; -webkit-text-fill-color: var(--tc-burgundy-dark) !important; background: var(--tc-gold-light) !important; border-radius: 20px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; } .tc-legal-page .tc-legal-hero h1 { margin: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 36px !important; line-height: 1.15 !important; font-weight: 800 !important; text-transform: none !important; } .tc-legal-page .tc-legal-updated { margin: 8px 0 0 0 !important; color: rgba(255, 255, 255, 0.82) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important; font-size: 13px !important; } .tc-legal-page .tc-legal-updated strong { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================= LAYOUT ========================================================= */ .tc-legal-page .tc-legal-layout { display: grid !important; grid-template-columns: 245px minmax(0, 1fr) !important; gap: 28px !important; width: 100% !important; min-width: 0 !important; align-items: start !important; } .tc-legal-page .tc-legal-content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important; } /* ========================================================= ÍNDICE - ESCRITORIO ========================================================= */ .tc-legal-page .tc-legal-nav { position: sticky !important; top: 100px !important; width: 100% !important; min-width: 0 !important; } .tc-legal-page .tc-legal-nav__inner { max-height: calc(100vh - 130px) !important; padding: 16px 12px !important; background: linear-gradient( 180deg, #4b160f 0%, #30100c 100% ) !important; border: 1px solid #6f281c !important; border-radius: 10px !important; overflow-x: hidden !important; overflow-y: auto !important; box-shadow: 0 4px 16px rgba(60, 30, 20, 0.10) !important; scrollbar-width: thin !important; scrollbar-color: #d89a46 #3b130e !important; } .tc-legal-page .tc-legal-nav__inner::-webkit-scrollbar { width: 6px !important; } .tc-legal-page .tc-legal-nav__inner::-webkit-scrollbar-track { background: #3b130e !important; border-radius: 10px !important; } .tc-legal-page .tc-legal-nav__inner::-webkit-scrollbar-thumb { background: #d89a46 !important; border-radius: 10px !important; } .tc-legal-page .tc-legal-nav__title { display: block !important; margin: 0 8px 10px 8px !important; padding: 0 0 10px 0 !important; color: #f2c57e !important; -webkit-text-fill-color: #f2c57e !important; border-bottom: 1px solid rgba(242, 197, 126, 0.35) !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.7px !important; } .tc-legal-page .tc-legal-nav a, .tc-legal-page .tc-legal-nav a:link, .tc-legal-page .tc-legal-nav a:visited { display: block !important; width: 100% !important; margin: 1px 0 !important; padding: 7px 10px !important; color: #f5e5d6 !important; -webkit-text-fill-color: #f5e5d6 !important; background: transparent !important; border: 0 !important; border-left: 3px solid transparent !important; border-radius: 4px !important; opacity: 1 !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 600 !important; text-decoration: none !important; transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease, border-color 0.15s ease !important; } .tc-legal-page .tc-legal-nav a:hover, .tc-legal-page .tc-legal-nav a:focus { padding-left: 13px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: rgba(255, 255, 255, 0.08) !important; border-left-color: #d89a46 !important; text-decoration: none !important; } /* ========================================================= SECCIONES ========================================================= */ .tc-legal-page .tc-legal-section { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 22px 0 !important; padding: 26px 28px !important; scroll-margin-top: 100px !important; color: var(--tc-text) !important; background: #ffffff !important; border: 1px solid var(--tc-border) !important; border-radius: 11px !important; box-shadow: 0 4px 18px rgba(62, 30, 20, 0.045) !important; overflow: hidden !important; } .tc-legal-page .tc-legal-section h2 { display: flex !important; align-items: center !important; gap: 11px !important; margin: 0 0 17px 0 !important; padding: 0 0 12px 0 !important; color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; border-bottom: 1px solid var(--tc-border) !important; font-size: 22px !important; line-height: 1.25 !important; font-weight: 800 !important; text-transform: none !important; } .tc-legal-page .tc-legal-section h2 > span { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; color: var(--tc-burgundy-dark) !important; -webkit-text-fill-color: var(--tc-burgundy-dark) !important; background: var(--tc-gold-light) !important; border-radius: 50% !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; } .tc-legal-page .tc-legal-section h3 { margin: 24px 0 9px 0 !important; color: var(--tc-chocolate) !important; -webkit-text-fill-color: var(--tc-chocolate) !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 800 !important; text-transform: none !important; } .tc-legal-page .tc-legal-section p { margin: 0 0 13px 0 !important; color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; max-width: 100% !important; overflow-wrap: anywhere !important; word-break: normal !important; } .tc-legal-page .tc-legal-section p:last-child { margin-bottom: 0 !important; } .tc-legal-page .tc-legal-section ul { margin: 10px 0 17px 0 !important; padding: 0 !important; list-style: none !important; } .tc-legal-page .tc-legal-section li { position: relative !important; margin: 0 0 7px 0 !important; padding: 0 0 0 21px !important; color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; overflow-wrap: anywhere !important; } .tc-legal-page .tc-legal-section li::before { content: "" !important; position: absolute !important; top: 0.66em !important; left: 3px !important; width: 6px !important; height: 6px !important; background: var(--tc-gold) !important; border-radius: 50% !important; transform: translateY(-50%) !important; } .tc-legal-page .tc-legal-section a, .tc-legal-page .tc-legal-section a:link, .tc-legal-page .tc-legal-section a:visited { color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; font-weight: 650 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; overflow-wrap: anywhere !important; } .tc-legal-page .tc-legal-section a:hover, .tc-legal-page .tc-legal-section a:focus { color: var(--tc-burgundy-light) !important; -webkit-text-fill-color: var(--tc-burgundy-light) !important; } /* ========================================================= RESUMEN PRINCIPAL ========================================================= */ .tc-legal-page .tc-legal-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 22px 0 !important; padding: 20px 22px !important; color: var(--tc-text) !important; background: linear-gradient( 135deg, #fff9f2 0%, #ffffff 100% ) !important; border: 1px solid #e6c8a9 !important; border-radius: 11px !important; overflow: hidden !important; } .tc-legal-page .tc-legal-summary { display: flex !important; align-items: flex-start !important; gap: 16px !important; width: 100% !important; min-width: 0 !important; } .tc-legal-page .tc-legal-summary > div:last-child { flex: 1 1 auto !important; min-width: 0 !important; } .tc-legal-page .tc-legal-summary__icon { display: flex !important; flex: 0 0 42px !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: var(--tc-burgundy) !important; border-radius: 50% !important; font-family: Georgia, serif !important; font-size: 23px !important; line-height: 1 !important; font-weight: 700 !important; font-style: italic !important; } .tc-legal-page .tc-legal-summary h2 { margin: 0 0 14px 0 !important; color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; font-size: 19px !important; line-height: 1.25 !important; font-weight: 800 !important; text-transform: none !important; } .tc-legal-page .tc-legal-summary-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px 24px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; } .tc-legal-page .tc-legal-summary-grid > div { display: flex !important; flex-direction: column !important; min-width: 0 !important; color: var(--tc-chocolate) !important; } .tc-legal-page .tc-legal-summary-grid span { margin: 0 0 2px 0 !important; color: var(--tc-muted) !important; -webkit-text-fill-color: var(--tc-muted) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; } .tc-legal-page .tc-legal-summary-grid strong { color: var(--tc-chocolate) !important; -webkit-text-fill-color: var(--tc-chocolate) !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 700 !important; overflow-wrap: anywhere !important; } .tc-legal-page .tc-legal-summary-grid a, .tc-legal-page .tc-legal-summary-grid a:link, .tc-legal-page .tc-legal-summary-grid a:visited { color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 700 !important; text-decoration: underline !important; overflow-wrap: anywhere !important; } /* ========================================================= FICHA DE EMPRESA ========================================================= */ .tc-legal-page .tc-company-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 15px 0 !important; padding: 16px 18px !important; color: var(--tc-text) !important; background: var(--tc-cream) !important; border-left: 4px solid var(--tc-gold) !important; border-radius: 0 7px 7px 0 !important; overflow: hidden !important; } .tc-legal-page .tc-company-card p { margin: 0 0 5px 0 !important; color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; overflow-wrap: anywhere !important; } .tc-legal-page .tc-company-card p:last-child { margin-bottom: 0 !important; } .tc-legal-page .tc-company-card strong { color: var(--tc-chocolate) !important; -webkit-text-fill-color: var(--tc-chocolate) !important; } .tc-legal-page .tc-company-card a, .tc-legal-page .tc-company-card a:link, .tc-legal-page .tc-company-card a:visited { color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; text-decoration: underline !important; overflow-wrap: anywhere !important; } /* ========================================================= BASE JURÍDICA ========================================================= */ .tc-legal-page .tc-legal-basis { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 15px 0 !important; padding: 13px 15px !important; color: var(--tc-text) !important; background: #f8f1e9 !important; border: 1px solid #e7d3bf !important; border-left: 4px solid var(--tc-burgundy) !important; border-radius: 6px !important; overflow: hidden !important; } .tc-legal-page .tc-legal-basis > strong { display: block !important; margin: 0 0 4px 0 !important; color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.35px !important; } .tc-legal-page .tc-legal-basis p { margin: 0 !important; color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; } /* ========================================================= AVISOS Y DESTACADOS ========================================================= */ .tc-legal-page .tc-legal-note { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 16px 0 !important; padding: 14px 16px !important; color: #594128 !important; background: #fff7e7 !important; border: 1px solid #eed49a !important; border-radius: 7px !important; overflow: hidden !important; } .tc-legal-page .tc-legal-note > strong { display: block !important; margin-bottom: 5px !important; color: #754d17 !important; -webkit-text-fill-color: #754d17 !important; } .tc-legal-page .tc-legal-note p, .tc-legal-page .tc-legal-note span { color: #594128 !important; -webkit-text-fill-color: #594128 !important; } .tc-legal-page .tc-legal-note p { margin-bottom: 0 !important; } .tc-legal-page .tc-legal-highlight { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 15px 0 !important; padding: 14px 17px !important; color: var(--tc-green) !important; -webkit-text-fill-color: var(--tc-green) !important; background: var(--tc-green-bg) !important; border: 1px solid #cfe1c5 !important; border-radius: 7px !important; overflow: hidden !important; } .tc-legal-page .tc-legal-highlight *, .tc-legal-page .tc-legal-highlight strong { color: var(--tc-green) !important; -webkit-text-fill-color: var(--tc-green) !important; } /* ========================================================= PERIODOS DE CONSERVACIÓN ========================================================= */ .tc-legal-page .tc-retention-card { display: flex !important; align-items: center !important; gap: 15px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 10px 0 18px 0 !important; padding: 13px 15px !important; color: var(--tc-text) !important; background: var(--tc-cream) !important; border: 1px solid var(--tc-border) !important; border-radius: 7px !important; overflow: hidden !important; } .tc-legal-page .tc-retention-card strong { flex: 0 0 auto !important; padding: 5px 9px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: var(--tc-burgundy) !important; border-radius: 5px !important; font-size: 12px !important; line-height: 1.15 !important; } .tc-legal-page .tc-retention-card span { min-width: 0 !important; color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; font-size: 13px !important; line-height: 1.4 !important; overflow-wrap: anywhere !important; } /* ========================================================= DERECHOS ========================================================= */ .tc-legal-page .tc-rights-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 15px 0 18px 0 !important; } .tc-legal-page .tc-right-card { width: 100% !important; min-width: 0 !important; padding: 14px !important; color: var(--tc-text) !important; background: var(--tc-cream) !important; border: 1px solid var(--tc-border) !important; border-radius: 7px !important; overflow: hidden !important; } .tc-legal-page .tc-right-card strong { display: block !important; margin: 0 0 5px 0 !important; color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; font-size: 14px !important; } .tc-legal-page .tc-right-card p { margin: 0 !important; color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; font-size: 12px !important; line-height: 1.45 !important; } /* ========================================================= CONTACTO ========================================================= */ .tc-legal-page .tc-contact-box { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 15px 0 18px 0 !important; } .tc-legal-page .tc-contact-box > div { width: 100% !important; min-width: 0 !important; padding: 15px !important; color: var(--tc-text) !important; background: var(--tc-cream) !important; border: 1px solid var(--tc-border) !important; border-radius: 7px !important; overflow: hidden !important; } .tc-legal-page .tc-contact-box span { display: block !important; margin: 0 0 5px 0 !important; color: var(--tc-muted) !important; -webkit-text-fill-color: var(--tc-muted) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; text-transform: uppercase !important; } .tc-legal-page .tc-contact-box strong { color: var(--tc-chocolate) !important; -webkit-text-fill-color: var(--tc-chocolate) !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 700 !important; overflow-wrap: anywhere !important; } .tc-legal-page .tc-contact-box a, .tc-legal-page .tc-contact-box a:link, .tc-legal-page .tc-contact-box a:visited { color: var(--tc-burgundy) !important; -webkit-text-fill-color: var(--tc-burgundy) !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 700 !important; text-decoration: underline !important; overflow-wrap: anywhere !important; } /* ========================================================= POLÍTICA DE COOKIES RESUMEN ========================================================= */ .tc-cookies-page .tc-cookie-summary-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 12px 0 !important; } .tc-cookies-page .tc-cookie-summary-item { display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 58px !important; padding: 9px 11px !important; color: var(--tc-chocolate) !important; background: #ffffff !important; border: 1px solid #ead8c7 !important; border-radius: 7px !important; overflow: hidden !important; } .tc-cookies-page .tc-cookie-summary-item span { margin: 0 0 3px 0 !important; color: #806a63 !important; -webkit-text-fill-color: #806a63 !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; } .tc-cookies-page .tc-cookie-summary-item strong { color: #75190f !important; -webkit-text-fill-color: #75190f !important; font-size: 12px !important; line-height: 1.3 !important; overflow-wrap: anywhere !important; } .tc-cookies-page .tc-cookie-summary-item--necessary { background: #f0f7eb !important; border-color: #cfe1c5 !important; } .tc-cookies-page .tc-cookie-summary-item--necessary strong { color: #497234 !important; -webkit-text-fill-color: #497234 !important; } .tc-cookies-page .tc-cookie-summary-text { width: 100% !important; max-width: 100% !important; margin: 0 !important; color: #5a4640 !important; -webkit-text-fill-color: #5a4640 !important; font-size: 12px !important; line-height: 1.45 !important; overflow-wrap: anywhere !important; } /* ========================================================= COOKIES NECESARIAS / NO NECESARIAS ========================================================= */ .tc-cookies-page .tc-cookie-type-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 16px 0 4px 0 !important; } .tc-cookies-page .tc-cookie-type-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 17px !important; color: var(--tc-text) !important; background: #fffaf5 !important; border: 1px solid #ead8c7 !important; border-radius: 9px !important; overflow: hidden !important; } .tc-cookies-page .tc-cookie-type-card--necessary { background: #f7fbf4 !important; border-color: #cfe1c5 !important; } .tc-cookies-page .tc-cookie-type-card h3 { margin: 7px 0 11px 0 !important; color: #4b241b !important; -webkit-text-fill-color: #4b241b !important; font-size: 16px !important; } .tc-cookies-page .tc-cookie-type-card p { color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; } .tc-cookies-page .tc-cookie-type-card ul { margin-bottom: 12px !important; } .tc-cookies-page .tc-cookie-status { display: inline-flex !important; align-items: center !important; padding: 4px 8px !important; border-radius: 14px !important; font-size: 9px !important; line-height: 1 !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; } .tc-cookies-page .tc-cookie-status--active { color: #416d2d !important; -webkit-text-fill-color: #416d2d !important; background: #e5f2dc !important; border: 1px solid #c7dfb8 !important; } .tc-cookies-page .tc-cookie-status--consent { color: #754d17 !important; -webkit-text-fill-color: #754d17 !important; background: #fff1cf !important; border: 1px solid #eed49a !important; } /* ========================================================= CATEGORÍAS DE COOKIES ========================================================= */ .tc-cookies-page .tc-cookie-category { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; gap: 13px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 13px 0 !important; padding: 15px !important; color: var(--tc-text) !important; background: #fffaf5 !important; border: 1px solid #ead8c7 !important; border-radius: 8px !important; overflow: hidden !important; } .tc-cookies-page .tc-cookie-category > div:last-child { min-width: 0 !important; } .tc-cookies-page .tc-cookie-category-number { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: #75190f !important; border-radius: 50% !important; font-size: 13px !important; line-height: 1 !important; font-weight: 800 !important; } .tc-cookies-page .tc-cookie-category h3 { margin: 3px 0 9px 0 !important; color: var(--tc-chocolate) !important; -webkit-text-fill-color: var(--tc-chocolate) !important; } .tc-cookies-page .tc-cookie-category p, .tc-cookies-page .tc-cookie-category li { color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; overflow-wrap: anywhere !important; } .tc-cookies-page .tc-cookie-category p:last-child, .tc-cookies-page .tc-cookie-category ul:last-child { margin-bottom: 0 !important; } /* ========================================================= DATOS MOSTRADOS POR COOKIE ========================================================= */ .tc-cookies-page .tc-cookie-data-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 14px 0 17px 0 !important; } .tc-cookies-page .tc-cookie-data-grid span { display: flex !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 40px !important; padding: 8px 10px !important; color: #5b392e !important; -webkit-text-fill-color: #5b392e !important; background: #fffaf5 !important; border: 1px solid #ead8c7 !important; border-radius: 6px !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 700 !important; overflow-wrap: anywhere !important; overflow: hidden !important; } /* ========================================================= ACEPTAR / RECHAZAR / CONFIGURAR ========================================================= */ .tc-cookies-page .tc-cookie-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 9px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 16px 0 !important; } .tc-cookies-page .tc-cookie-actions > div { width: 100% !important; min-width: 0 !important; padding: 14px !important; color: var(--tc-text) !important; text-align: center !important; background: #fffaf5 !important; border: 1px solid #ead8c7 !important; border-radius: 8px !important; overflow: hidden !important; } .tc-cookies-page .tc-cookie-actions strong { display: block !important; margin: 0 0 4px 0 !important; color: #75190f !important; -webkit-text-fill-color: #75190f !important; font-size: 14px !important; line-height: 1.2 !important; } .tc-cookies-page .tc-cookie-actions span { display: block !important; color: #6d574f !important; -webkit-text-fill-color: #6d574f !important; font-size: 11px !important; line-height: 1.4 !important; overflow-wrap: anywhere !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .tc-legal-page { font-size: 14px !important; } .tc-legal-page .tc-legal-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } .tc-legal-page .tc-legal-nav { position: static !important; top: auto !important; width: 100% !important; overflow: hidden !important; } .tc-legal-page .tc-legal-nav__inner { display: flex !important; align-items: stretch !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; max-height: none !important; margin: 0 !important; padding: 7px !important; background: #fff8f1 !important; border: 1px solid #ead8c7 !important; border-radius: 9px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; box-shadow: none !important; } .tc-legal-page .tc-legal-nav__inner::-webkit-scrollbar { display: none !important; } .tc-legal-page .tc-legal-nav__title { display: none !important; } .tc-legal-page .tc-legal-nav a, .tc-legal-page .tc-legal-nav a:link, .tc-legal-page .tc-legal-nav a:visited { flex: 0 0 auto !important; width: auto !important; min-width: 120px !important; max-width: 180px !important; margin: 0 !important; padding: 8px 10px !important; color: #5d3b31 !important; -webkit-text-fill-color: #5d3b31 !important; background: #ffffff !important; border: 1px solid var(--tc-border) !important; border-radius: 16px !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 700 !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; opacity: 1 !important; } .tc-legal-page .tc-legal-nav a:hover, .tc-legal-page .tc-legal-nav a:focus, .tc-legal-page .tc-legal-nav a:active { padding-left: 10px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: var(--tc-burgundy) !important; border-color: var(--tc-burgundy) !important; } .tc-cookies-page .tc-cookie-type-grid { grid-template-columns: minmax(0, 1fr) !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .tc-legal-page { width: 100% !important; max-width: 100% !important; margin: 0 0 30px 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.55 !important; overflow-x: hidden !important; } .tc-legal-page .tc-legal-hero { width: 100% !important; margin: 0 0 13px 0 !important; padding: 21px 17px !important; border-radius: 9px !important; } .tc-legal-page .tc-legal-eyebrow { margin-bottom: 5px !important; padding: 3px 8px !important; font-size: 9px !important; } .tc-legal-page .tc-legal-hero h1 { font-size: 25px !important; } .tc-legal-page .tc-legal-updated { margin-top: 5px !important; font-size: 10px !important; } .tc-legal-page .tc-legal-layout, .tc-legal-page .tc-legal-content, .tc-legal-page .tc-legal-section, .tc-legal-page .tc-legal-card, .tc-legal-page .tc-company-card, .tc-legal-page .tc-legal-summary, .tc-legal-page .tc-legal-summary-grid, .tc-legal-page .tc-contact-box, .tc-legal-page .tc-rights-grid, .tc-legal-page .tc-retention-card, .tc-cookies-page .tc-cookie-summary-grid, .tc-cookies-page .tc-cookie-type-grid, .tc-cookies-page .tc-cookie-data-grid, .tc-cookies-page .tc-cookie-actions, .tc-cookies-page .tc-cookie-category { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } /* --------------------------------------------- ÍNDICE MÓVIL --------------------------------------------- */ .tc-legal-page .tc-legal-nav__inner { padding: 6px !important; } .tc-legal-page .tc-legal-nav a, .tc-legal-page .tc-legal-nav a:link, .tc-legal-page .tc-legal-nav a:visited { min-width: 120px !important; max-width: 165px !important; padding: 7px 9px !important; color: #5d3b31 !important; -webkit-text-fill-color: #5d3b31 !important; background: #ffffff !important; font-size: 9px !important; line-height: 1.2 !important; } /* --------------------------------------------- SECCIONES --------------------------------------------- */ .tc-legal-page .tc-legal-section { margin-bottom: 12px !important; padding: 17px 14px !important; scroll-margin-top: 75px !important; border-radius: 8px !important; } .tc-legal-page .tc-legal-section h2 { gap: 8px !important; margin-bottom: 12px !important; padding-bottom: 9px !important; font-size: 17px !important; } .tc-legal-page .tc-legal-section h2 > span { width: 27px !important; height: 27px !important; font-size: 8px !important; } .tc-legal-page .tc-legal-section h3 { margin-top: 18px !important; margin-bottom: 7px !important; font-size: 14px !important; } .tc-legal-page .tc-legal-section p { margin-bottom: 10px !important; max-width: 100% !important; overflow-wrap: anywhere !important; } .tc-legal-page .tc-legal-section ul { margin: 7px 0 12px 0 !important; } .tc-legal-page .tc-legal-section li { margin-bottom: 5px !important; padding-left: 18px !important; overflow-wrap: anywhere !important; } /* --------------------------------------------- RESUMEN --------------------------------------------- */ .tc-legal-page .tc-legal-card { margin-bottom: 12px !important; padding: 15px 13px !important; } .tc-legal-page .tc-legal-summary { gap: 10px !important; } .tc-legal-page .tc-legal-summary__icon { flex-basis: 32px !important; width: 32px !important; height: 32px !important; font-size: 18px !important; } .tc-legal-page .tc-legal-summary h2 { margin-bottom: 10px !important; font-size: 15px !important; } .tc-legal-page .tc-legal-summary-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 7px !important; } /* --------------------------------------------- BLOQUES COMUNES --------------------------------------------- */ .tc-legal-page .tc-company-card, .tc-legal-page .tc-legal-basis, .tc-legal-page .tc-legal-note, .tc-legal-page .tc-legal-highlight { margin: 11px 0 !important; padding: 11px 12px !important; } .tc-legal-page .tc-rights-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 7px !important; margin: 11px 0 13px 0 !important; } .tc-legal-page .tc-right-card { padding: 11px !important; } .tc-legal-page .tc-contact-box { grid-template-columns: minmax(0, 1fr) !important; gap: 7px !important; margin: 11px 0 13px 0 !important; } .tc-legal-page .tc-contact-box > div { padding: 11px !important; } .tc-legal-page .tc-retention-card { flex-direction: column !important; align-items: flex-start !important; gap: 7px !important; margin-bottom: 13px !important; padding: 11px !important; } /* --------------------------------------------- COOKIES --------------------------------------------- */ .tc-cookies-page .tc-cookie-summary-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; } .tc-cookies-page .tc-cookie-summary-item { min-height: 51px !important; padding: 8px 9px !important; } .tc-cookies-page .tc-cookie-summary-item span { font-size: 9px !important; } .tc-cookies-page .tc-cookie-summary-item strong { font-size: 11px !important; } .tc-cookies-page .tc-cookie-summary-text { font-size: 11px !important; } .tc-cookies-page .tc-cookie-type-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; margin-top: 11px !important; } .tc-cookies-page .tc-cookie-type-card { padding: 12px !important; } .tc-cookies-page .tc-cookie-type-card h3 { margin-top: 6px !important; font-size: 14px !important; } .tc-cookies-page .tc-cookie-category { grid-template-columns: 31px minmax(0, 1fr) !important; gap: 9px !important; margin-bottom: 8px !important; padding: 11px !important; } .tc-cookies-page .tc-cookie-category-number { width: 29px !important; height: 29px !important; font-size: 10px !important; } .tc-cookies-page .tc-cookie-category h3 { margin-top: 2px !important; font-size: 13px !important; } .tc-cookies-page .tc-cookie-data-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; margin: 10px 0 12px 0 !important; } .tc-cookies-page .tc-cookie-data-grid span { min-height: 34px !important; padding: 6px 7px !important; font-size: 10px !important; } .tc-cookies-page .tc-cookie-actions { grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; margin: 11px 0 !important; } .tc-cookies-page .tc-cookie-actions > div { display: block !important; width: 100% !important; padding: 10px !important; text-align: left !important; } .tc-cookies-page .tc-cookie-actions strong { margin: 0 0 4px 0 !important; font-size: 12px !important; } .tc-cookies-page .tc-cookie-actions span { font-size: 10px !important; } } /* ========================================================= MÓVILES MUY PEQUEÑOS ========================================================= */ @media (max-width: 380px) { .tc-legal-page .tc-legal-hero h1 { font-size: 22px !important; } .tc-legal-page .tc-legal-section { padding-left: 12px !important; padding-right: 12px !important; } .tc-legal-page .tc-legal-section h2 { font-size: 15px !important; } .tc-legal-page .tc-legal-nav a, .tc-legal-page .tc-legal-nav a:link, .tc-legal-page .tc-legal-nav a:visited { min-width: 110px !important; max-width: 150px !important; } } /* ========================================================= COMPATIBILIDAD EXTRA CON WAREHOUSE Evita que el tema vuelva a poner textos blancos ========================================================= */ body#cms #main .rte-content .tc-legal-page .tc-company-card p, body#cms #main .rte-content .tc-legal-page .tc-company-card strong, body#cms #main .rte-content .tc-legal-page .tc-contact-box strong, body#cms #main .rte-content .tc-legal-page .tc-legal-summary-grid strong { color: #402019 !important; -webkit-text-fill-color: #402019 !important; } body#cms #main .rte-content .tc-legal-page .tc-company-card a, body#cms #main .rte-content .tc-legal-page .tc-contact-box a, body#cms #main .rte-content .tc-legal-page .tc-legal-summary-grid a { color: #75190f !important; -webkit-text-fill-color: #75190f !important; } @media (max-width: 991px) { body#cms #main .rte-content .tc-legal-page .tc-legal-nav a, body#cms #main .rte-content .tc-legal-page .tc-legal-nav a:link, body#cms #main .rte-content .tc-legal-page .tc-legal-nav a:visited { color: #5d3b31 !important; -webkit-text-fill-color: #5d3b31 !important; } body#cms #main .rte-content .tc-legal-page .tc-legal-nav a:hover, body#cms #main .rte-content .tc-legal-page .tc-legal-nav a:focus, body#cms #main .rte-content .tc-legal-page .tc-legal-nav a:active { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } }