html { scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; } body { font-family: "Poppins", sans-serif !important; }  *, a, button, .bricks-button, .brxe-button, .gallery-item, [role="button"] { -webkit-tap-highlight-color: transparent !important; } a:focus, a:active, button:focus, button:active, .bricks-button:focus, .bricks-button:active { outline: none !important; box-shadow: none !important; }  .submit-button-wrapper { transition: 0.3s ease-in-out; } .submit-button-wrapper:hover { transform: scale(1.05); } a:active, button:active, .bricks-button:active, .brxe-button:active, .gallery-item:active { box-shadow: none !important; outline: none !important; scale: 0.95 !important; } .bricks-button:hover { background-color: #2e4964 !important; color: #ffffff !important; }  .cky-btn.cky-btn-accept, .cky-btn.cky-btn-reject { border-radius: 70px !important; padding: 1.6rem 2.4rem !important; } .cky-consent-container .cky-consent-bar { border-radius: 15px !important; background: #f8f9fa !important; font-family: sans-serif !important; } .cky-btn.cky-btn-reject { border-color: #234466 !important; color: #234466 !important; } .cky-btn.cky-btn-accept { border-color: #234466 !important; background-color: #234466 !important; }  .cky-consent-container { opacity: 0; transform: translateY(20px); transition: transform 0.6s ease, opacity 0.6s ease; } .cky-consent-container.show-banner { opacity: 1; transform: translateY(0); } .cky-consent-container.hide-banner { opacity: 0; transform: translateX(-100%); } .cky-consent-container.slide-left { transform: translateX(-120%); opacity: 0; }  body.home { position: relative; z-index: 1; } body.home::after { background-image: linear-gradient( 180deg, rgba(0, 0, 103, 0.7) 0%, rgba(0, 0, 103, 0.7) 70%, rgba(0, 0, 103, 0) 100% ); height: 103rem; background-repeat: no-repeat; background-attachment: fixed; content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: -1; }  @media (max-width: 768px) { body.home::after { background-attachment: scroll; } }  .sections-main-heading, .banner-heading, #brxe-gqfzan, .brxe-heading, .brxe-text-basic { font-family: "Poppins" !important; } .brxe-div h3 + p + p { font-size: 1.2rem !important; }  :where(.brxe-nav-menu) .bricks-nav-menu > li { margin: 0 !important; padding: 0 20px; }  .site-header { transition: background-color 0.5s ease, height 0.5s ease, padding 0.5s ease, opacity 0.5s ease !important; } .header-logo, .header-cta { transition: transform 0.5s ease, opacity 0.5s ease; transform-origin: center; }  .site-header.brx-sticky { height: 70px; opacity: 1; } .site-header.brx-sticky .header-logo, .site-header.brx-sticky .header-cta { transform: scale(0.8); } .site-header:not(.brx-sticky) .header-logo, .site-header:not(.brx-sticky) .header-cta { transform: scale(1); }  #brx-header #brxe-gqfzan { transition: background 0.4s ease, box-shadow 0.4s ease; } #brx-header.is-scrolled #brxe-gqfzan { background: rgba(255, 255, 255, 0.75) !important; transition-duration: 0.2s; backdrop-filter: blur(15px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); padding-top: 5px; padding-bottom: 5px; } #brx-header.is-scrolled #brxe-gqfzan #brxe-ovliuf, #brx-header.is-scrolled #brxe-ovliuf { color: #234466 !important; transition-duration: 0s; } #brx-header.is-scrolled #brxe-uhsgjh img { content: url("https://grupo-luna.es/wp-content/uploads/2026/02/light-Background.png") !important; max-width: 150px; transition-duration: 0.4s; } #brx-header.is-scrolled #brxe-ujqiow.brxe-button { padding-top: 12px !important; padding-bottom: 12px !important; transition-duration: 0s; } #brx-header.is-scrolled :where(.brxe-nav-menu) .bricks-mobile-menu-toggle span { background-color: #234466 !important; transition-duration: 0.4s; } .header-btn:hover { background-color: #00B5E2 !important; }  .sub-header { position: fixed; top: 68px; left: 0; width: 100%; z-index: 7; border-bottom: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transform: translateY(-100%); opacity: 0; background: rgba(255, 255, 255, 0.75) !important; backdrop-filter: blur(15px); transition: transform 0.4s ease, opacity 0.4s ease; } .sub-header.show { transform: translateY(0); opacity: 1; } .sub-header .brxe-container { overflow: scroll; scrollbar-width: none; } .sub-header-div { gap: 10px; } .sub-header-menu { transition: 0.3s ease-in-out; transform-origin: center; white-space: nowrap !important; } .sub-header-menu:hover { scale: 1.03; } .sub-header-menu.active:hover { scale: 1; }  .learn-btn:active { scale: 0.98; } .learn-btn.white-icon-btn, .learn-btn.blue-icon-btn { display: inline-flex; align-items: center; transition: 0.3s ease-in-out; transform-origin: center; transform: translateZ(0); backface-visibility: hidden; will-change: transform; } .learn-btn.white-icon-btn h3 { line-height: normal; } .learn-btn.white-icon-btn .brxe-icon { min-width: 24px; flex-shrink: 0; } .learn-btn.white-icon-btn:hover { background-color: #00b5e2 !important; transition: 0.3s ease-in-out; transform: scale(1.05) translateZ(0); } .learn-btn.white-icon-btn:hover .brxe-heading { color: #fff !important; transition-duration: 0.3s; } .learn-btn.white-icon-btn:hover .brxe-icon { background-color: #fff !important; color: #00b5e2 !important; transition-duration: 0.3s ease-in-out; } .learn-btn.blue-icon-btn:hover { background-color: #fff !important; transition: 0.3s ease-in-out; box-shadow: 0 0 3px 0 #234466; transform: scale(1.05) translateZ(0); } .learn-btn.blue-icon-btn:hover .brxe-heading { color: #234466 !important; transition: 0.3s ease-in-out; } .learn-btn.blue-icon-btn:hover i { background-color: #234466 !important; color: #fff !important; transition: 0.3s ease-in-out; transform: translateX(2px); } .scale-blue-btn { margin-top: auto; } .scale-blue-btn:hover { background: #00B5E2 !important; box-shadow: 0 0 3px 0 #234466 !important; } .scale-blue-btn:active { scale: 0.98; }  #brxe-jekwqk > .tab-menu .tab-title.brx-open { background-color: #234466 !important; color: #fff !important; } #brxe-jekwqk > .tab-menu .tab-title { padding: 8px 24px !important; } #brxe-jekwqk > .tab-content { border: none !important; }  #brxe-armuwh .bricks-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: background-color 0.3s ease; } #brxe-armuwh.is-success .bricks-button .ti-arrow-right { padding: 13px 14.5px !important; } .form-group .bricks-button .text { width: -webkit-fill-available !important; } #brxe-armuwh .bricks-button.sending { justify-content: center !important; width: 100% !important; } #brxe-armuwh.is-success i::before { content: url("https://grupo-luna.es/wp-content/uploads/2026/02/check-icon.png"); font-style: normal; } #brxe-armuwh.is-success .bricks-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; background-color: #00B5E2 !important; pointer-events: none; opacity: 0.5; } #brxe-armuwh.is-submitting .bricks-button.sending .text, #brxe-armuwh.is-success .bricks-button.sending .text { width: -webkit-fill-available !important; }  .blur-card { transition: color 0.3s ease; } .blur-card.brxe-div { transition: transform 0.3s ease, box-shadow 0.3s ease; } .blur-card:hover svg path { fill: #00B5E2 !important; transition: fill 0.3s ease; }  #brxe-8a1315 svg:hover, .timeline svg:hover { scale: 1.1; transition: 0.3s ease-in-out; } #brxe-8a1315 svg:hover path, .Eléctrica-card:hover svg path, .timeline svg:hover path { fill: #00B5E2 !important; stroke: #00B5E2 !important; } .Eléctrica-card:hover svg.last-ico path, .services-hover-card:hover svg.warehouse-ico path { fill: none !important; }  .timeline { transition: 0.3s ease-in-out; } .timeline-line { position: absolute; top: 39%; left: -19%; width: 200%; height: 4px; max-width: 1922px; background: #31567D; transform: scaleX(0); transform-origin: left; transition: transform 1.5s ease-in-out; } .timeline-line.active { transform: scaleX(1); } .timeline-line.home-time-line { top: 34%; } .timeline .line { flex-grow: 0; } .timeline .connector:after, .timeline .connector:before { height: 0 !important; }  .gallery-item, .tab-card { position: relative; overflow: hidden; border-radius: 12px; } .gallery-item img { transition: transform 0.5s ease; display: block; } .gallery-item:hover img, .tab-card:hover img { transform: scale(1.05); } .gallery-item::after, .tab-card::after { content: ""; position: absolute; inset: 0; background: rgba(0, 60, 120, 0.35); opacity: 0; transition: opacity 0.4s ease; } .tab-card::after { background: #1d35571f; } .gallery-item:hover::after, .tab-card:hover::after { opacity: 1; } .gallery-item::before { content: "→"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 22px; opacity: 0; transition: opacity 0.4s ease; z-index: 2; background: #00B5E2; border-radius: 50%; padding: 6px 15px; } .tab-card::before { color: #234466; background: #fff; } .gallery-item:hover::before, .tab-card:hover::before { opacity: 1; }  .carousel-banner.brxe-section { min-height: 100vh !important; height: auto; } .splide__slide { display: flex; justify-content: center; align-items: center; } .card-inner { transform: scale(0.85); will-change: transform; } .services-carousel .splide__slide { transition: transform 0.4s ease, opacity 0.4s ease; transform: scale(0.95); overflow: hidden; } .services-carousel .splide__slide.is-active { transform: scale(1.05); opacity: 1; z-index: 2; } .service-card .card-image-block { overflow: hidden; border-radius: inherit; } .service-card .card-image-block, .service-card .service-icon { transition: all 0.4s ease; } .service-card:hover .card-image-block { transform: scale(1.08); } .service-card:hover .service-icon path { stroke: #00B5E2 !important; }  .table-wrapper { white-space: nowrap; }  @media (min-width: 768px) { .menu-item-1739 { display: none; } }  @media (max-width: 782px) { .sub-header { top: 66px; } } @media (max-width: 768px) { .menu-item-object-page.menu-item-1739 a { color: #0d243c !important; font-size: 18px; font-weight: 700; background-color: #ffffff !important; border-radius: 70px !important; width: min-content !important; margin-inline-start: 30px; margin-top: 16px; line-height: 2.5 !important; } .learn-btn.white-icon-btn:hover, .learn-btn.blue-icon-btn:hover { transform: scale(0.98) !important; } :where(.brxe-nav-menu) .bricks-nav-menu > li { padding: 0 15px; } #brxe-jekwqk > .tab-menu .tab-title { padding: 4px 20px !important; } .learn-btn.blue-icon-btn:hover, .scale-blue-btn:hover { scale: 0.95 !important; -webkit-tap-highlight-color: transparent; } a:focus, a:active { outline: none; } } @media (max-width: 1024px) { body.home::after { height: 99rem; } } @media (max-width: 850px) { .services-carousel .splide__slide { transform: scale(0.985); } .services-carousel .splide__slide.is-active { transform: scale(1.03); } } @media (max-width: 470px) { .table-wrapper { max-width: 400px; overflow: scroll; white-space: nowrap; } .service-card { margin-right: 0 !important; } } @media (max-width: 420px) { .table-wrapper { max-width: 380px; } } @media (max-width: 390px) { .table-wrapper { max-width: 340px; } } @media (max-width: 350px) { .table-wrapper { max-width: 330px; } .banner-heading { font-size: 3.4rem !important; } } @media (min-width: 769px) and (max-width: 1499px) { .brxe-container { padding-left: 3rem !important; padding-right: 3rem !important; } #brxe-nxbnyf .splide__arrow--prev { left: -1.1%; } #brxe-nxbnyf .splide__arrow--next { right: -1.5%; } } @media (min-width: 1023px) and (max-width: 1499px) { .timeline-line { top: 32%; } .connector.brxe-div { top: 28.5%; } } @media (min-width: 1023px) and (max-width: 1320px) { .timeline-line.home-time-line { top: 29%; } }  .social-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); color: #ffffff !important; font-size: 18px; transition: background-color 0.3s ease, transform 0.3s ease; } .social-icon:hover { background-color: #00B5E2 !important; transform: scale(1.15); } .social-icon i, .social-icon svg { font-size: 24px !important; width: 24px !important; height: 24px !important; } .social-icon:active { background-color: rgba(255, 255, 255, 0.1) !important; transform: scale(1) !important; }