.top-bar { background-color: #0d1b2a !important; } .top-bar-bg { background-color: #0d1b2a !important; } .top-bar .mini-contacts, .top-bar .mini-contacts a, .top-bar .left-widgets span, .top-bar .left-widgets a, .top-bar .right-widgets a { color: #c8dce8 !important; } .top-bar .soc-ico.in-top-bar-right a, .top-bar .tl-ig, .top-bar .tl-li { border: 1.5px solid rgba(255,255,255,0.6) !important; border-radius: 6px !important; width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 3px !important; background: transparent !important; color: #ffffff !important; font-size: 14px !important; text-decoration: none !important; padding: 0 !important; } .boxed.closed-mobile-header, .top-bar .right-widgets, .top-bar .left-widgets { overflow: visible !important; } .tl-ig, .tl-li { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; background: transparent !important; border: 1.5px solid rgba(255,255,255,0.35) !important; border-radius: 6px !important; color: #ffffff !important; font-size: 13px !important; text-decoration: none !important; margin: 0 3px !important; flex-shrink: 0 !important; } .tl-ig:hover, .tl-li:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.8) !important; } .header-bar { background-color: #ffffff !important; border-bottom: 1px solid #e8ecf0 !important; box-shadow: 0 1px 4px rgba(0,0,0,0.07) !important; flex-wrap: wrap !important; padding: 0 !important; align-items: center !important; overflow: visible !important; } .header-bar > .branding { flex: 0 0 auto !important; order: 1 !important; padding: 12px 0 !important; background: #fff !important; } .header-bar > .mini-widgets { display: flex !important; flex: 0 1 auto !important; order: 3 !important; padding: 0 4px !important; align-items: center !important; overflow: visible !important; gap: 8px !important; } .termolam-hcenter { flex: 1 1 auto !important; order: 2 !important; padding: 5px 30px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; justify-content: center !important; align-self: center !important; } .tl-despacho { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: #555 !important; } .tl-despacho strong { color: #1a2b4a !important; font-weight: 600 !important; } .tl-valores { color: #aaa !important; } .tl-search { width: 100% !important; max-width: 520px !important; } .tl-search-inner { display: flex !important; align-items: center !important; border: 1.5px solid #dde1e7 !important; border-radius: 25px !important; padding: 4px 16px !important; background: #f8f9fa !important; height: 42px !important; box-sizing: border-box !important; } .tl-search input[type=text] { border: none !important; background: transparent !important; outline: none !important; flex: 1 !important; font-size: 14px !important; color: #555 !important; padding: 0 0 0 8px !important; } .tl-search input[type=text]::placeholder { color: #aab !important; } .header-bar .wc-ico-cart { display: flex !important; align-items: center !important; color: #333 !important; font-size: 20px !important; gap: 4px !important; text-decoration: none !important; } .header-bar .wc-ico-cart i, .header-bar .wc-ico-cart .fa { font-size: 20px !important; color: #333 !important; } .header-bar .counter, .header-bar .count { background-color: #1565c0 !important; color: #ffffff !important; font-size: 11px !important; min-width: 18px !important; height: 18px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } .header-bar > .mini-widgets .text-area a, .header-bar > .mini-widgets .text-area p a { background-color: #1565c0 !important; color: #ffffff !important; border-radius: 20px !important; padding: 7px 16px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; text-decoration: none !important; font-size: 13px !important; white-space: nowrap !important; } .header-bar > .mini-widgets .text-area a::before { content: "\f007"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; } .header-bar > .mini-widgets .mini-login a.submit { color: #1a56db !important; font-size: 13px !important; display: flex !important; align-items: center !important; gap: 5px !important; text-decoration: none !important; white-space: nowrap !important; } .header-bar > .mini-widgets .mini-login a.submit i { color: #1a56db !important; font-size: 14px !important; } .header-bar > .mini-widgets .show-on-desktop, .header-bar > .mini-widgets .near-logo-first-switch, .header-bar > .mini-widgets .text-area, .header-bar > .mini-widgets .mini-login { display: flex !important; align-items: center !important; white-space: nowrap !important; } ul.main-nav, ul#primary-menu { order: 4 !important; flex: 0 0 100% !important; width: 100% !important; background: linear-gradient(to right, #1565c0 0%, #1976d2 40%, #2196f3 70%, #42a5f5 100%) !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: nowrap !important; min-height: 36px !important; max-height: 36px !important; height: 36px !important; align-items: stretch !important; overflow: visible !important; } ul.main-nav > li, ul#primary-menu > li { display: flex !important; align-items: stretch !important; padding: 0 !important; margin: 0 !important; height: 36px !important; flex-shrink: 0 !important; } .main-nav > li > a, .main-nav > li > a:link, .main-nav > li > a:visited { color: #ffffff !important; font-weight: 400 !important; font-size: 13px !important; padding: 0 16px !important; margin: 0 !important; text-transform: none !important; display: flex !important; align-items: center !important; height: 36px !important; letter-spacing: 0.01em !important; line-height: 36px !important; font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif !important; background-color: transparent !important; border-bottom: none !important; } .main-nav > li > a .text-wrap, .main-nav > li > a .menu-text, .main-nav > li > a .menu-item-text, .main-nav > li > a span, ul#primary-menu > li > a .menu-text, ul#primary-menu > li > a span { color: #ffffff !important; font-size: 13px !important; font-weight: 400 !important; font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif !important; text-transform: none !important; } .main-nav > li.current-menu-item > a, .main-nav > li.current_page_item > a, .main-nav > li.current-menu-ancestor > a, .main-nav > li.act > a, ul#primary-menu > li.current-menu-item > a, ul#primary-menu > li.current_page_item > a, ul#primary-menu > li.act > a { color: #ffffff !important; background: transparent !important; font-weight: 700 !important; } .main-nav > li.current-menu-item > a .menu-text, .main-nav > li.current_page_item > a .menu-text, .main-nav > li.act > a .menu-text, .main-nav > li.current-menu-item > a span { color: #ffffff !important; font-weight: 500 !important; } .main-nav > li > a:hover, .main-nav > li:hover > a { color: #ffffff !important; background-color: rgba(255,255,255,0.08) !important; } .main-nav > li > a:hover .menu-text, .main-nav > li:hover > a .menu-text { color: #ffffff !important; } .main-nav.underline-decoration > li > a:after, .main-nav.l-to-r-line > li > a:after { display: none !important; } .main-nav > li.act > a i.underline, .main-nav > li.current-menu-item > a i.underline, .main-nav > li.current_page_item > a i.underline, ul#primary-menu > li.act > a i.underline, ul#primary-menu > li.current-menu-item > a i.underline { display: none !important; width: 0 !important; background-color: transparent !important; } .main-nav > li + li { border-left: 1px solid rgba(255,255,255,0.2) !important; } .main-nav li ul.sub-menu { background-color: #0d47a1 !important; border-top: 2px solid #4da8e0 !important; box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important; z-index: 9999 !important; } .main-nav li ul.sub-menu li a { color: #ffffff !important; } .main-nav li ul.sub-menu li a:hover { color: #4da8e0 !important; background-color: rgba(255,255,255,0.1) !important; } .tl-stats-bar { display: flex !important; justify-content: space-around !important; align-items: center !important; background: #f8f9fa !important; padding: 28px 40px !important; border-bottom: 1px solid #e0e6ed !important; flex-wrap: wrap !important; gap: 16px !important; } .tl-stat { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; background: #ffffff !important; border-radius: 12px !important; padding: 18px 32px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; min-width: 140px !important; flex: 1 !important; } .tl-stat-num { font-size: 38px !important; font-weight: 800 !important; color: #1565c0 !important; line-height: 1 !important; display: block !important; } .tl-stat-label { font-size: 13px !important; color: #666 !important; margin-top: 6px !important; display: block !important; font-weight: 400 !important; } .tl-newsletter-section { background: linear-gradient(135deg, #1565c0 0%, #1976d2 50%, #0d47a1 100%) !important; padding: 60px 40px !important; margin: 0 !important; width: 100% !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; } .tl-newsletter-inner { max-width: 1100px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 40px !important; flex-wrap: wrap !important; } .tl-nl-left { flex: 1 !important; min-width: 280px !important; } .tl-nl-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(255,255,255,0.2) !important; color: #ffffff !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; margin-bottom: 16px !important; } .tl-nl-title { color: #ffffff !important; font-size: 32px !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 12px 0 !important; } .tl-nl-title span { color: #90caf9 !important; } .tl-nl-desc { color: rgba(255,255,255,0.85) !important; font-size: 15px !important; line-height: 1.6 !important; margin: 0 !important; } .tl-nl-right { flex: 1 !important; min-width: 280px !important; } .tl-nl-form { display: flex !important; gap: 10px !important; margin-bottom: 10px !important; flex-wrap: wrap !important; } .tl-nl-input-wrap { flex: 1 !important; display: flex !important; align-items: center !important; gap: 10px !important; background: rgba(255,255,255,0.15) !important; border: 1px solid rgba(255,255,255,0.4) !important; border-radius: 8px !important; padding: 0 16px !important; min-width: 200px !important; } .tl-nl-input { background: transparent !important; border: none !important; color: #ffffff !important; font-size: 14px !important; padding: 8px 0 !important; width: 100% !important; outline: none !important; } .tl-nl-input::placeholder { color: rgba(255,255,255,0.6) !important; } .tl-nl-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #ffffff !important; color: #1565c0 !important; padding: 14px 24px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 14px !important; border: none !important; cursor: pointer !important; white-space: nowrap !important; } .tl-nl-note { color: rgba(255,255,255,0.7) !important; font-size: 12px !important; display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; } .tl-testimonials-section { background: #f8f9fa !important; padding: 60px 40px !important; width: 100% !important; box-sizing: border-box !important; } .tl-section-header { text-align: center !important; margin-bottom: 40px !important; } .tl-section-header h2 { font-size: 32px !important; font-weight: 800 !important; color: #1a2740 !important; margin: 0 0 10px 0 !important; } .tl-section-header h2 span { color: #1565c0 !important; } .tl-header-line { width: 50px !important; height: 3px !important; background: #1565c0 !important; margin: 0 auto 16px !important; } .tl-section-header p { color: #666 !important; font-size: 15px !important; max-width: 600px !important; margin: 0 auto !important; } .tl-testimonials-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; max-width: 1100px !important; margin: 0 auto !important; } .tl-testimonial { background: #ffffff !important; border-radius: 12px !important; padding: 24px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; border: 1px solid #e8ecf0 !important; } .tl-testimonial-featured { background: #1565c0 !important; color: #ffffff !important; } .tl-testimonial-featured p { color: rgba(255,255,255,0.9) !important; } .tl-testimonial-featured strong { color: #ffffff !important; } .tl-testimonial-featured small { color: rgba(255,255,255,0.7) !important; } .tl-quote { font-size: 40px !important; color: rgba(21, 101, 192, 0.2) !important; line-height: 0.8 !important; margin-bottom: 12px !important; font-family: Georgia, serif !important; } .tl-testimonial-featured .tl-quote { color: rgba(255,255,255,0.3) !important; } .tl-testimonial p { font-size: 14px !important; line-height: 1.6 !important; color: #444 !important; margin: 0 0 16px 0 !important; } .tl-testimonial-author { display: flex !important; align-items: center !important; gap: 12px !important; } .tl-author-avatar { width: 42px !important; height: 42px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 14px !important; flex-shrink: 0 !important; color: #ffffff !important; } .tl-av-gray { background: #9e9e9e !important; } .tl-av-blue { background: #1565c0 !important; } .tl-av-green { background: #2e7d32 !important; } .tl-av-orange { background: #e65100 !important; } .tl-product-tag { color: #1565c0 !important; } .tl-testimonial-featured .tl-product-tag { color: #90caf9 !important; } .tl-testimonial-author strong { font-size: 14px !important; display: block !important; } .tl-testimonial-author small { font-size: 11px !important; color: #888 !important; display: block !important; } @media (max-width: 768px) { .tl-testimonials-grid { grid-template-columns: 1fr !important; } .tl-newsletter-inner { flex-direction: column !important; } } .dt-fancy-separator.accent-title-color .dt-fancy-title, .dt-fancy-separator.accent-title-color { color: #1a2740 !important; font-weight: 700 !important; } .dt-fancy-separator + .wpb_text_column p, .dt-fancy-separator ~ .wpb_text_column p { color: #666 !important; font-size: 16px !important; } .dt-fancy-separator .separator-holder::before { background-color: #1565c0 !important; } #wpadminbar { display: none !important; } html { margin-top: 0 !important; padding-top: 0 !important; } html[class*="admin-bar"], html.admin-bar { margin-top: 0 !important; padding-top: 0 !important; } body.admin-bar { margin-top: 0 !important; padding-top: 0 !important; } .top-bar .soc-ico.in-top-bar-right a.facebook::before, .top-bar .soc-ico.in-top-bar-right a.facebook::after { display: none !important; background: none !important; } .top-bar .soc-ico.in-top-bar-right a.facebook { background: transparent !important; border: 1.5px solid rgba(255,255,255,0.35) !important; border-radius: 6px !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; color: #ffffff !important; font-size: 13px !important; transition: background 0.2s, border-color 0.2s !important; } .top-bar .soc-ico.in-top-bar-right a.facebook:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.8) !important; } .top-bar .soc-ico.in-top-bar-right { margin: 0 2px !important; display: inline-flex !important; align-items: center !important; } .top-bar .tl-ig, .top-bar .tl-li { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; background: transparent !important; border: 1.5px solid rgba(255,255,255,0.5) !important; border-radius: 50% !important; color: #ffffff !important; font-size: 13px !important; text-decoration: none !important; margin: 0 2px !important; transition: background 0.2s, border-color 0.2s !important; } .top-bar .tl-ig:hover, .top-bar .tl-li:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.8) !important; } .top-bar .tl-ig i, .top-bar .tl-li i { font-size: 13px !important; line-height: 1 !important; } .top-bar .right-widgets { display: flex !important; align-items: center !important; gap: 2px !important; overflow: visible !important; } .tl-ig i, .tl-ig .fa, .tl-ig svg, .tl-li i, .tl-li .fa, .tl-li svg { color: #ffffff !important; font-size: 13px !important; } .top-bar .soc-ico.in-top-bar-right a.facebook .soc-font-icon { color: #ffffff !important; font-size: 13px !important; } .tl-ig, .tl-li { position: relative !important; z-index: 100 !important; } .tl-ig i, .tl-ig .fa, .tl-li i, .tl-li .fa { color: #ffffff !important; font-size: 13px !important; position: relative !important; z-index: 1 !important; } .top-bar .soc-ico.in-top-bar-right a .soc-font-icon, .top-bar .soc-ico.in-top-bar-right a i, .top-bar .tl-ig i, .top-bar .tl-ig .fa, .top-bar .tl-li i, .top-bar .tl-li .fa { color: #ffffff !important; font-size: 14px !important; } .top-bar .right-widgets { display: flex !important; align-items: center !important; gap: 4px !important; padding-right: 8px !important; } html { margin-top: 0 !important; } .header-bar, .masthead { border-bottom: none !important; box-shadow: none !important; } ul#primary-menu > li, ul#primary-menu > li > a { outline: none !important; } .top-bar i.the7-mw-icon-phone-bold, .top-bar i.the7-mw-icon-address-bold, .top-bar .mini-contacts i.fa-fw { color: #ffffff !important; } .termolam-hcenter { padding-left: 40px !important; } .top-bar .right-widgets a.facebook, .top-bar .right-widgets a.tl-ig, .top-bar .right-widgets a.tl-li { border-radius: 6px !important; } .top-bar .right-widgets .soc-ico a, .top-bar .right-widgets a.facebook, .top-bar .right-widgets a.tl-ig, .top-bar .right-widgets a.tl-li, .header-bar .top-bar .soc-ico a { border-radius: 6px !important; width: 32px !important; height: 32px !important; } #phantom.masthead, #phantom.show-phantom { display: none !important; } .header-bar > .termolam-hcenter { padding: 8px 20px !important; align-self: center !important; justify-content: center !important; gap: 4px !important; } .tl-despacho { font-size: 14px !important; font-weight: 500 !important; } .tl-benefits-bar { display: flex !important; background-color: #0d1b2a !important; padding: 18px 30px !important; justify-content: space-around !important; align-items: center !important; width: 100% !important; box-sizing: border-box !important; gap: 12px !important; flex-wrap: wrap !important; } .tl-benefit { display: flex !important; align-items: center !important; gap: 14px !important; flex: 1 1 200px !important; min-width: 180px !important; padding: 6px 8px !important; } .tl-benefit-icon { width: 44px !important; height: 44px !important; border-radius: 50% !important; border: 2px solid rgba(255,255,255,0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; background: rgba(255,255,255,0.07) !important; } .tl-benefit-icon i, .tl-benefit-icon .fa { color: #64b5f6 !important; font-size: 18px !important; } .tl-benefit-text { display: flex !important; flex-direction: column !important; gap: 2px !important; } .tl-benefit-text strong { color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; } .tl-benefit-text span { color: #8eacc8 !important; font-size: 12px !important; font-weight: 400 !important; } .tl-benefit:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.1) !important; } .tl-stats-bar { display: none !important; } .tl-aliado-section { display: flex; align-items: flex-start; gap: 40px; max-width: 1200px; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; } .tl-aliado-left { flex: 1 1 60%; min-width: 0; } .tl-aliado-right { flex: 0 0 32%; max-width: 340px; } .tl-aliado-title { font-size: 30px !important; font-weight: 800 !important; color: #111 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } .tl-aliado-title .tl-highlight { color: #1565c0 !important; font-weight: 800 !important; } .tl-aliado-desc { color: #555 !important; font-size: 15px !important; line-height: 1.7 !important; margin-bottom: 28px !important; } .tl-aliado-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 24px; } .tl-aliado-stat { background: #f8fafd; border: 1px solid #e5edf6; border-radius: 12px; padding: 18px 14px; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,0.04); } .tl-aliado-icon { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; font-size: 18px; } .tl-icon-award { background: #f0eaff; color: #7c3aed; } .tl-icon-boxes { background: #e6f9f0; color: #059669; } .tl-icon-truck { background: #e0f2fe; color: #0284c7; } .tl-icon-shield { background: #fef9e7; color: #d97706; } .tl-aliado-num { font-size: 26px; font-weight: 800; color: #111; display: block; margin-bottom: 4px; } .tl-aliado-lbl { font-size: 12px; color: #666; display: block; line-height: 1.4; } .tl-aliado-card { background: linear-gradient(135deg, #1565c0 0%, #1e88e5 100%); border-radius: 18px; padding: 34px 28px; text-align: center; color: white; box-shadow: 0 8px 30px rgba(21, 101, 192, 0.3); } .tl-aliado-card-icon { width: 60px; height: 60px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 24px; color: white; } .tl-aliado-card-title { font-size: 20px !important; font-weight: 700 !important; color: white !important; margin-bottom: 14px !important; } .tl-aliado-card-items { font-size: 14px !important; color: rgba(255,255,255,0.9) !important; line-height: 1.8 !important; margin-bottom: 22px !important; } .tl-aliado-card-btn { display: inline-block; background: white; color: #1565c0 !important; font-size: 14px; font-weight: 700; padding: 10px 22px; border-radius: 30px; text-decoration: none !important; transition: background 0.2s, color 0.2s; } .tl-aliado-card-btn:hover { background: #e3f0ff; color: #0d47a1 !important; } @media (max-width: 900px) { .tl-aliado-section { flex-direction: column; } .tl-aliado-right { max-width: 100%; width: 100%; } .tl-aliado-stats { grid-template-columns: repeat(2, 1fr); } } .dt-fancy-separator.h2-size .dt-fancy-title .tl-cat-blue { color: #1565c0 !important; } .tl-cat-subtitle { text-align: center; color: #777 !important; font-size: 15px !important; margin-top: -10px !important; margin-bottom: 20px !important; } .shortcode-single-image-wrap .fancy-media-wrap { position: relative !important; overflow: hidden !important; border-radius: 16px !important; display: block; } .shortcode-single-image-wrap a.rollover { border-radius: 0 !important; overflow: visible !important; display: block; position: relative !important; } .shortcode-single-image-wrap img { width: 100% !important; height: auto !important; display: block !important; transition: transform 0.5s ease !important; transform-origin: center center; border-radius: 0 !important; } .shortcode-single-image-wrap:hover img { transform: scale(1.07) !important; } .shortcode-single-image-wrap:hover .fancy-media-wrap { box-shadow: 0 10px 30px rgba(0,0,0,0.22) !important; } .tl-cat-btn { position: absolute !important; bottom: 18px !important; right: 18px !important; left: auto !important; background: #ffffff !important; color: #1565c0 !important; font-size: 14px !important; font-weight: 600 !important; padding: 11px 22px !important; border-radius: 50px !important; text-decoration: none !important; display: inline-block; z-index: 10; line-height: 1.2 !important; transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease !important; box-shadow: 0 2px 10px rgba(0,0,0,0.18); white-space: nowrap; pointer-events: all; letter-spacing: 0; } .tl-cat-btn:hover { background: #1565c0 !important; color: white !important; transform: translateY(-2px) !important; } .tl-aliado-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #f0f4ff !important; border: 1.5px solid #c7d7f5 !important; color: #1565c0 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; padding: 7px 16px !important; border-radius: 50px !important; margin-bottom: 18px !important; text-transform: uppercase !important; } .tl-badge-icon { font-size: 14px !important; } .tl-aliado-num { display: block !important; font-size: 2rem !important; font-weight: 800 !important; color: #1a2b4a !important; line-height: 1.1 !important; margin-bottom: 4px !important; } .tl-aliado-stat { background: #fff !important; border-top: 1.5px solid #e8edf5 !important; border-right: 1.5px solid #e8edf5 !important; border-bottom: 1.5px solid #e8edf5 !important; border-left: 4px solid transparent !important; border-radius: 14px !important; padding: 18px 14px !important; text-align: center !important; flex: 1 !important; min-width: 0 !important; transition: box-shadow 0.25s ease, transform 0.25s ease !important; } .tl-aliado-stat:hover { box-shadow: 0 6px 24px rgba(21,101,192,0.12) !important; transform: translateY(-3px) !important; } .tl-aliado-stats .tl-aliado-stats .tl-aliado-stats .tl-aliado-stats .tl-aliado-stat { border-left: 4px solid transparent !important; transition: border-left-color 0.3s ease, box-shadow 0.25s ease, transform 0.25s ease !important; } .tl-aliado-stats .tl-aliado-stat:first-child:hover, .tl-aliado-stats .tl-aliado-stat:nth-child(1):hover { border-left-color: #7c3aed !important; } .tl-aliado-stats .tl-aliado-stat:nth-child(2):hover { border-left-color: #059669 !important; } .tl-aliado-stats .tl-aliado-stat:nth-child(3):hover { border-left-color: #0284c7 !important; } .tl-aliado-stats .tl-aliado-stat:nth-child(4):hover { border-left-color: #d97706 !important; } .tl-productos-header { text-align: center !important; padding: 48px 20px 16px !important; background: #fff !important; } .tl-productos-title { font-size: 2.1rem !important; font-weight: 800 !important; color: #1a2b4a !important; margin-bottom: 10px !important; line-height: 1.2 !important; } .tl-prod-blue { color: #1565c0 !important; } .tl-prod-underline { width: 48px !important; height: 3px !important; background: #1565c0 !important; border-radius: 2px !important; margin: 0 auto 16px !important; } .tl-productos-subtitle { color: #666 !important; font-size: 15px !important; margin-bottom: 8px !important; } .tl-productos-link { color: #1565c0 !important; font-weight: 600 !important; font-size: 14px !important; text-decoration: none !important; display: inline-block !important; margin-bottom: 8px !important; } .tl-productos-link:hover { text-decoration: underline !important; } .tl-envio-badge { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; background: #16a34a !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; padding: 5px 12px !important; border-radius: 50px !important; z-index: 10 !important; text-transform: none !important; letter-spacing: 0 !important; pointer-events: none !important; white-space: nowrap !important; } .woocommerce article.product figure.woocom-project { position: relative !important; border-radius: 12px !important; overflow: hidden !important; } .woocommerce article.product { border-radius: 14px !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; border: 1.5px solid #e8edf5 !important; background: #fff !important; transition: box-shadow 0.25s ease, transform 0.25s ease !important; overflow: visible !important; } .woocommerce article.product:hover { box-shadow: 0 8px 28px rgba(21,101,192,0.13) !important; transform: translateY(-4px) !important; } .woocommerce article.product .add_to_cart_button, .woocommerce article.product .button { background: #1565c0 !important; color: #fff !important; border-radius: 8px !important; font-weight: 600 !important; font-size: 14px !important; padding: 12px 20px !important; width: 100% !important; text-align: center !important; border: none !important; transition: background 0.2s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; margin: 0 10px !important; } .woocommerce article.product .add_to_cart_button:hover, .woocommerce article.product .button:hover { background: #0d47a1 !important; } .vc_custom_1599150707977 .dt-css-grid { grid-template-columns: repeat(4, 1fr) !important; } .woocommerce article.product figure.woocom-project .fancy-media-wrap, .woocommerce article.product figure.woocom-project a.alignnone { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; border-radius: 10px 10px 0 0 !important; background: #f8f9fa !important; } .woocommerce article.product figure.woocom-project .fancy-media-wrap img, .woocommerce article.product figure.woocom-project a.alignnone img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; aspect-ratio: unset !important; border-radius: 0 !important; } .woocommerce article.product figure.woocom-project { position: relative !important; } .vc_custom_1599150707977 .woocom-project .woo-buttons { position: static !important; bottom: auto !important; left: auto !important; transform: none !important; opacity: 1 !important; visibility: visible !important; background: transparent !important; width: 100% !important; height: auto !important; min-height: 0 !important; padding: 0 0 12px 0 !important; display: block !important; } .vc_custom_1599150707977 .woocom-project .woo-buttons .add_to_cart_button, .vc_custom_1599150707977 .woocom-project .woo-buttons .button { width: calc(100% - 20px) !important; margin: 0 10px !important; padding: 11px 15px !important; font-size: 13px !important; border-radius: 8px !important; background: #1565c0 !important; color: #fff !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-weight: 600 !important; border: none !important; } .vc_custom_1599150707977 .woocom-project .woo-buttons .add_to_cart_button::before { content: "\f07a" !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; margin-right: 6px !important; } .vc_custom_1599150707977 article.product figure.woocom-project { overflow: visible !important; display: flex !important; flex-direction: column !important; } .vc_custom_1599150707977 .woocom-project .woo-buttons-on-img { flex: 0 0 auto !important; } .vc_custom_1599150707977 .woocom-project .woocom-list-content { flex: 1 !important; padding: 10px 10px 5px !important; } .vc_custom_1599150707977 .woo-buttons .add_to_cart_button:hover, .vc_custom_1599150707977 .woo-buttons .button:hover { background: #0d47a1 !important; } .vc_custom_1599150707977 .cart-btn-on-img .woo-buttons a, .vc_custom_1599150707977 .woo-buttons .add_to_cart_button, .vc_custom_1599150707977 .woo-buttons .button { max-width: none !important; width: calc(100% - 20px) !important; overflow: visible !important; margin: 0 10px 10px 10px !important; padding: 11px 15px !important; height: auto !important; min-height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; background: #1565c0 !important; color: #fff !important; font-size: 13px !important; font-weight: 600 !important; text-align: center !important; border: none !important; gap: 8px !important; } .vc_custom_1599150707977 .woo-buttons .add_to_cart_button .filter-popup, .vc_custom_1599150707977 .woo-buttons .button .filter-popup { display: inline !important; opacity: 1 !important; visibility: visible !important; position: static !important; font-size: 13px !important; color: #fff !important; font-weight: 600 !important; } .vc_custom_1599150707977 .woo-buttons .add_to_cart_button .popup-icon, .vc_custom_1599150707977 .woo-buttons .button .popup-icon { display: none !important; } .vc_custom_1599150707977 .woo-buttons .add_to_cart_button::before { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; content: "\f07a" !important; margin-right: 8px !important; display: inline-block !important; } .vc_custom_1599150707977 article.product { position: relative !important; padding-bottom: 0 !important; } .vc_custom_1599150707977 article.product .woo-buttons { position: static !important; bottom: auto !important; left: auto !important; right: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; padding: 0 0 12px 0 !important; background: transparent !important; display: block !important; } .vc_custom_1599150707977 .woo-buttons-on-img { position: relative !important; } .vc_custom_1599150707977 .woocom-list-content { padding: 10px 12px 8px !important; } .tl-cat-tag { display: block !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; color: #6b7280 !important; margin-bottom: 6px !important; padding: 0 !important; } .tl-discount-badge { display: inline-flex !important; align-items: center !important; background: #ef4444 !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 50px !important; margin-left: 8px !important; vertical-align: middle !important; line-height: 1.4 !important; } .tl-star-rating { display: flex !important; align-items: center !important; gap: 2px !important; margin: 4px 0 6px !important; } .tl-star { font-size: 13px !important; font-style: normal !important; line-height: 1 !important; } .tl-star-full { color: #f59e0b !important; } .tl-star-half { color: #f59e0b !important; opacity: 0.6 !important; } .tl-star-empty { color: #d1d5db !important; } .tl-rating-text { font-size: 12px !important; color: #6b7280 !important; margin-left: 4px !important; font-weight: 500 !important; } .tl-productos-highlight { color: #1565c0 !important; } .tl-envio-badge { left: 12px !important; right: auto !important; } .vc_custom_1599150707977 article.product .entry-title { font-size: 14px !important; font-weight: 600 !important; color: #111827 !important; line-height: 1.4 !important; margin-bottom: 4px !important; } .vc_custom_1599150707977 article.product .entry-title a { color: #111827 !important; text-decoration: none !important; } .vc_custom_1599150707977 article.product .entry-title a:hover { color: #1565c0 !important; } .vc_custom_1599150707977 article.product .price { font-size: 18px !important; font-weight: 700 !important; color: #111827 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; } .vc_custom_1599150707977 article.product .price del { font-size: 13px !important; color: #9ca3af !important; font-weight: 400 !important; text-decoration: line-through !important; } .vc_custom_1599150707977 article.product .price ins { text-decoration: none !important; font-size: 18px !important; color: #111827 !important; font-weight: 700 !important; } .vc_custom_1599150707977 article.product .price .woocommerce-price-suffix { font-size: 11px !important; color: #9ca3af !important; font-weight: 400 !important; display: block !important; width: 100% !important; } .vc_custom_1599150707977 .dt-fancy-separator, .vc_custom_1599150707977 .dt-fancy-title, .vc_custom_1599150707977 .vc_separator { display: none !important; } .vc_custom_1599150707977 article.product figure.woocom-project { height: 100%; } .wpb-content-wrapper > .vc_custom_1599150707977 { margin-top: 16px !important; } .vc_custom_1599150707977 .woo-buttons-on-img { overflow: hidden !important; } .vc_custom_1599150707977 .woo-buttons-on-img img { transition: transform 0.4s ease !important; transform: scale(1) !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } .vc_custom_1599150707977 article.product:hover .woo-buttons-on-img img { transform: scale(1.07) !important; } #footer.solid-bg, footer#footer.footer.solid-bg { background-color: #0d1b2a !important; } #footer .wf-wrap, #footer .wf-container-footer, #footer .wf-container { background-color: #0d1b2a !important; } #footer .widget-title, #footer .widgettitle { color: #ffffff !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 16px !important; padding-bottom: 8px !important; border-bottom: 2px solid #1565c0 !important; } #footer .widget, #footer .textwidget, #footer .textwidget p, #footer .widget_text { color: #b0bec5 !important; } #footer a { color: #b0bec5 !important; text-decoration: none !important; transition: color 0.2s ease !important; display: block !important; margin-bottom: 6px !important; font-size: 14px !important; line-height: 1.6 !important; } #footer a:hover { color: #ffffff !important; } #footer .social-links a, #footer .social-icons a { color: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: rgba(255,255,255,0.1) !important; margin-right: 8px !important; margin-bottom: 0 !important; transition: background 0.2s ease !important; } #footer .social-links a:hover, #footer .social-icons a:hover { background: #1565c0 !important; color: #ffffff !important; } #footer .full-width-line.logo-left { background-color: rgba(0,0,0,0.3) !important; border-top: 1px solid rgba(255,255,255,0.08) !important; } #footer .full-width-line, #footer .full-width-line *, #footer .bottom-bar-content, #footer .bottom-bar-nav, #footer .bottom-bar-nav a { color: #78909c !important; } #footer .custom-logo-link img, #footer .site-logo img { filter: brightness(0) invert(1) !important; opacity: 0.85 !important; } #footer .wf-container-footer { padding-top: 50px !important; padding-bottom: 20px !important; } #footer .wf-cell { padding-right: 30px !important; } #footer p, #footer span, #footer li { color: #b0bec5 !important; } #tl-newsletter-section { background: linear-gradient(135deg, #1565c0 0%, #0d47a1 40%, #1a237e 100%) !important; padding: 50px 20px !important; margin: 0 !important; width: 100% !important; } #tl-newsletter-section .tl-nl-inner { max-width: 1140px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 40px !important; flex-wrap: wrap !important; } #tl-newsletter-section .tl-nl-left { flex: 1 !important; min-width: 280px !important; } #tl-newsletter-section .tl-nl-right { flex: 1 !important; min-width: 280px !important; max-width: 500px !important; } #tl-newsletter-section .tl-nl-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(255,255,255,0.15) !important; color: #fff !important; padding: 5px 14px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; margin-bottom: 16px !important; border: 1px solid rgba(255,255,255,0.25) !important; } #tl-newsletter-section .tl-nl-title { color: #ffffff !important; font-size: 28px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 12px !important; font-family: inherit !important; } #tl-newsletter-section .tl-nl-accent { color: #90caf9 !important; } #tl-newsletter-section .tl-nl-desc { color: rgba(255,255,255,0.8) !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important; } #tl-newsletter-section .tl-nl-form { display: flex !important; gap: 10px !important; margin-bottom: 10px !important; flex-wrap: wrap !important; } #tl-newsletter-section .tl-nl-input-wrap { flex: 1 !important; min-width: 200px !important; position: relative !important; background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.3) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; padding: 0 14px !important; } #tl-newsletter-section .tl-nl-icon { color: rgba(255,255,255,0.7) !important; margin-right: 8px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; } #tl-newsletter-section .tl-nl-email { background: transparent !important; border: none !important; outline: none !important; color: #ffffff !important; font-size: 14px !important; padding: 8px 0 !important; width: 100% !important; box-shadow: none !important; } #tl-newsletter-section .tl-nl-email::placeholder { color: rgba(255,255,255,0.5) !important; } #tl-newsletter-section .tl-nl-btn { background: #ffffff !important; color: #1565c0 !important; padding: 14px 24px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; white-space: nowrap !important; transition: background 0.2s ease, transform 0.1s ease !important; flex-shrink: 0 !important; cursor: pointer !important; } #tl-newsletter-section .tl-nl-btn:hover { background: #e3f2fd !important; color: #0d47a1 !important; transform: translateY(-1px) !important; } #tl-newsletter-section .tl-nl-note { color: rgba(255,255,255,0.6) !important; font-size: 12px !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 5px !important; } .wpb-content-wrapper > .vc_row.wpb_row:nth-child(11) { display: none !important; } .wpb-content-wrapper > .vc_row.wpb_row:nth-child(12) { display: none !important; } .wpb-content-wrapper > .vc_row.wpb_row:nth-child(13) { display: none !important; } .wpb-content-wrapper > .vc_row.wpb_row:nth-child(14) { display: none !important; } .header-bar > .branding { flex: 0 0 auto !important; order: 0 !important; padding: 12px 20px 12px 0 !important; background: #fff !important; } .header-bar > div:not(.branding):not(.mini-widgets) { order: 1 !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 8px 20px !important; } .header-bar > div:not(.branding):not(.mini-widgets) > .tn-despacho-info { justify-content: center !important; } .header-bar > div:not(.branding):not(.mini-widgets) > div:last-child { width: 100% !important; max-width: 380px !important; } .header-bar > .mini-widgets { order: 2 !important; } .tn-despacho-link, a.tn-despacho-link { color: #1a56db !important; } .tn-despacho-link:hover { color: #0d44b0 !important; } .top-bar i.the7-mw-icon-phone-bold, .top-bar i.the7-mw-icon-address-bold, .top-bar .mini-contacts i.fa-fw { color: #1a56db !important; } .home .tn-hero-inner { padding: 60px 40px !important; } .tn-hero-text p:empty { display: none !important; height: 0 !important; margin: 0 !important; } .tn-hero-text .tn-hero-h1 { margin-top: 6px !important; margin-bottom: 20px !important; } .tn-hero-text .tn-hero-p { margin-bottom: 24px !important; line-height: 1.65 !important; } .tn-hero-text p:has(> a.tn-hero-btn) { display: block !important; margin: 0 0 18px 0 !important; line-height: 1 !important; } .tn-hero-gold p > a.tn-hero-btn, .tn-hero-gold > .tn-hero-inner > .tn-hero-text a.tn-hero-btn { background: #e07b10 !important; color: #fff !important; } .tn-hero-gold p > a.tn-hero-btn:hover { background: #c56809 !important; } .tn-hero-blue p > a.tn-hero-btn, .tn-hero-blue > .tn-hero-inner > .tn-hero-text a.tn-hero-btn { background: #1a56db !important; color: #fff !important; } .tn-hero-blue p > a.tn-hero-btn:hover { background: #1447b5 !important; } .tn-hero-green p > a.tn-hero-btn, .tn-hero-green > .tn-hero-inner > .tn-hero-text a.tn-hero-btn { background: #16a34a !important; color: #fff !important; } .tn-hero-green p > a.tn-hero-btn:hover { background: #15803d !important; } .tn-hero-tags { margin-top: 20px !important; } #tl-footer-new { grid-row: 8 !important; } #tl-buscanos { grid-row: 9 !important; } #tl-footer-bar { grid-row: 10 !important; } .home #main-slideshow { display: block !important; } body.home #main { padding-bottom: 0 !important; } .pcard-img .img-real { object-fit: cover !important; object-position: top center !important; width: 100% !important; height: 100% !important; } .cbn .img-real { object-fit: cover !important; width: 100% !important; height: 100% !important; } @media (min-width: 992px) { .wf-container-main .content > div:first-child { margin-left: -50px !important; margin-right: -50px !important; width: calc(100% + 100px) !important; } section.benefits { margin-left: -50px !important; margin-right: -50px !important; width: calc(100% + 100px) !important; padding-top: 10px !important; padding-bottom: 10px !important; background-color: rgb(10, 24, 64) !important; } .cat-grid .cbn:nth-child(2) .img-real { object-position: top center !important; } .cat-grid .cbn:nth-child(3) .img-real { object-position: right center !important; } .pcard-img { height: 260px !important; overflow: hidden !important; } footer.footer { box-shadow: -50px 0 0 0 rgb(11, 31, 58), 50px 0 0 0 rgb(11, 31, 58) !important; } } @media (max-width: 768px) { .header-bar .branding { padding: 12px 16px !important; } .header-bar .mini-widgets { padding: 8px 16px !important; } body.home .wf-wrap { overflow-x: hidden !important; } section.benefits { padding: 8px 16px !important; } .institucional .institucional-inner { flex-direction: column !important; gap: 24px !important; } .institucional .inst-left, .institucional .inst-right { width: 100% !important; max-width: 100% !important; } .inst-stats { grid-template-columns: 1fr 1fr !important; gap: 12px !important; } .cat-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; padding: 0 16px !important; } .cbn { min-height: 140px !important; } .prod-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 0 12px !important; } .pcard-img { height: 120px !important; } .pcard-body { padding: 8px 10px 10px !important; } .pname { font-size: 12px !important; } .sec, .sec-gray { padding: 32px 16px !important; } .institucional { padding: 32px 16px !important; } .nl-simple { flex-direction: column !important; gap: 16px !important; padding: 24px 20px !important; } .nl-simple .nl-left, .nl-simple .nl-right { width: 100% !important; } .nl-simple .nl-right { flex-direction: column !important; } .nl-input { width: 100% !important; } .nl-btn { width: 100% !important; justify-content: center !important; } .tn-testimonials-grid { grid-template-columns: 1fr !important; } .termolam-marcas-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 0 16px !important; } .buscanos-grid { grid-template-columns: 1fr 1fr 1fr !important; gap: 8px !important; padding: 0 16px !important; } .tn-footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; padding: 0 16px !important; } .tn-copyright-bar .tn-copyright-inner { flex-direction: column !important; text-align: center !important; gap: 8px !important; padding: 12px 16px !important; } } @media (min-width: 769px) and (max-width: 991px) { body.home .cat-grid { grid-template-columns: 1fr 1fr !important; } body.home .prod-grid { grid-template-columns: 1fr 1fr !important; } body.home #content > .institucional, body.home #content > .sec-gray, body.home #content > .div-star, body.home #content > #productos, body.home #content > .sec, body.home #content > .tl-testi-section { padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box !important; } } @media (max-width: 768px) { body, html { overflow-x: hidden !important; max-width: 100vw !important; } .elementor-section, .elementor-top-section, section { padding-top: 24px !important; padding-bottom: 24px !important; } .elementor-widget-wrap { padding: 0 12px !important; } .elementor-row, .e-con-inner { flex-wrap: wrap !important; } .elementor-col-25, [data-element_type="column"].elementor-col-25 { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding: 8px !important; } .elementor-col-33, [data-element_type="column"].elementor-col-33 { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding: 8px !important; } .elementor-col-50, [data-element_type="column"].elementor-col-50 { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding: 4px !important; } .elementor-heading-title { font-size: 22px !important; line-height: 1.2 !important; margin-bottom: 8px !important; } h2.elementor-heading-title { font-size: 20px !important; } h3.elementor-heading-title { font-size: 16px !important; } .elementor-counter-number-wrapper { font-size: 28px !important; } .elementor-widget-text-editor p, .elementor-text-editor p { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 8px !important; } .elementor-widget-image img, .elementor-image img { max-height: 140px !important; width: 100% !important; object-fit: cover !important; } ul.products, .woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; } ul.products li.product, .woocommerce ul.products li.product { width: 100% !important; margin: 0 !important; padding: 8px !important; float: none !important; display: flex !important; flex-direction: column !important; } ul.products li.product img, .woocommerce ul.products li.product img { width: 100% !important; height: 130px !important; object-fit: contain !important; } ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 { font-size: 12px !important; line-height: 1.3 !important; margin: 4px 0 !important; } ul.products li.product .price { font-size: 13px !important; margin: 2px 0 !important; } ul.products li.product .button, ul.products li.product a.button { font-size: 11px !important; padding: 7px 4px !important; width: 100% !important; text-align: center !important; margin-top: auto !important; } footer .elementor-column, footer [data-element_type="column"], .elementor-location-footer .elementor-column { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 8px 12px !important; } footer .elementor-section { padding-top: 16px !important; padding-bottom: 16px !important; } .elementor-widget { margin-bottom: 12px !important; } } @media (max-width: 991px) { .wf-container-main .content > div:first-child { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } section.benefits { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } } @media (max-width: 768px) { body#the7-body #page.boxed, body #page.boxed { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .wf-container-main .content > div:first-child { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; overflow: hidden !important; } #heroTrack { width: 100% !important; } #heroTrack > div { min-width: 100vw !important; width: 100vw !important; } } @media (max-width: 768px) { .sdots { background: transparent !important; backdrop-filter: none !important; height: auto !important; bottom: 14px !important; top: auto !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; justify-content: center !important; } } @media (max-width: 768px) { #page.boxed > #wrapper, #page.boxed > #wrapper > #header-container, #page.boxed > #wrapper > #footer-container { max-width: 100% !important; } body.home #content > div:first-child, body.home #content > div:first-child > div:not(.sdots) { height: 260px !important; min-height: 260px !important; max-height: 260px !important; overflow: hidden !important; } body.home .sdots, body.home #content > div:first-child > div.sdots { height: auto !important; min-height: 0 !important; max-height: none !important; } body.home #heroTrack { height: 260px !important; min-height: 260px !important; max-height: 260px !important; display: flex !important; flex-direction: row !important; position: relative !important; overflow: hidden !important; width: 100% !important; } body.home #heroTrack > div { min-width: 100% !important; flex-shrink: 0 !important; height: 260px !important; min-height: 260px !important; max-height: 260px !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; } body.home #heroTrack > div * { max-height: none !important; } body.home #heroTrack > div { animation: none !important; } body.home #heroTrack > div > div:first-child { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; padding: 16px 16px 10px 26px !important; box-sizing: border-box !important; background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.home #heroTrack .eyebrow { font-size: 9px !important; letter-spacing: 0.07em !important; padding: 4px 14px !important; margin-bottom: 8px !important; margin-top: 0 !important; border-width: 1.5px !important; border-radius: 30px !important; border-style: solid !important; background: rgba(255,255,255,0.95) !important; text-transform: uppercase !important; display: inline-block !important; align-self: flex-start !important; width: auto !important; max-width: 85% !important; line-height: 1.5 !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.home #heroTrack .hero-title { font-size: 22px !important; line-height: 1.05 !important; margin: 0 0 5px 0 !important; text-shadow: none !important; color: #1e293b !important; } body.home #heroTrack .hero-title b { display: block !important; font-size: 22px !important; line-height: 1.0 !important; } body.home #heroTrack .hero-title br { display: none !important; } body.home #heroTrack > div > div:first-child > p { font-size: 10px !important; line-height: 1.35 !important; margin: 0 0 8px 0 !important; max-width: 60% !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-shadow: none !important; color: #1e293b !important; } body.home #heroTrack .hero-cta { font-size: 9px !important; padding: 6px 13px !important; border-radius: 30px !important; margin-bottom: 7px !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; white-space: nowrap !important; border: none !important; text-decoration: none !important; color: #fff !important; position: relative !important; z-index: 35 !important; } body.home #heroTrack .hero-brands { display: none !important; flex-wrap: wrap !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; align-self: flex-start !important; } body.home #heroTrack .hbrand { font-size: 6px !important; font-weight: 700 !important; padding: 2px 5px !important; border-radius: 20px !important; border-width: 1px !important; border-style: solid !important; background: rgba(255,255,255,0.92) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; display: inline-block !important; white-space: nowrap !important; } body.home #heroTrack > div:nth-child(1) .eyebrow { color: #1E40AF !important; border-color: #BFDBFE !important; } body.home #heroTrack > div:nth-child(1) .hero-title b { color: #2563EB !important; } body.home #heroTrack > div:nth-child(1) .hero-cta { background: #2563EB !important; } body.home #heroTrack > div:nth-child(1) .hbrand { color: #1E40AF !important; border-color: #BFDBFE !important; } body.home #heroTrack > div:nth-child(2) .eyebrow { color: #C2410C !important; border-color: #FED7AA !important; } body.home #heroTrack > div:nth-child(2) .hero-title b { color: #EA580C !important; } body.home #heroTrack > div:nth-child(2) .hero-cta { background: #EA580C !important; } body.home #heroTrack > div:nth-child(2) .hbrand { color: #C2410C !important; border-color: #FED7AA !important; } body.home #heroTrack > div:nth-child(3) .eyebrow { color: #1E40AF !important; border-color: #BFDBFE !important; } body.home #heroTrack > div:nth-child(3) .hero-title b { color: #2563EB !important; } body.home #heroTrack > div:nth-child(3) .hero-cta { background: #2563EB !important; } body.home #heroTrack > div:nth-child(3) .hbrand { color: #1E40AF !important; border-color: #BFDBFE !important; } body.home #heroTrack > div:nth-child(4) .eyebrow { color: #166534 !important; border-color: #BBF7D0 !important; } body.home #heroTrack > div:nth-child(4) .hero-title b { color: #16A34A !important; } body.home #heroTrack > div:nth-child(4) .hero-cta { background: #16A34A !important; } body.home #heroTrack > div:nth-child(4) .hbrand { color: #166534 !important; border-color: #BBF7D0 !important; } body.home #heroTrack > div:nth-child(5) .eyebrow { color: #92400E !important; border-color: #FDE68A !important; } body.home #heroTrack > div:nth-child(5) .hero-title b { color: #D97706 !important; } body.home #heroTrack > div:nth-child(5) .hero-cta { background: #D97706 !important; } body.home #heroTrack > div:nth-child(5) .hbrand { color: #92400E !important; border-color: #FDE68A !important; } body.home #heroDots, #heroDots { pointer-events: none !important; } body.home #heroDots .sd, #heroDots .sd { pointer-events: auto !important; } body.home #heroTrack .hero-cta, #heroTrack .hero-cta { pointer-events: auto !important; position: relative !important; z-index: 35 !important; } body.home .hero-prev, body.home .hero-next { width: 34px !important; height: 34px !important; font-size: 14px !important; top: 50% !important; transform: translateY(-50%) !important; background: transparent !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: rgba(255,255,255,0.9) !important; } body.home .hero-prev { left: 4px !important; } body.home .hero-next { right: 4px !important; } body.home .hero-dots { bottom: 6px !important; } body.home .hero-dot { width: 6px !important; height: 6px !important; margin: 0 3px !important; } } @media (max-width: 768px) { body#the7-body.home section.benefits, body.home section.benefits { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 6px !important; padding: 10px 10px !important; box-sizing: border-box !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body#the7-body.home .bitem, body.home section.benefits .bitem { flex: 0 0 calc(50% - 3px) !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; padding: 7px 6px !important; width: auto !important; box-sizing: border-box !important; min-width: 0 !important; } section.benefits .bitem i { font-size: 18px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; flex-shrink: 0 !important; } section.benefits .bitem > div { min-width: 0 !important; flex: 1 !important; } section.benefits .bi-t { font-size: 12px !important; line-height: 1.3 !important; font-weight: 700 !important; white-space: normal !important; word-break: break-word !important; } section.benefits .bi-s { font-size: 10px !important; line-height: 1.3 !important; margin-top: 2px !important; white-space: normal !important; word-break: break-word !important; } } @media (max-width: 768px) { section.institucional { padding: 16px 14px !important; } .inst-eyebrow { font-size: 9px !important; padding: 4px 10px !important; margin-bottom: 12px !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; border-radius: 30px !important; } .inst-eyebrow i { font-size: 11px !important; } .inst-title { font-size: 22px !important; line-height: 1.2 !important; margin-top: 10px !important; margin-bottom: 10px !important; } .inst-desc { font-size: 12.5px !important; line-height: 1.5 !important; margin-top: 8px !important; margin-bottom: 14px !important; } .inst-stats { grid-template-columns: 1fr 1fr !important; gap: 7px !important; margin-bottom: 14px !important; } .istat { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; padding: 10px 10px 8px !important; } .istat-ico { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; align-self: flex-start !important; margin-top: 2px !important; margin-bottom: 0 !important; } .istat-ico i { font-size: 15px !important; } .istat > div:not(.istat-ico) { display: flex !important; flex-direction: column !important; align-items: flex-start !important; flex: 1 !important; min-width: 0 !important; gap: 1px !important; } .istat-n { font-size: 19px !important; line-height: 1 !important; font-weight: 700 !important; margin: 0 !important; } .istat-l { font-size: 10px !important; line-height: 1.2 !important; margin: 0 !important; } .inst-cta-box { padding: 14px 14px !important; border-radius: 12px !important; } .inst-cta-icon { width: 38px !important; height: 38px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 8px !important; } .inst-cta-icon i { font-size: 17px !important; } .inst-cta-title { font-size: 15px !important; line-height: 1.25 !important; margin-bottom: 6px !important; text-align: center !important; } .inst-cta-sub { font-size: 11px !important; line-height: 1.4 !important; margin-bottom: 12px !important; text-align: center !important; } .inst-cta-btn { font-size: 10.5px !important; padding: 7px 15px !important; border-radius: 30px !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; } } @media (max-width: 768px) { section.sec-gray { padding: 20px 14px !important; } section.sec-gray .sec-h { font-size: 22px !important; margin-bottom: 6px !important; } .cat-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; width: 100% !important; padding: 0 !important; } .cbn { width: 100% !important; border-radius: 12px !important; overflow: hidden !important; position: relative !important; aspect-ratio: 4 / 3 !important; display: block !important; min-height: 0 !important; height: auto !important; } .cbn-bg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; } .cbn-bg img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; transform: scale(1.25) !important; transform-origin: center center !important; } .cbn-ov { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .cbn-txt { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; padding: 8px !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 4px !important; z-index: 2 !important; } .cbn-name { font-size: 11px !important; line-height: 1.2 !important; font-weight: 700 !important; text-align: right !important; } .cbn-lbl { font-size: 9.5px !important; padding: 3px 9px !important; border-radius: 999px !important; font-weight: 600 !important; white-space: nowrap !important; display: inline-block !important; line-height: 1.4 !important; } } @media (max-width: 768px) { section.sec-gray { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; overflow: hidden !important; } .cat-grid { padding: 0 !important; width: 100% !important; box-sizing: border-box !important; } .cbn { overflow: hidden !important; min-width: 0 !important; } } @media (max-width: 768px) { body.home section.sec-gray { max-width: 100vw !important; overflow-x: hidden !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } body.home .cat-grid { width: 100% !important; max-width: 100% !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } body.home .cbn { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; } } @media (max-width: 768px) { .cbn-bg img { transform: none !important; transform-origin: unset !important; object-fit: cover !important; object-position: 65% center !important; width: 100% !important; height: 100% !important; } } @media (max-width: 768px) { .cbn-bg img { transform: none !important; transform-origin: unset !important; object-fit: cover !important; object-position: right center !important; width: 100% !important; height: 100% !important; } } @media (max-width: 768px) { body.home .cat-grid { padding: 0 12px !important; box-sizing: border-box !important; width: 100% !important; } } @media (max-width: 768px) { .cbn-ov { background: linear-gradient( to right, rgba(11, 31, 58, 0.85) 0%, rgba(11, 31, 58, 0.5) 40%, rgba(11, 31, 58, 0) 70% ), linear-gradient( to top, rgba(11, 31, 58, 0.55) 0%, rgba(11, 31, 58, 0) 50% ) !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; } } @media (max-width: 768px) { .cbn-ov { background: linear-gradient( to right, rgba(11, 31, 58, 1.0) 0%, rgba(11, 31, 58, 0.95) 25%, rgba(11, 31, 58, 0.4) 50%, rgba(11, 31, 58, 0.0) 70% ), linear-gradient( to top, rgba(11, 31, 58, 0.55) 0%, rgba(11, 31, 58, 0) 50% ) !important; } } @media (max-width: 768px) { .cbn-bg img { transform: none !important; transform-origin: unset !important; object-fit: cover !important; object-position: center center !important; width: 100% !important; height: 100% !important; } .cbn-ov { background: linear-gradient(to top, rgba(11,31,58,0.55) 0%, rgba(11,31,58,0) 55%) !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; } } @media (max-width: 768px) { section#productos { padding: 20px 14px !important; } .prod-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 0 !important; width: 100% !important; box-sizing: border-box !important; } .pcard { border-radius: 14px !important; overflow: hidden !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .pcard-img { height: 105px !important; min-height: unset !important; max-height: 105px !important; } .pcard-body { padding: 7px 7px 8px !important; } .pcat { font-size: 9.5px !important; line-height: 1.2 !important; margin-bottom: 4px !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .pname { font-size: 11px !important; line-height: 1.3 !important; margin-bottom: 5px !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .fala-stars { font-size: 11px !important; margin-bottom: 4px !important; } .pprice-row { font-size: 13px !important; gap: 5px !important; margin-bottom: 2px !important; flex-wrap: wrap !important; align-items: center !important; } .pold { font-size: 10px !important; margin-bottom: 5px !important; } .padd { font-size: 10px !important; padding: 6px 8px !important; border-radius: 50px !important; text-align: center !important; width: 100% !important; box-sizing: border-box !important; } .pcard .oferta-badge, .pcard [class*="oferta"], .pcard [class*="badge"] { font-size: 9px !important; padding: 2px 6px !important; } } @media (max-width: 768px) { .nl-simple { padding: 16px 14px !important; } .nl-tag { font-size: 9px !important; padding: 4px 10px !important; line-height: 1.3 !important; gap: 4px !important; } .nl-title { font-size: 17px !important; line-height: 1.2 !important; margin-bottom: 6px !important; } .nl-subtitle { font-size: 11px !important; line-height: 1.35 !important; margin-bottom: 4px !important; } .nl-form { flex-direction: column !important; gap: 8px !important; width: 100% !important; } .nl-input-real { width: 100% !important; padding: 0 12px !important; height: 32px !important; min-height: unset !important; box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; overflow: hidden !important; } .nl-input-real i { font-size: 13px !important; line-height: 13px !important; flex-shrink: 0 !important; display: block !important; align-self: center !important; margin: 0 !important; padding: 0 !important; } .nl-input-real input { text-align: left !important; font-size: 11px !important; height: 32px !important; min-height: unset !important; padding: 0 !important; margin: 0 !important; line-height: 32px !important; box-sizing: border-box !important; align-self: center !important; flex: 1 !important; background: transparent !important; border: none !important; outline: none !important; } .nl-input-real input::placeholder { text-align: left !important; font-size: 11px !important; line-height: 32px !important; } .nl-btn { padding: 7px 20px !important; font-size: 12px !important; width: auto !important; align-self: center !important; box-sizing: border-box !important; min-width: unset !important; } .nl-privacy { font-size: 9.5px !important; text-align: center !important; } } @media (max-width: 768px) { .tl-testi-section { padding: 20px 14px !important; } .tl-testi-header h2 { font-size: 20px !important; line-height: 1.2 !important; margin-bottom: 6px !important; } .tl-testi-header p { font-size: 12px !important; line-height: 1.4 !important; } .tl-testi-outer { width: 100% !important; overflow: hidden !important; } .tl-tcard { width: 264px !important; min-width: 264px !important; max-width: 264px !important; padding: 14px !important; box-sizing: border-box !important; } .tl-tcard-quote { font-size: 18px !important; } .tl-tcard-text { font-size: 12px !important; line-height: 1.4 !important; } .tl-tcard-author { font-size: 12px !important; } .tl-tcard-stars { font-size: 13px !important; } } @media (max-width: 768px) { footer { padding: 20px 14px 0px !important; } .footer-grid { grid-template-columns: 1fr !important; gap: 16px !important; width: 100% !important; } .fcol-t, [class*="fcol-t"], .footer-grid > div > div:first-child { font-size: 11px !important; margin-bottom: 8px !important; letter-spacing: 0.08em !important; } footer, .footer-inner { font-size: 13px !important; } footer a, footer li { font-size: 13px !important; line-height: 1.7 !important; } .buscanos { padding: 16px 14px !important; } .plat-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } .wf-container-bottom { font-size: 11px !important; text-align: center !important; padding: 8px 14px !important; } } @media (max-width: 768px) { .cbn { aspect-ratio: 16 / 9 !important; min-height: 0 !important; height: auto !important; } .cbn-bg img { object-position: left center !important; } .cbn-ov { background: linear-gradient( to top, rgba(11, 31, 58, 0.4) 0%, rgba(11, 31, 58, 0) 50% ) !important; } } @media (max-width: 768px) { body.home .cbn, body.home section.sec-gray .cbn { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; } body.home .cbn-bg img { object-position: left center !important; transform: none !important; } body.home .cbn-ov { background: linear-gradient( to top, rgba(11, 31, 58, 0.45) 0%, rgba(11, 31, 58, 0) 45% ) !important; } } @media (max-width: 768px) { body.home .pcard-img, .pcard-img { aspect-ratio: 1 / 1 !important; height: auto !important; max-height: none !important; min-height: unset !important; } body.home .pcard-img img, body.home .pcard-img .img-real, .pcard-img img, .pcard-img .img-real { object-fit: contain !important; object-position: center center !important; background: #fff !important; width: 100% !important; height: 100% !important; } } @media (max-width: 768px) { body.home .pcard .padd, body.home section#productos .padd { font-size: 10px !important; padding: 6px 10px !important; line-height: 1.2 !important; } body.home .pcard .pname, body.home section#productos .pname { font-size: 11px !important; line-height: 1.3 !important; -webkit-line-clamp: 2 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden !important; max-height: calc(11px * 1.3 * 2) !important; margin-bottom: 3px !important; } body.home .pcard .pcat { font-size: 9px !important; line-height: 1.1 !important; margin-bottom: 2px !important; } body.home .pcard .fala-stars { font-size: 11px !important; line-height: 1.2 !important; margin-bottom: 3px !important; } body.home .pcard .pprice-row { font-size: 12px !important; line-height: 1.2 !important; margin-bottom: 2px !important; } body.home .pcard .pold { font-size: 9.5px !important; line-height: 1.2 !important; margin-bottom: 4px !important; } } @media (max-width: 768px) { body.home .pcard .pname, body.home section#productos .pname { font-size: 11px !important; line-height: 1.3 !important; max-height: 28.6px !important; overflow: hidden !important; margin-bottom: 3px !important; display: block !important; } body.home .pcard .pcat { font-size: 9px !important; line-height: 1.1 !important; margin-bottom: 2px !important; display: block !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } } @media (max-width: 768px) { body.home .pcard .pbadge-oferta, body.home section#productos .pbadge-oferta { right: auto !important; left: 8px !important; top: 8px !important; } body.home .prod-grid .pcard:nth-child(3) .pbadge-oferta, body.home section#productos .pcard:nth-child(3) .pbadge-oferta { left: auto !important; right: 8px !important; top: 8px !important; } } @media (max-width: 768px) { body.home .carousel-pill, .carousel-pill { height: auto !important; min-height: 60px !important; min-width: 90px !important; padding: 8px 12px !important; overflow: hidden !important; } body.home .carousel-pill img, .carousel-pill img { max-height: 42px !important; max-width: 100px !important; width: auto !important; height: auto !important; } } @media (max-width: 768px) { body.home section .nl-btn, body.home .nl-form .nl-btn, .sec .nl-form .nl-btn { width: auto !important; max-width: fit-content !important; align-self: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; margin: 0 auto !important; } } @media (max-width: 778px) { .masthead .top-bar, .top-bar.top-bar-line-hide { display: none !important; } .masthead .mobile-header-bar { margin-top: 0 !important; } } @media (max-width: 778px) { .masthead .mobile-header-bar { margin-top: 34px !important; } .masthead .top-bar { z-index: 200 !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; } } @media (max-width: 778px) { .masthead .mobile-header-bar { margin-top: 0 !important; } .benefits { gap: 6px !important; padding: 10px 12px !important; } .benefits .bitem { padding: 6px 8px !important; gap: 8px !important; } section.benefits .bitem i { font-size: 18px !important; width: 32px !important; height: 32px !important; min-width: 32px !important; } .bitem .bi-t { font-size: 12px !important; line-height: 1.3 !important; margin-bottom: 2px !important; } .bitem .bi-s { font-size: 10px !important; line-height: 1.3 !important; } .nl-input { padding: 3px 12px !important; height: 30px !important; min-height: unset !important; font-size: 11px !important; align-items: center !important; box-sizing: border-box !important; } .nl-input i { font-size: 12px !important; line-height: 1 !important; } .nl-input span { font-size: 11px !important; height: 22px !important; line-height: 22px !important; } } @media (max-width: 778px) { body.home .sec-gray:has(.cat-grid) { padding-left: 0 !important; padding-right: 0 !important; } body.home .cat-grid { padding: 0 !important; width: 100% !important; margin: 0 !important; } body.home .sec-gray:has(.cat-grid) .sec-head { padding-left: 16px !important; padding-right: 16px !important; } .cbn-txt { background: none !important; border-radius: 0 !important; padding: 6px 10px !important; color: #fff !important; font-weight: 600 !important; font-size: 13px !important; margin: 0 !important; text-shadow: none !important; } .cbn { border-radius: 14px !important; overflow: hidden !important; } .cbn-ov { background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 50%, transparent 100%) !important; } } @media (max-width: 778px) { .nl-simple { overflow: visible !important; position: relative !important; padding: 14px 18px !important; } .nl-simple > div { gap: 6px !important; } .nl-tag { width: auto !important; display: inline-flex !important; align-self: flex-start !important; margin-bottom: 12px !important; font-size: 9px !important; padding: 4px 10px !important; } .nl-title { font-size: 18px !important; line-height: 1.2 !important; margin-top: 0 !important; margin-bottom: 10px !important; } .nl-title span { font-size: inherit !important; } .nl-subtitle { font-size: 10px !important; line-height: 1.4 !important; margin-top: 4px !important; margin-bottom: 6px !important; } .nl-form { flex-direction: column !important; gap: 4px !important; width: 100% !important; align-items: center !important; margin-top: 8px !important; } .nl-form .nl-input-real-inp { width: 165px !important; box-sizing: border-box !important; position: relative !important; z-index: 5 !important; pointer-events: auto !important; background: rgba(255,255,255,0.15) !important; border: 1px solid rgba(255,255,255,0.35) !important; border-radius: 12px !important; padding: 6px 10px 6px 28px !important; font-size: 10px !important; color: #fff !important; outline: none !important; display: block !important; height: auto !important; } .nl-form .nl-input-real-inp::placeholder { color: rgba(255,255,255,0.65) !important; font-size: 10px !important; } .nl-btn, .nl-form button { font-size: 10px !important; padding: 5px 18px !important; border-radius: 20px !important; margin-top: 0 !important; height: auto !important; } .nl-form .nl-input-wrap { position: relative !important; display: inline-block !important; width: 165px !important; } .nl-form .nl-input-wrap .nl-ico { position: absolute !important; left: 9px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 11px !important; color: rgba(255,255,255,0.7) !important; pointer-events: none !important; } } @media (max-width: 778px) { body.home h1.hero-title, #heroTrack h1.hero-title { font-size: 15px !important; line-height: 1.2 !important; margin-bottom: 4px !important; } body.home .eyebrow, #heroTrack .eyebrow { font-size: 7px !important; padding: 3px 8px !important; margin-bottom: 4px !important; } #heroTrack p { font-size: 9px !important; margin-bottom: 4px !important; line-height: 1.3 !important; } body.home .hero-cta, #heroTrack .hero-cta { font-size: 9px !important; padding: 7px 14px !important; margin-top: 10px !important; border-radius: 20px !important; animation: heroBtnPulse 2.5s ease-in-out infinite !important; } body.home .hero-cta:active { transform: scale(0.97) !important; animation: none !important; } body.home .hero-brands, #heroTrack .hero-brands { margin-top: 10px !important; gap: 4px !important; } @keyframes heroBtnPulse { 0% { transform: scale(1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); } 50% { transform: scale(1.04); box-shadow: 0 6px 22px rgba(0,0,0,0.3); } 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); } } body.home #heroTrack > div { pointer-events: none !important; } } @media (max-width: 778px) { body #tl-mobile-bar { display: flex !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 99999 !important; } body.admin-bar #tl-mobile-bar { top: 46px !important; } html body #page .masthead, html body .masthead { position: fixed !important; top: 34px !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 9100 !important; } html body.admin-bar #page .masthead { top: 80px !important; } html body #page { padding-top: 94px !important; margin-top: 0 !important; } } @media (min-width: 992px) { section.sec-gray:has(.cat-grid) { padding-left: 32px !important; padding-right: 32px !important; margin-left: -50px !important; margin-right: -50px !important; width: calc(100% + 100px) !important; box-sizing: border-box !important; } section.sec-gray:has(.cat-grid) .cbn { min-height: 260px !important; } section.sec-gray:has(.cat-grid) .cat-grid { width: 100% !important; padding: 0 28px !important; box-sizing: border-box !important; } section.sec-gray:has(.cat-grid) .cat-grid .cbn:nth-child(2) .img-real { object-position: center center !important; } } section#productos { padding-top: 8px !important; } @media (min-width: 992px) { div.nl-simple { padding-left: 48px !important; padding-right: 48px !important; max-width: 860px !important; margin-left: auto !important; margin-right: auto !important; } div.nl-form > div:first-child { display: flex !important; align-items: center !important; gap: 10px !important; flex: 1 !important; background: rgba(255,255,255,0.13) !important; border: 1px solid rgba(255,255,255,0.3) !important; border-radius: 15px !important; padding: 0 14px !important; min-height: 40px !important; position: relative !important; } div.nl-form > div:first-child i.ti-mail { position: static !important; display: inline-flex !important; align-items: center !important; font-size: 18px !important; color: rgba(255,255,255,0.75) !important; flex-shrink: 0 !important; pointer-events: none !important; } input.nl-input-real-inp { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; color: rgba(255,255,255,0.9) !important; font-size: 14px !important; flex: 1 !important; padding: 8px 0 !important; min-width: 0 !important; width: 100% !important; } input.nl-input-real-inp::placeholder { color: rgba(255,255,255,0.6) !important; } div.nl-form { display: flex !important; align-items: stretch !important; gap: 10px !important; } button.nl-btn { flex-shrink: 0 !important; align-self: stretch !important; display: flex !important; align-items: center !important; padding: 8px 16px !important; font-size: 14px !important; } } @media (min-width: 992px) { .buscanos { width: 100vw !important; position: relative !important; left: -50px !important; padding-left: 74px !important; padding-right: 74px !important; } } @media (min-width: 992px) { .footer-bot { width: 100vw !important; position: relative !important; left: -50px !important; padding-left: 82px !important; padding-right: 82px !important; box-sizing: border-box !important; } } @media (min-width: 992px) { body.home .buscanos { width: 100% !important; max-width: 100% !important; position: static !important; left: auto !important; margin-left: 0 !important; padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box !important; } .plat-grid { grid-template-columns: repeat(6, 1fr) !important; justify-items: center !important; align-items: center !important; gap: 20px !important; width: 100% !important; } .plat-card { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } .termolam-dark-bar { position: relative !important; left: auto !important; right: auto !important; margin-left: -50px !important; margin-right: -50px !important; width: calc(100% + 100px) !important; box-sizing: border-box !important; } } @media (min-width: 600px) and (max-width: 991px) { body.home #main .wf-wrap, body.home .wf-wrap { padding-left: 0 !important; padding-right: 0 !important; } body#the7-body.home section.benefits, body.home section.benefits { display: flex !important; flex-flow: row !important; justify-content: space-around !important; align-items: center !important; gap: 8px !important; padding: 12px 10px !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box !important; } body#the7-body.home .bitem, body.home section.benefits .bitem { flex: 1 1 0 !important; min-width: 0 !important; display: flex !important; flex-flow: row !important; align-items: center !important; gap: 6px !important; } body.home .bi-t { white-space: normal !important; font-size: 11px !important; line-height: 1.2 !important; } body.home .bi-i { font-size: 18px !important; flex-shrink: 0 !important; width: 32px !important; height: 32px !important; min-width: 32px !important; } body.home .buscanos { width: 100% !important; max-width: 100% !important; position: static !important; left: auto !important; margin-left: 0 !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } body.home .buscanos .plat-grid { grid-template-columns: repeat(6, 1fr) !important; place-items: center !important; gap: 6px !important; width: 100% !important; } body.home .buscanos .plat-card { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 4px 2px !important; } .termolam-dark-bar { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box !important; } body.home #content > div:first-child, body.home .wf-container-main .content > div:first-child { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; height: 320px !important; min-height: 320px !important; max-height: 320px !important; overflow: hidden !important; position: relative !important; } body.home #content > div:first-child > div:not(.sdots) { height: 320px !important; min-height: 320px !important; max-height: 320px !important; overflow: hidden !important; } body.home .sdots, body.home #content > div:first-child > div.sdots { height: auto !important; min-height: 0 !important; max-height: none !important; } body.home #heroTrack { width: 100% !important; max-width: 100% !important; height: 320px !important; min-height: 320px !important; max-height: 320px !important; display: flex !important; flex-direction: row !important; position: relative !important; overflow: hidden !important; } body.home #heroTrack > div { min-width: 100% !important; flex-shrink: 0 !important; width: 100% !important; height: 320px !important; min-height: 320px !important; max-height: 320px !important; background-size: cover !important; background-position: center center !important; } body.home #heroTrack > div { animation: none !important; } @keyframes heroSlideT1 { 0% { opacity: 1; z-index: 10; } 18% { opacity: 1; z-index: 10; } 20% { opacity: 0; z-index: 1; } 98% { opacity: 0; z-index: 1; } 100% { opacity: 1; z-index: 10; } } @keyframes heroSlideT2 { 0% { opacity: 0; z-index: 1; } 18% { opacity: 0; z-index: 1; } 20% { opacity: 1; z-index: 10; } 38% { opacity: 1; z-index: 10; } 40% { opacity: 0; z-index: 1; } 100% { opacity: 0; z-index: 1; } } @keyframes heroSlideT3 { 0% { opacity: 0; z-index: 1; } 38% { opacity: 0; z-index: 1; } 40% { opacity: 1; z-index: 10; } 58% { opacity: 1; z-index: 10; } 60% { opacity: 0; z-index: 1; } 100% { opacity: 0; z-index: 1; } } @keyframes heroSlideT4 { 0% { opacity: 0; z-index: 1; } 58% { opacity: 0; z-index: 1; } 60% { opacity: 1; z-index: 10; } 78% { opacity: 1; z-index: 10; } 80% { opacity: 0; z-index: 1; } 100% { opacity: 0; z-index: 1; } } @keyframes heroSlideT5 { 0% { opacity: 0; z-index: 1; } 78% { opacity: 0; z-index: 1; } 80% { opacity: 1; z-index: 10; } 98% { opacity: 1; z-index: 10; } 100% { opacity: 0; z-index: 1; } } body.home #heroTrack > div > div, body#the7-body.home #heroTrack > div > div { position: absolute !important; inset: 0 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; padding: 20px 50% 20px 28px !important; box-sizing: border-box !important; background: none !important; backdrop-filter: none !important; overflow: hidden !important; } body.home #heroTrack .eyebrow { font-size: 10px !important; padding: 4px 12px !important; margin-bottom: 8px !important; border-radius: 30px !important; white-space: nowrap !important; } body.home #heroTrack .hero-title { font-size: 26px !important; line-height: 1.05 !important; margin: 0 0 6px !important; } body.home #heroTrack > div > div > p { font-size: 11px !important; line-height: 1.3 !important; margin: 0 0 10px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.home #heroTrack .hero-cta { font-size: 11px !important; padding: 8px 16px !important; border-radius: 30px !important; margin-bottom: 8px !important; display: inline-flex !important; align-items: center !important; white-space: nowrap !important; } body.home #heroTrack .hero-brands { display: none !important; flex-wrap: wrap !important; gap: 6px !important; } body.home .cat-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; } body.home .prod-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; } .pcard-img { height: 160px !important; overflow: hidden !important; } .pcard-img .img-real { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: top center !important; } body.home #content > .institucional, body.home #content > .sec-gray, body.home #content > .div-star, body.home #content > #productos, body.home #content > .sec, body.home #content > .tl-testi-section { padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box !important; } } @media (min-width: 400px) and (max-width: 599px) { body.home #main .wf-wrap, body.home .wf-wrap { padding-left: 0 !important; padding-right: 0 !important; } body#the7-body.home section.benefits, body.home section.benefits { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-around !important; align-items: center !important; gap: 4px !important; padding: 8px 6px !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box !important; } body#the7-body.home .bitem, body.home section.benefits .bitem { flex: 1 1 0 !important; min-width: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 4px !important; } body.home .bi-t { white-space: normal !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 700 !important; } body.home .bi-s { font-size: 8px !important; line-height: 1.2 !important; white-space: normal !important; } body.home .bi-i { font-size: 14px !important; flex-shrink: 0 !important; width: 26px !important; height: 26px !important; min-width: 26px !important; } body#the7-body.home #heroTrack > div > div, body.home #heroTrack > div > div { background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; padding: 20px 16px !important; max-width: 100% !important; width: 100% !important; justify-content: flex-start !important; } body.home #heroTrack > div { background-size: cover !important; background-position: center center !important; } body.home #heroTrack > div > div, body#the7-body.home #heroTrack > div > div { background: none !important; backdrop-filter: none !important; } body.home #content > .institucional, body.home #content > .sec-gray, body.home #content > .div-star, body.home #content > #productos, body.home #content > .sec, body.home #content > .tl-testi-section { padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; } } @media (max-width: 480px) { section.benefits { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; padding: 10px 12px !important; overflow-x: hidden !important; flex-wrap: nowrap !important; } section.benefits .bitem { flex: none !important; width: 100% !important; gap: 6px !important; padding: 8px 6px !important; min-width: 0 !important; overflow: hidden !important; } section.benefits .bi-t { font-size: 10px !important; line-height: 1.2 !important; white-space: normal !important; word-break: break-word !important; } section.benefits .bi-s { font-size: 9px !important; line-height: 1.2 !important; white-space: normal !important; word-break: break-word !important; } section.benefits .bitem > div { min-width: 0 !important; overflow: hidden !important; } } @media (max-width: 768px) { .flogo img, .footer-inner img[alt="Termolam"] { display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 50px !important; width: auto !important; max-width: 200px !important; } .flogo { display: block !important; min-height: 60px !important; } } @media (max-width: 768px) { .footer-inner img[alt*="Webpay"], .footer-inner img[alt*="webpay"], .footer-inner img[alt*="Mercado Pago"], .footer-inner img[alt*="Transbank"] { display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 25px !important; width: auto !important; max-width: 130px !important; } } @media (max-width: 768px) { .buscanos { padding: 20px 16px !important; } .plat-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; align-items: center !important; justify-items: center !important; } .plat-grid a, .plat-grid .plat-item { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } .plat-grid img { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 85px !important; height: auto !important; max-height: 42px !important; object-fit: contain !important; } } @media (max-width: 768px) { .carousel-pill img, section.sec-gray img { display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 25px !important; } } img.lazyload, img.lazyloaded { display: block !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 599px) { html body#the7-body.home section.benefits, html body.home section.benefits, html body section.benefits { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-rows: auto auto !important; gap: 2px !important; padding: 8px 10px !important; overflow-x: hidden !important; width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } html body#the7-body.home section.benefits .bitem, html body.home section.benefits .bitem, html body section.benefits .bitem { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; padding: 6px 4px !important; min-width: 0 !important; overflow: hidden !important; width: 100% !important; box-sizing: border-box !important; } html body section.benefits .bitem > div { min-width: 0 !important; flex: 1 !important; overflow: hidden !important; } html body section.benefits .bi-t { font-size: 11px !important; line-height: 1.3 !important; font-weight: 700 !important; white-space: normal !important; word-break: break-word !important; color: #ffffff !important; } html body section.benefits .bi-s { font-size: 9px !important; line-height: 1.3 !important; white-space: normal !important; word-break: break-word !important; } html body section.benefits .bitem i, html body section.benefits .bitem .bi-i { font-size: 18px !important; flex-shrink: 0 !important; width: 22px !important; min-width: 22px !important; height: 22px !important; max-height: 22px !important; } } body.home .footer-bot { display: flex !important; } .footer-loot img { opacity: 1 !important; filter: brightness(8) saturate(0) !important; height: 18px !important; width: auto !important; } .footer-dev img { opacity: 0.8 !important; filter: brightness(8) saturate(0) !important; height: 18px !important; width: auto !important; } .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1.5fr 1fr 1.3fr 1fr 1.4fr !important; gap: 36px !important; } .footer-dev img { opacity: 1 !important; } .footer-bot { display: flex !important; align-items: center !important; } .tl-inner-footer-wrap .footer-social-title { line-height: 1.2 !important; } .tl-inner-footer-wrap .footer-social-sub { line-height: 1.2 !important; } .tl-inner-footer-wrap .footer-social-btns { line-height: 1 !important; } .tl-inner-footer-wrap .footer-grid > div:first-child > img { margin-top: -36px !important; margin-bottom: -15px !important; } .tl-inner-footer-wrap .footer-social-btns { align-items: center !important; line-height: 1 !important; } .tl-inner-footer-wrap .buscanos .plat-card { box-sizing: border-box !important; height: 120px !important; padding: 8px 10px !important; } @media(max-width:1199px){ .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1.3fr 1fr 1.2fr 1fr !important; gap: 28px !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { grid-column: 1/-1 !important; display: flex !important; gap: 16px !important; flex-wrap: wrap !important; } .tl-inner-footer-wrap .footer-grid > div:last-child .fwpbox { flex: 1 !important; min-width: 190px !important; max-width: 260px !important; } } @media(max-width:991px){ .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 24px !important; } .tl-inner-footer-wrap .footer-grid > div:first-child { grid-column: 1/-1 !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { grid-column: 1/-1 !important; display: flex !important; gap: 14px !important; flex-wrap: wrap !important; } .tl-inner-footer-wrap .footer-grid > div:last-child .fwpbox { flex: 1 !important; min-width: 180px !important; } .tl-inner-footer-wrap .buscanos .plat-grid { grid-template-columns: repeat(6,1fr) !important; gap: 10px !important; place-items: center !important; } .tl-inner-footer-wrap .footer-bot { padding: 14px 20px !important; } } @media(max-width:767px){ .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1fr !important; gap: 20px !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { flex-direction: column !important; } .tl-inner-footer-wrap .footer-grid > div:last-child .fwpbox { max-width: 100% !important; } .tl-inner-footer-wrap .buscanos .buscanos-inner { padding: 0 16px !important; } .tl-inner-footer-wrap .buscanos .plat-grid { grid-template-columns: repeat(6,1fr) !important; gap: 8px !important; place-items: center !important; } .tl-inner-footer-wrap .buscanos .plat-card { height: 90px !important; padding: 10px !important; } .tl-inner-footer-wrap .footer-bot { padding: 12px 16px !important; flex-direction: column !important; text-align: center !important; } } @media(max-width:479px){ .tl-inner-footer-wrap .footer-grid { gap: 18px !important; } .tl-inner-footer-wrap .buscanos .plat-grid { grid-template-columns: repeat(2,1fr) !important; } } @media(min-width:600px) and (max-width:991px){ .tl-inner-footer-wrap .buscanos .plat-grid { grid-template-columns: repeat(6,1fr) !important; place-items: center !important; gap: 10px !important; } .tl-inner-footer-wrap .buscanos .plat-card { height: 80px !important; padding: 8px 6px !important; } } @media(min-width:992px){ .tl-inner-footer-wrap .buscanos .plat-grid { grid-template-columns: repeat(6,1fr) !important; place-items: center !important; gap: 20px !important; } } .tl-inner-footer-wrap .footer { padding: 30px 0 0 !important; } body.home .footer-bot { display: none !important; } .termolam-dark-bar { background: #060F1E !important; width: calc(100% + 100px) !important; margin-left: -50px !important; margin-right: -50px !important; overflow: hidden !important; padding: 12px 56px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; box-sizing: border-box !important; max-width: none !important; } .dcb-left { font-size: 11px !important; color: rgba(255,255,255,.50) !important; letter-spacing: .4px !important; } .dcb-right { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; color: rgba(255,255,255,.50) !important; } .dcb-right img { height: 12px !important; width: auto !important; filter: brightness(0) invert(1) !important; opacity: 1 !important; } .tl-inner-footer-wrap .footer-bot { background: #060F1E !important; padding: 0 !important; width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } .tl-inner-footer-wrap .footer-bot-inner { width: 100% !important; padding: 12px 32px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; box-sizing: border-box !important; } .footer-dev img, .footer-loot img { height: 12px !important; width: auto !important; filter: brightness(0) invert(1) !important; opacity: 1 !important; } .dcb-right img { height: 12px !important; width: auto !important; filter: brightness(0) invert(1) !important; opacity: 1 !important; } .tl-inner-footer-wrap > footer.footer { max-width: 1340px !important; margin: 0 auto !important; box-sizing: border-box !important; } .tl-inner-footer-wrap .footer-inner { max-width: 1340px !important; margin: 0 !important; padding: 10px 50px 0 !important; box-sizing: border-box !important; } .tl-inner-footer-wrap .footer-grid { padding-bottom: 20px !important; } .tl-inner-footer-wrap .footer-bot { max-width: 1340px !important; margin: 0 auto !important; width: 100% !important; box-sizing: border-box !important; position: static !important; left: auto !important; } .tl-inner-footer-wrap .footer-bot-inner { max-width: 1340px !important; margin: 0 !important; padding: 12px 50px !important; box-sizing: border-box !important; } @media (min-width: 992px) { .tl-inner-footer-wrap .buscanos { width: 100% !important; max-width: 100% !important; position: static !important; left: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } } .tl-inner-footer-wrap .buscanos .bus-title { font-size: 14px !important; color: #1a3a5c !important; letter-spacing: 2.5px !important; } .tl-inner-footer-wrap .buscanos .plat-card img { transform: scale(1.3) !important; transform-origin: center center !important; } .tl-inner-footer-wrap .buscanos .plat-card img[alt="Paris Cencosud"] { transform: scale(1) !important; } .tl-inner-footer-wrap .buscanos .plat-card img[alt="Falabella"] { transform: scale(1.7) !important; } .tl-inner-footer-wrap .buscanos .plat-card img[alt="Walmart"] { transform: scale(1.65) !important; } .tl-inner-footer-wrap .buscanos .plat-card img[alt="Mercado Público"] { transform: scale(1.65) !important; } .tl-inner-footer-wrap > footer.footer { box-shadow: none !important; } .tl-inner-footer-wrap .buscanos { max-width: 1340px !important; margin: 0 auto !important; width: 100% !important; } .tl-inner-footer-wrap .fsb { width: 38px !important; height: 38px !important; border-radius: 50% !important; } .tl-inner-footer-wrap .fsb i { font-size: 20px !important; } .tl-inner-footer-wrap .footer-grid { padding-bottom: 16px !important; } .tl-inner-footer-wrap .footer-grid > div:first-child { align-items: flex-start !important; } .tl-inner-footer-wrap .footer-grid > div:first-child > img { display: block !important; margin-left: 0 !important; margin-right: auto !important; } .tl-inner-footer-wrap .fsb { overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .tl-inner-footer-wrap .fcol-t { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; color: #4a9eff !important; margin-bottom: 12px !important; } .tl-inner-footer-wrap .fwpbox-mp { display: flex !important; flex-direction: column !important; } .tl-inner-footer-wrap .fcards-row { margin-top: 8px !important; padding-top: 4px !important; } .tl-inner-footer-wrap .fsb.fsb-ig { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; overflow: hidden !important; border-radius: 50% !important; flex-shrink: 0 !important; } .tl-inner-footer-wrap .fsb.fsb-fb { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; overflow: hidden !important; border-radius: 50% !important; flex-shrink: 0 !important; } .tl-inner-footer-wrap .footer-grid { align-items: start !important; } .tl-inner-footer-wrap .footer-inner { display: block !important; } .tl-inner-footer-wrap .footer-inner { padding-left: 20px !important; } .tl-inner-footer-wrap .footer-social-btns { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; } .tl-inner-footer-wrap .footer-social-btns .fsb { display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .tl-inner-footer-wrap .fwpbox-mp { display: block !important; } .tl-inner-footer-wrap .fwpbox-mp .fwpbox-row { display: flex !important; align-items: flex-start !important; gap: 10px !important; } .tl-inner-footer-wrap .fwpbox-mp .fwpbox-row > div { flex: 1 !important; } .tl-inner-footer-wrap .fwpbox-mp .fcards-row { margin-left: 60px !important; margin-top: 6px !important; } ===== END INNER PAGES FOOTER FIX V2 ===== */ .tl-inner-footer-wrap .fsb { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 12px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .tl-inner-footer-wrap .fsb.fsb-ig { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 12px !important; } .tl-inner-footer-wrap .fsb.fsb-fb { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 12px !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 12px !important; align-content: flex-start !important; } .tl-inner-footer-wrap .footer-grid > div:last-child > .fcol-t { width: 100% !important; flex: 0 0 100% !important; margin-bottom: 8px !important; } .tl-inner-footer-wrap .fwpbox { flex: 1 1 0% !important; min-width: 180px !important; display: block !important; } .tl-inner-footer-wrap .fwpbox-mp { display: block !important; flex: 1 1 0% !important; min-width: 180px !important; } .tl-inner-footer-wrap .fwpbox-mp .fwpbox-row { display: flex !important; align-items: flex-start !important; gap: 8px !important; } .tl-inner-footer-wrap .fwpbox-mp .fcards-row { margin-left: 0px !important; margin-top: 8px !important; padding-left: 0px !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { grid-column: 1 / -1 !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 16px !important; align-items: stretch !important; } .tl-inner-footer-wrap .footer-grid > div:last-child > .fcol-t { flex: 0 0 100% !important; width: 100% !important; } .tl-inner-footer-wrap .fwpbox { flex: 1 1 0% !important; min-width: 190px !important; max-width: 260px !important; } .tl-inner-footer-wrap .fwpbox-mp { flex: 1 1 0% !important; min-width: 190px !important; max-width: 260px !important; } .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1.5fr 1fr 1.3fr 1fr !important; gap: 28px !important; } .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1.5fr 1fr 1.3fr 1fr 1.4fr !important; gap: 36px !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { grid-column: auto !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 12px !important; } .tl-inner-footer-wrap .footer-grid > div:last-child > .fcol-t { flex: 0 0 auto !important; width: auto !important; } .tl-inner-footer-wrap .fwpbox { flex: 0 0 auto !important; min-width: unset !important; max-width: unset !important; width: 100% !important; } .tl-inner-footer-wrap .fwpbox-mp { flex: 0 0 auto !important; min-width: unset !important; max-width: unset !important; width: 100% !important; } @media (max-width: 1199px) { .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1.3fr 1fr 1.2fr 1fr !important; gap: 28px !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { grid-column: 1 / -1 !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 16px !important; } .tl-inner-footer-wrap .fwpbox, .tl-inner-footer-wrap .fwpbox-mp { flex: 1 1 0% !important; min-width: 190px !important; max-width: 260px !important; width: auto !important; } .tl-inner-footer-wrap .footer-grid > div:last-child > .fcol-t { flex: 0 0 100% !important; width: 100% !important; } } .tl-inner-footer-wrap .footer-grid > div:last-child { gap: 8px !important; } .tl-inner-footer-wrap .fwpbox-tb .fwpbox-row { align-items: center !important; } .tl-inner-footer-wrap .fwpbox-mp .fwpbox-row { align-items: center !important; gap: 6px !important; } .tl-inner-footer-wrap .fwpbox-mp .fwpbox-row > img { width: 40px !important; height: auto !important; } .tl-inner-footer-wrap .fcards-row { margin-top: 4px !important; } .tl-inner-footer-wrap .footer-grid { align-items: start !important; } .tl-inner-footer-wrap .footer-grid { align-items: stretch !important; } .tl-inner-footer-wrap .fsb, .tl-inner-footer-wrap .fsb.fsb-fb, .tl-inner-footer-wrap .fsb.fsb-ig { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; flex-shrink: 0 !important; } .tl-inner-footer-wrap .fsb i, .tl-inner-footer-wrap .fsb.fsb-fb i, .tl-inner-footer-wrap .fsb.fsb-ig i { font-size: 15px !important; line-height: 1 !important; display: block !important; } .tl-inner-footer-wrap .footer-inner { padding-left: 32px !important; padding-right: 32px !important; } .tl-inner-footer-wrap .fcards-row { margin-top: 6px !important; display: flex !important; align-items: center !important; gap: 4px !important; } #footer .fsb, #footer .fsb.fsb-fb, #footer .fsb.fsb-ig { display: flex !important; align-items: center !important; justify-content: center !important; } .tl-inner-footer-wrap .fsb i, .tl-inner-footer-wrap .fsb.fsb-fb i, .tl-inner-footer-wrap .fsb.fsb-ig i, #footer .fsb i { font-size: 22px !important; line-height: 1 !important; display: block !important; } .tl-inner-footer-wrap .footer-grid > div:last-child { padding-right: 8px !important; } .tl-inner-footer-wrap .footer-inner { padding-right: 56px !important; } .cat-grid .cbn[href*="maquinas-para-oficina"] .img-real { transform: scale(1.15) translateX(12px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="insumos-para-anillar"] .img-real { transform: scale(1.1) translateX(10px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="termolaminados"] .img-real { transform: scale(1.1) translateX(10px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="tienda"] .img-real { transform: scale(1.1) translateX(10px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="articulos-de-oficina"] .img-real { transform: scale(1.1) translateX(10px) !important; transform-origin: center center !important; } @media (max-width: 767px) { .cat-grid .cbn[href*="maquinas-para-oficina"] .img-real { transform: scale(1.2) translateX(12px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="insumos-para-anillar"] .img-real { transform: scale(1.18) translateX(10px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="termolaminados"] .img-real { transform: scale(1.18) translateX(10px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="tienda"] .img-real { transform: scale(1.18) translateX(10px) !important; transform-origin: center center !important; } .cat-grid .cbn[href*="articulos-de-oficina"] .img-real { transform: scale(1.18) translateX(10px) !important; transform-origin: center center !important; } } ===================================================== * FOOTER MOVIL - Columnas apiladas en vertical * ===================================================== */ @media screen and (max-width: 1024px) { footer .wf-container-footer .wf-container { display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; width: 100% !important; box-sizing: border-box !important; overflow: visible !important; } footer .wf-container-footer .wf-cell.wf-1-4 { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding-left: 20px !important; padding-right: 20px !important; margin-bottom: 24px !important; } footer .wf-container-footer { overflow: visible !important; } #bottom-bar .wf-container-bottom { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 8px !important; } #bottom-bar .wf-float-left, #bottom-bar .wf-float-right { float: none !important; text-align: center !important; width: 100% !important; @media screen and (max-width: 768px) { .tl-inner-footer-wrap .footer-grid { grid-template-columns: 1fr !important; gap: 0 !important; } .tl-inner-footer-wrap .footer-grid > div { padding: 16px 20px !important; box-sizing: border-box !important; } .tl-inner-footer-wrap .footer-inner { padding: 0 !important; } } @media (max-width: 768px) { .product-card { display: grid !important; grid-template-columns: auto 1fr !important; grid-template-rows: auto auto !important; align-items: center !important; gap: 0 12px !important; } .product-card .tl-icon { grid-row: 1 !important; grid-column: 1 !important; margin-bottom: 0 !important; } .product-card h3 { grid-row: 1 !important; grid-column: 2 !important; align-self: center !important; margin: 0 !important; } .product-card p { grid-row: 2 !important; grid-column: 2 !important; margin-top: 4px !important; } .mv-card { display: grid !important; grid-template-columns: auto 1fr !important; grid-template-rows: auto auto !important; align-items: center !important; gap: 0 12px !important; } .mv-card .tl-icon { grid-row: 1 !important; grid-column: 1 !important; margin-bottom: 0 !important; } .mv-card h3 { grid-row: 1 !important; grid-column: 2 !important; align-self: center !important; margin: 0 !important; } .mv-card p { grid-row: 2 !important; grid-column: 2 !important; margin-top: 4px !important; } .value { display: grid !important; grid-template-columns: auto 1fr !important; grid-template-rows: auto auto !important; align-items: center !important; gap: 0 12px !important; } .value .tl-icon { grid-row: 1 !important; grid-column: 1 !important; margin-bottom: 0 !important; } .value h3 { grid-row: 1 !important; grid-column: 2 !important; align-self: center !important; margin: 0 !important; } .value p { grid-row: 2 !important; grid-column: 2 !important; margin-top: 4px !important; } .why-item { display: grid !important; grid-template-columns: auto 1fr !important; grid-template-rows: auto auto !important; align-items: center !important; gap: 0 10px !important; } .why-item .tl-icon { grid-row: 1 !important; grid-column: 1 !important; margin-bottom: 0 !important; } .why-item strong { grid-row: 1 !important; grid-column: 2 !important; align-self: center !important; } .why-item span { grid-row: 2 !important; grid-column: 2 !important; margin-top: 2px !important; } } } } @media (max-width: 778px) { html body.home #content > div:first-child { height: 280px !important; min-height: 280px !important; max-height: 280px !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; position: relative !important; } html body.home #content > div:first-child > div:not(#heroDots):not(.sdots) { height: 280px !important; min-height: 280px !important; max-height: 280px !important; overflow: hidden !important; width: 100% !important; } html body.home #heroTrack { display: flex !important; flex-direction: row !important; height: 280px !important; min-height: 280px !important; max-height: 280px !important; width: 100% !important; } html body.home #heroTrack > div { min-width: 100% !important; flex-shrink: 0 !important; height: 280px !important; min-height: 280px !important; max-height: 280px !important; overflow: hidden !important; position: relative !important; display: block !important; } html body.home #heroTrack > div { background-size: cover !important; background-position: 70% center !important; } html body.home #heroTrack > div:nth-child(1) { background-position: 70% center !important; } html body.home #heroTrack > div:nth-child(2) { background-position: 75% center !important; } html body.home #heroTrack > div:nth-child(3) { background-position: 68% center !important; } html body.home #heroTrack > div:nth-child(4) { background-position: 72% center !important; } html body.home #heroTrack > div:nth-child(5) { background-position: 70% center !important; } html body.home #heroTrack > div > div { position: absolute !important; top: 0 !important; left: 0 !important; width: 58% !important; max-width: 58% !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; padding: 12px 8px 12px 14px !important; box-sizing: border-box !important; background: none !important; background-color: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; z-index: 2 !important; overflow: visible !important; } html body.home #heroTrack .eyebrow { font-size: 8px !important; padding: 3px 10px !important; border-radius: 30px !important; background: rgba(255,255,255,0.95) !important; display: inline-block !important; margin-bottom: 6px !important; white-space: nowrap !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.home #heroTrack .hero-title { font-size: 20px !important; line-height: 1.1 !important; margin: 0 0 5px 0 !important; } html body.home #heroTrack > div > div > p { font-size: 9px !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; } html body.home #heroTrack .hero-cta { font-size: 12px !important; padding: 8px 14px !important; white-space: nowrap !important; margin-top: 8px !important; margin-bottom: 4px !important; } html body.home #heroTrack .hero-brands { display: none !important; flex-wrap: wrap !important; gap: 4px !important; margin-top: 5px !important; } html body.home #heroTrack .hero-brands .hbrand { background: rgba(255,255,255,0.95) !important; color: #1a2e4a !important; border-radius: 20px !important; padding: 3px 10px !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; border: 1.5px solid #1a2e4a !important; display: inline-flex !important; align-items: center !important; white-space: nowrap !important; } html body.home #content > div:first-child > button { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; color: rgba(255,255,255,0.95) !important; text-shadow: 0 1px 4px rgba(0,0,0,0.8) !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 40% !important; transform: translateY(-50%) !important; z-index: 50 !important; font-size: 22px !important; pointer-events: auto !important; cursor: pointer !important; padding: 0 !important; } html body.home #content > div:first-child > button:first-of-type { left: 2px !important; right: auto !important; } html body.home #content > div:first-child > button:last-of-type { right: 2px !important; left: auto !important; } html body.home #heroDots { pointer-events: auto !important; } } @media (max-width: 768px) { html body.home #heroTrack { transform: none !important; } html body.home #heroTrack > div { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; min-width: 100% !important; height: 100% !important; min-height: unset !important; max-height: none !important; } } @media (max-width: 768px) { html body.home #heroTrack > div:nth-child(1), html body.home #heroTrack > div:nth-child(2), html body.home #heroTrack > div:nth-child(3), html body.home #heroTrack > div:nth-child(4), html body.home #heroTrack > div:nth-child(5) { animation: none !important; } } @media (max-width: 768px) { body.home #heroTrack + button, body.home #heroTrack ~ button { width: 32px !important; padding-left: 4px !important; padding-right: 4px !important; font-size: 22px !important; opacity: 0.85 !important; } body.home #heroTrack + button:first-of-type, body.home #content .hero-arrow-left { left: -2px !important; } body.home #heroTrack + button + button, body.home #content .hero-arrow-right { right: -2px !important; } body.home .hero-cta { font-size: 11px !important; padding: 7px 14px !important; margin-top: 6px !important; } body.home .hero-brands { display: none !important; } body.home #heroTrack > div > div { padding: 12px 12px 10px !important; max-width: 70% !important; background: rgba(255,255,255,.82) !important; width: auto !important; min-width: 0 !important; inset: auto !important; left: 0 !important; top: 0 !important; bottom: 0 !important; right: auto !important; } } @media (max-width: 768px) { body.home #heroTrack > div:nth-child(1) .hero-title { font-size: 22px !important; line-height: 1.1 !important; margin: 0 0 7px !important; } body.home #heroTrack > div:nth-child(1) .hero-title b { font-size: 22px !important; line-height: 1.1 !important; } body.home #heroTrack > div:nth-child(1) .hero-cta { font-size: 8px !important; padding: 5px 10px !important; border-radius: 30px !important; gap: 3px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; } body.home #heroTrack > div:nth-child(1) .hero-brands { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; margin: 4px 0 0 0 !important; padding: 0 !important; align-self: flex-start !important; } body.home #heroTrack > div:nth-child(1) .hbrand { font-size: 6px !important; font-weight: 700 !important; padding: 2px 5px !important; border-radius: 999px !important; border: 1px solid rgb(191, 219, 254) !important; background: rgba(255, 255, 255, 0.95) !important; color: rgb(30, 64, 175) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; display: inline-block !important; white-space: nowrap !important; } body.home #content > div > button { background: transparent !important; color: rgb(37, 99, 235) !important; width: 30px !important; height: 100% !important; top: 0 !important; bottom: 0 !important; transform: none !important; position: absolute !important; z-index: 50 !important; display: flex !important; align-items: center !important; font-size: 22px !important; padding: 0 !important; border: none !important; } body.home #content > div > button:first-of-type { left: -14px !important; right: auto !important; justify-content: flex-start !important; padding-left: 2px !important; } body.home #content > div > button:last-of-type { right: 0 !important; left: auto !important; justify-content: flex-end !important; padding-right: 4px !important; } body.home #heroTrack > div > div:first-child { padding-left: 36px !important; inset: 0px !important; } body.home #heroTrack > div:nth-child(1) p:not(.eyebrow) { font-size: 10px !important; line-height: 1.4 !important; max-width: 55% !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; word-break: break-word !important; white-space: normal !important; width: 100% !important; } body.home #heroTrack > div:nth-child(1) p:not(.eyebrow)::after { content: ""; display: block; } body.home #heroTrack > div:nth-child(2) .hero-brands, body.home #heroTrack > div:nth-child(3) .hero-brands, body.home #heroTrack > div:nth-child(4) .hero-brands, body.home #heroTrack > div:nth-child(5) .hero-brands { display: flex !important; } body.home #heroTrack > div:nth-child(2) .hbrand { color: rgb(194, 65, 12) !important; border-color: rgb(254, 215, 170) !important; background: rgb(255, 255, 255) !important; } body.home #heroTrack > div:nth-child(3) .hbrand { color: rgb(30, 64, 175) !important; border-color: rgb(191, 219, 254) !important; background: rgb(255, 255, 255) !important; } body.home #heroTrack > div:nth-child(4) .hbrand { color: rgb(22, 101, 52) !important; border-color: rgb(187, 247, 208) !important; background: rgb(255, 255, 255) !important; } body.home #heroTrack > div:nth-child(5) .hbrand { color: rgb(146, 64, 14) !important; border-color: rgb(253, 230, 138) !important; background: rgb(255, 255, 255) !important; } body.home #heroTrack > div:nth-child(2) p:not(.eyebrow) { font-size: 10px !important; line-height: 1.4 !important; max-width: 55% !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack > div:nth-child(3) p:not(.eyebrow) { font-size: 10px !important; line-height: 1.4 !important; max-width: 55% !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack > div:nth-child(4) p:not(.eyebrow) { font-size: 9px !important; line-height: 1.35 !important; max-width: 40% !important; max-height: none !important; overflow: visible !important; display: block !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack > div:nth-child(5) p:not(.eyebrow) { font-size: 10px !important; line-height: 1.4 !important; max-width: 55% !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack > div:nth-child(2) .hero-cta, body.home #heroTrack > div:nth-child(3) .hero-cta, body.home #heroTrack > div:nth-child(4) .hero-cta, body.home #heroTrack > div:nth-child(5) .hero-cta { font-size: 9px !important; padding: 6px 13px !important; border-radius: 30px !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; white-space: nowrap !important; color: rgb(255, 255, 255) !important; } body.home #heroTrack > div:nth-child(1) p:not(.eyebrow), body.home #heroTrack > div:nth-child(2) p:not(.eyebrow), body.home #heroTrack > div:nth-child(3) p:not(.eyebrow), body.home #heroTrack > div:nth-child(4) p:not(.eyebrow), body.home #heroTrack > div:nth-child(5) p:not(.eyebrow) { font-size: 10px !important; line-height: 1.4 !important; max-width: 55% !important; max-height: 28px !important; overflow: hidden !important; white-space: normal !important; word-break: break-word !important; display: block !important; } body.home #heroTrack > div:nth-child(2) .hero-cta { font-size: 8px !important; padding: 5px 10px !important; border-radius: 20px !important; letter-spacing: 0.03em !important; } body.home #heroTrack > div:nth-child(2) p:not(.eyebrow) { font-size: 9px !important; line-height: 1.35 !important; max-width: 40% !important; max-height: none !important; overflow: visible !important; display: block !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack > div:nth-child(4) p:not(.eyebrow) { font-size: 9px !important; line-height: 1.35 !important; max-width: 40% !important; max-height: none !important; overflow: visible !important; display: block !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack > div:nth-child(3) p:not(.eyebrow) { font-size: 9px !important; line-height: 1.35 !important; max-width: 40% !important; max-height: none !important; overflow: visible !important; display: block !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack > div:nth-child(5) p:not(.eyebrow) { font-size: 9px !important; line-height: 1.35 !important; max-width: 40% !important; max-height: none !important; overflow: visible !important; display: block !important; white-space: normal !important; word-break: break-word !important; } body.home #heroTrack .hbrand, body.home #heroTrack > div:nth-child(1) .hbrand, body.home #heroTrack > div:nth-child(2) .hbrand, body.home #heroTrack > div:nth-child(3) .hbrand, body.home #heroTrack > div:nth-child(4) .hbrand, body.home #heroTrack > div:nth-child(5) .hbrand { font-size: 9px !important; padding: 3px 8px !important; border-radius: 20px !important; border-width: 1px !important; letter-spacing: 0.04em !important; line-height: 1.2 !important; } body.home .tn-hero-inner { padding-top: 28px !important; } body.home #heroTrack .hero-title { margin-bottom: 10px !important; } body.home #heroTrack p:not(.eyebrow) { margin-bottom: 10px !important; } body.home #heroTrack .hero-cta { margin-bottom: 10px !important; } } @media (max-width: 778px) { html body.home #content > div:first-child > button:first-of-type { left: -8px !important; right: auto !important; } html body.home #content > div:first-child > button { color: #2563eb !important; text-shadow: none !important; } } @media (max-width: 778px) { .masthead .mobile-branding .same-logo img, .masthead .mobile-header-bar .mobile-branding img { width: 175px !important; max-width: 175px !important; height: auto !important; } .masthead .mobile-header-bar .mobile-branding { max-width: 200px !important; } } @media (max-width: 778px) { .masthead .header-bar { display: none !important; } #tn-despacho-bar { display: none !important; } .dt-mobile-menu-icon.floating-btn { display: none !important; } .masthead .mobile-header-bar { min-height: 64px !important; max-height: 80px !important; align-items: center !important; place-content: center flex-start !important; flex-wrap: nowrap !important; padding: 0 8px !important; box-sizing: border-box !important; } .masthead .mobile-header-bar .mobile-branding img, .mobile-branding .same-logo img { width: 175px !important; max-width: 175px !important; height: auto !important; } .masthead .mobile-header-bar .mobile-branding { padding-left: 0 !important; margin-left: 0 !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; } .masthead .mobile-header-bar .mobile-navigation { flex-shrink: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; margin-left: 0 !important; margin-right: 0 !important; min-width: 44px !important; } .masthead .mobile-header-bar .mobile-mini-widgets { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 0px !important; padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: auto !important; margin-right: 0 !important; flex: 0 0 auto !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div { width: max-content !important; height: 56px !important; cursor: pointer !important; padding: 0 5px !important; margin: 0 !important; overflow: visible !important; flex-shrink: 0 !important; background: transparent !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(1) > *, .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(2) > *, .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(3) > * { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; pointer-events: all !important; z-index: 2 !important; display: block !important; background: transparent !important; box-shadow: none !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(1) a, .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(1) > div a, .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(2) a, .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(2) > div a, .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(3) a, .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(3) > div a { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; pointer-events: all !important; z-index: 3 !important; display: block !important; } #tl-mobile-bar { display: flex !important; align-items: center; justify-content: space-between; background: #0d1b2a; color: #fff; height: 34px; min-height: 34px; padding: 0 12px; font-size: 9px; width: 100%; box-sizing: border-box; overflow: hidden; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 99998 !important; } .tl-mob-left { flex: 1; overflow: hidden; display: flex; align-items: center; min-width: 0; } .tl-ticker-wrap { overflow: hidden; width: 100%; display: block; } .tl-ticker-track { display: flex; animation: tl-ticker-scroll 22s linear infinite; white-space: nowrap; } .tl-t-item { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; padding: 0 6px; white-space: nowrap; font-size: 11px !important; color: #c8dce8 !important; } #tl-mobile-bar .tl-icon { color: #2563eb !important; font-size: 13px !important; flex-shrink: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } #tl-mobile-bar .tl-sep { display: inline-flex !important; align-items: center !important; color: #2563eb !important; font-weight: 700 !important; font-size: 14px !important; padding: 0 4px !important; opacity: 1 !important; flex-shrink: 0 !important; } @keyframes tl-ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } section.benefits .bitem:nth-child(1), section.benefits .bitem:nth-child(3) { padding-left: 20px !important; } section.benefits .bitem:nth-child(2), section.benefits .bitem:nth-child(4) { padding-left: 12px !important; } section.benefits { position: relative !important; } section.benefits::before { content: '' !important; position: absolute !important; top: 5% !important; bottom: 5% !important; left: 44% !important; width: 1px !important; background: rgba(255,255,255,0.2) !important; pointer-events: none !important; z-index: 1 !important; } section.benefits::after { content: '' !important; position: absolute !important; left: 5% !important; right: 5% !important; top: 50% !important; height: 1px !important; background: rgba(255,255,255,0.2) !important; pointer-events: none !important; z-index: 1 !important; } .masthead .mobile-navigation .dt-mobile-menu-icon.floating-btn { display: none !important; visibility: hidden !important; } .masthead .mobile-header-bar .mobile-mini-widgets { display: flex !important; flex-direction: row !important; align-items: center !important; flex: 0 0 auto !important; margin-left: auto !important; gap: 0 !important; padding: 0 !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; position: relative !important; width: max-content !important; height: 50px !important; padding: 0 2px !important; margin: 0 !important; cursor: pointer !important; overflow: visible !important; flex-shrink: 0 !important; background: #ffffff !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(1) { order: 2 !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(1)::before { content: '\eb25'; font-family: 'tabler-icons'; font-size: 23px; line-height: 1; color: #0d1b2a; display: block; pointer-events: none; position: relative; z-index: 2; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(1)::after { content: 'Carrito'; font-size: 9px; line-height: 1.2; color: #2563eb; font-family: sans-serif; font-weight: 700; display: block; pointer-events: none; margin-top: 2px; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(2) { order: 3 !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(2)::before { content: '\eb4d'; font-family: 'tabler-icons'; font-size: 23px; line-height: 1; color: #0d1b2a; display: block; pointer-events: none; position: relative; z-index: 2; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(2)::after { content: 'Mi Cuenta'; font-size: 9px; line-height: 1.2; color: #2563eb; font-family: sans-serif; font-weight: 700; display: block; pointer-events: none; margin-top: 2px; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(3) { order: 1 !important; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(3)::before { content: '\eb1c'; font-family: 'tabler-icons'; font-size: 23px; line-height: 1; color: #0d1b2a; display: block; pointer-events: none; position: relative; z-index: 2; } .masthead .mobile-header-bar .mobile-mini-widgets > div:nth-child(3)::after { content: 'Buscar'; font-size: 9px; line-height: 1.2; color: #2563eb; font-family: sans-serif; font-weight: 700; display: block; pointer-events: none; margin-top: 2px; } .masthead .mobile-header-bar .mobile-navigation { flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin-left: 0 !important; margin-right: 0 !important; } .masthead .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon:not(.floating-btn) { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 4px 2px 4px 2px !important; height: auto !important; min-height: 50px !important; width: auto !important; min-width: 40px !important; cursor: pointer !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; position: relative !important; } .masthead .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon:not(.floating-btn) .lines-button { display: flex !important; flex-direction: column !important; gap: 4px !important; pointer-events: none !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 14px !important; overflow: visible !important; } .masthead .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon:not(.floating-btn) .menu-line { display: block !important; width: 22px !important; height: 2px !important; background: #0d1b2a !important; border-radius: 1px !important; } .masthead .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon:not(.floating-btn) .menu-label { display: block !important; font-size: 9px !important; line-height: 1 !important; color: #2563eb !important; font-family: sans-serif !important; font-weight: 700 !important; text-align: center !important; margin-top: 2px !important; width: 100% !important; pointer-events: none !important; } .masthead .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon:not(.floating-btn)::after { content: "Menú" !important; display: block !important; font-size: 9px !important; line-height: 1 !important; color: #2563eb !important; font-family: sans-serif !important; font-weight: 700 !important; text-align: center !important; margin-top: 10px !important; width: auto !important; position: static !important; height: auto !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; z-index: auto !important; background: none !important; opacity: 1 !important; pointer-events: none !important; order: 99 !important; } .masthead .mobile-header-bar { min-height: 56px !important; max-height: 70px !important; } .masthead .mobile-header-bar .mobile-branding { order: 0 !important; flex: 1 1 auto !important; } .masthead .mobile-header-bar .mobile-mini-widgets { order: 5 !important; } .masthead .mobile-header-bar .mobile-navigation { order: 6 !important; } } @media (max-width: 778px) { .strip .pill .tl-icon svg { display: none !important; } .strip .pill .tl-icon { background: transparent !important; border: none !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; } .strip .pill .tl-icon::before { font-family: 'tabler-icons' !important; font-size: 20px !important; color: white !important; display: block !important; line-height: 1 !important; } .strip .pill-office .tl-icon::before { content: '\ea4f' !important; } .strip .pill-doc .tl-icon::before { content: '\eaa2' !important; } .strip .pill-bind .tl-icon::before { content: '\ea39' !important; } .strip .pill-plast .tl-icon::before { content: '\eb2d' !important; } .strip .pill-ergo .tl-icon::before { content: '\ef9e' !important; } } @media (max-width: 778px) { .strip .pill-office, .strip .pill-doc, .strip .pill-bind, .strip .pill-plast { justify-content: flex-start !important; } .strip .pill-ergo { justify-content: center !important; } } .wpbox:has(.ti-building-bank) div[style*="rgba(255,255,255,.55)"] { visibility: hidden; position: relative; } .wpbox:has(.ti-building-bank) div[style*="rgba(255,255,255,.55)"]::after { content: "Banco Estado y Banco Internacional"; visibility: visible; position: absolute; left: 0; top: 0; white-space: nowrap; } .fwpbox-tb .fwpbox-banks { visibility: hidden; position: relative; } .fwpbox-tb .fwpbox-banks::after { content: "Banco Estado y Banco Internacional"; visibility: visible; position: absolute; left: 0; top: 0; white-space: nowrap; } @media (min-width: 992px) { .tn-despacho-link { display: none !important; } .tn-despacho-info span[style*="94a3b8"] { display: none !important; } .tn-despacho-info { align-items: center !important; } .tn-despacho-info i.ti-truck { display: none !important; font-size: 18px !important; margin-right: 0 !important; } .tn-despacho-info .tn-despacho-text.tn-despacho-text { font-size: 0 !important; display: inline-block !important; width: 536px !important; max-width: 536px !important; height: auto !important; line-height: 19px !important; overflow: visible !important; white-space: normal !important; vertical-align: middle !important; position: relative !important; text-transform: none !important; letter-spacing: normal !important; } .tn-despacho-info .tn-despacho-text.tn-despacho-text::after { content: "Busca nuestra variedad de productos que tenemos" !important; font-size: 12px !important; font-weight: 600 !important; color: #0d1b2a !important; line-height: 16px !important; white-space: pre-line !important; display: inline-block !important; text-transform: none !important; letter-spacing: normal !important; } } @media (max-width: 767px) { .buscanos { padding: 20px 16px !important; box-sizing: border-box !important; } .plat-grid { grid-template-columns: 1fr 1fr 1fr !important; gap: 8px !important; } .plat-card { min-height: 70px !important; height: auto !important; padding: 10px !important; box-sizing: border-box !important; } .plat-card img { max-height: 45px !important; max-width: 100% !important; width: auto !important; height: auto !important; } } @media (max-width: 767px) { .tl-inner-footer-wrap .buscanos .plat-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } .tl-inner-footer-wrap .buscanos .plat-card { height: auto !important; min-height: 70px !important; padding: 10px !important; } } @media (max-width: 767px) { .tl-inner-footer-wrap.tl-inner-footer-wrap .buscanos.buscanos .plat-grid.plat-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } .tl-inner-footer-wrap.tl-inner-footer-wrap .buscanos.buscanos .plat-card.plat-card { height: auto !important; min-height: 70px !important; padding: 10px !important; } .tl-inner-footer-wrap.tl-inner-footer-wrap .buscanos.buscanos .plat-card.plat-card img { max-height: 45px !important; max-width: 100% !important; width: auto !important; height: auto !important; } } @media (max-width: 767px) { .footer-grid.footer-grid.footer-grid { grid-template-columns: 1fr !important; } .footer-grid.footer-grid.footer-grid > div:first-child > img { margin-left: -33px !important; } .footer-grid.footer-grid.footer-grid > div:last-child { display: grid !important; grid-template-columns: max-content !important; } } @media (max-width: 767px) { .nl-form.nl-form.nl-form { flex-direction: row !important; align-items: center !important; } .nl-form.nl-form.nl-form > div:first-child { flex: 1 1 auto !important; min-width: 0 !important; } .nl-form.nl-form.nl-form > .nl-btn { flex: 0 0 auto !important; white-space: nowrap !important; } } @media (max-width: 767px) { body.home .cat-grid.cat-grid { padding-left: 16px !important; padding-right: 16px !important; } } @media (max-width: 767px) { body.home #heroTrack > div > div:first-child { padding-left: 20px !important; } body.home #heroTrack > div:nth-child(4) .hbrand:last-child { display: none !important; } } img[alt="Termolam"] { aspect-ratio: 1983 / 793 !important; } img[alt="Webpay Plus Transbank"] { aspect-ratio: 2172 / 724 !important; } img[alt="Mercado Pago"] { aspect-ratio: 800 / 750 !important; } img[alt="Mercado Libre"], img[alt="Mercado Público"], img[alt="Paris Cencosud"], img[alt="Walmart"], img[alt="Falabella"], img[alt="Ripley"], img[alt="GBC"], img[alt="Fellowes"], img[alt="ACCO Brands"], img[alt="Aidata"], img[alt="Kensington"], img[alt="Wilson Jones"], img[alt="Swingline"], img[alt="Ibico"], img[alt="Quartet"], img[alt="Stanley Bostitch"], img[alt="Stanley"], img[alt="SAX"] { aspect-ratio: 1 / 1 !important; } #tn-search-wrap{ width:100% !important; max-width:380px !important; } html body #tn-search-wrap{ width:100% !important; max-width:380px !important; } html .header-bar #tn-search-wrap{ max-width:380px !important; } html .tn-despacho-info .tn-despacho-text.tn-despacho-text{ text-align:center !important; } html .tn-despacho-info .tn-despacho-text.tn-despacho-text::after{ text-align:center !important; } .dt-css-grid .wf-cell{ opacity:1 !important; }