body.robexmer-ui-page #site-header-wrap, body.robexmer-ui-page #site-header, body.robexmer-ui-page .congin-header, body.robexmer-ui-page .congin-header-fixed, body.robexmer-ui-page .header-float, body.robexmer-ui-page .congin-header .is-sticky, body.robexmer-ui-page .elementor-location-header, body.robexmer-ui-page .featured-title, body.robexmer-ui-page #featured-title { display: none !important; } body.robexmer-ui-page #main-content, body.robexmer-ui-page #content-wrap, body.robexmer-ui-page #site-content, body.robexmer-ui-page #inner-content, body.robexmer-ui-page article.page-content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.robexmer-ui-page #main-content { background: #fff !important; } body.robexmer-ui-page .elementor, body.robexmer-ui-page .elementor-section-wrap, body.robexmer-ui-page .elementor-widget-html, body.robexmer-ui-page .elementor-widget-html > .elementor-widget-container { margin-top: 0 !important; padding-top: 0 !important; } body.robexmer-ui-page.rx-menu-open { overflow: hidden; } body.robexmer-ui-page .rx-floating-service { z-index: 300; } body.robexmer-ui-page #button-contact-vr, body.robexmer-ui-page .button-contact-vr, body.robexmer-ui-page .phone-vr, body.robexmer-ui-page .phone-bar, body.robexmer-ui-page .phone-vr-circle-fill, body.robexmer-ui-page .phone-vr-img-circle, body.robexmer-ui-page .zalo-vr, body.robexmer-ui-page .whatsapp-vr, body.robexmer-ui-page .messenger-vr, body.robexmer-ui-page .youtube-vr, body.robexmer-ui-page .contact-vr, body.robexmer-ui-page [class*="button-contact"], body.robexmer-ui-page [id*="button-contact"], body.robexmer-ui-page [class*="phone-vr"], body.robexmer-ui-page [class*="whatsapp-vr"], body.robexmer-ui-page [class*="youtube-vr"], body.robexmer-ui-page [class*="zalo-vr"], body.robexmer-ui-page [class*="messenger-vr"], body.robexmer-ui-page [class*="contact-vr"], body.robexmer-ui-page .gtranslate_wrapper, body.robexmer-ui-page .gt_float_switcher, body.robexmer-ui-page .gt_switcher_wrapper, body.robexmer-ui-page #gt_float_wrapper, body.robexmer-ui-page [class*="gt_float"], body.robexmer-ui-page [id*="gt_float"], body.robexmer-ui-page .goog-te-gadget, body.robexmer-ui-page .skiptranslate, body.robexmer-ui-page iframe.skiptranslate, body.robexmer-ui-page [class*="translate"][style*="fixed"], body.robexmer-ui-page [id*="translate"][style*="fixed"] { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .rx-skip-link { position: fixed; top: 10px; left: 10px; z-index: 50000; transform: translateY(-150%); border: 1px solid rgba(255, 106, 26, 0.65); background: #080d14; color: #fff; padding: 10px 14px; font: 700 13px/1 Inter, sans-serif; text-decoration: none; transition: transform 180ms ease; } .rx-skip-link:focus-visible { transform: translateY(0); outline: 2px solid #ff6a1a; outline-offset: 2px; } .rx-site-header, .rx-site-header * { box-sizing: border-box; } .rx-site-header__bar > *, .rx-primary-nav, .rx-primary-nav__list, .rx-nav-item, .rx-header-actions { min-width: 0; } .rx-site-header { --rx-header-orange: #ff6a1a; --rx-header-dark: #070b0f; --rx-header-text: #101820; --rx-header-muted: #3f4852; --rx-header-line: rgba(16, 24, 32, 0.12); position: fixed; top: 0; left: 0; right: 0; z-index: 10020; width: 100%; background: #fff; color: var(--rx-header-text); font-family: Inter, Arial, sans-serif; transition: background-color 420ms ease, color 320ms ease, box-shadow 320ms ease; } .rx-site-header.is-scrolled, .rx-site-header.is-menu-open { --rx-header-line: rgba(255, 255, 255, 0.13); --rx-header-muted: rgba(255, 255, 255, 0.68); background: var(--rx-header-dark); color: #fff; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24); } .rx-site-header__bar { position: relative; width: min(1840px, calc(100% - 48px)); min-height: 88px; margin: 0 auto; padding: 0; display: flex; align-items: center; gap: clamp(10px, 1vw, 18px); border-bottom: 1px solid var(--rx-header-line); transition: min-height 280ms ease, border-color 280ms ease; } .rx-site-header__bar::before, .rx-site-header__bar::after { position: absolute; bottom: -1px; height: 1px; content: ""; pointer-events: none; } .rx-site-header__bar::before { left: 0; width: min(34vw, 500px); background: var(--rx-header-orange); } .rx-site-header__bar::after { right: 0; width: min(44vw, 650px); background: linear-gradient( 90deg, rgba(255, 106, 26, 0), rgba(255, 106, 26, 0.4) ); } .rx-site-header.is-scrolled .rx-site-header__bar { min-height: 88px; border-color: rgba(255, 255, 255, 0.13); } .rx-brand { position: relative; flex: 0 0 auto; width: clamp(255px, 15.5vw, 300px); height: 56px; display: inline-flex; align-items: center; justify-content: flex-start; gap: 5px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: currentColor; text-decoration: none; } .rx-brand__mark { display: block; flex: 0 0 54px; width: 54px; height: 54px; object-fit: contain; object-position: center; } .rx-brand .rx-brand__logo { display: block; width: auto; height: 56px; max-height: 56px; object-fit: contain; object-position: left center; transition: opacity 320ms ease; } .rx-brand__logo--top { opacity: 1; } .rx-brand__logo--scrolled { position: absolute; inset: 0 0 0 59px; width: auto; height: 56px; max-height: 56px; object-fit: contain; object-position: left center; opacity: 0; } .rx-site-header.is-scrolled .rx-brand__logo--top, .rx-site-header.is-menu-open .rx-brand__logo--top { opacity: 0; } .rx-site-header.is-scrolled .rx-brand__logo--scrolled, .rx-site-header.is-menu-open .rx-brand__logo--scrolled { opacity: 1; } .rx-brand__fallback { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .rx-primary-nav { min-width: 0; flex: 1 1 auto; } .rx-primary-nav__list { display: flex; align-items: center; justify-content: center; gap: clamp(3px, 0.55vw, 10px); margin: 0; padding: 0; list-style: none; white-space: nowrap; } .rx-nav-item { position: relative; flex: 0 0 auto; } .rx-nav-item--has-menu::after { position: absolute; top: 100%; left: -10px; right: -10px; height: 14px; content: ""; pointer-events: auto; } .rx-nav-link { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 6px; border: 0; border-radius: 0; background: transparent; color: var(--rx-header-text); font: 600 clamp(11.5px, 0.68vw, 13px)/1 Inter, sans-serif; letter-spacing: 0; text-decoration: none; cursor: pointer; transition: color 200ms ease, transform 200ms ease; } .rx-nav-item--has-menu > .rx-nav-link::after { width: 5px; height: 5px; border-right: 1.25px solid currentColor; border-bottom: 1.25px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: 0.75; content: ""; } .rx-nav-link::before { position: absolute; left: 6px; right: 6px; bottom: 5px; height: 2px; background: var(--rx-header-orange); opacity: 0; transform: scaleX(0.4); transform-origin: center; content: ""; transition: opacity 200ms ease, transform 200ms ease; } .rx-nav-link:hover, .rx-nav-link:focus-visible, .rx-nav-item.is-open > .rx-nav-link, .rx-nav-link.is-active { background: transparent; color: var(--rx-header-orange); transform: translateY(-1px); outline: 0; } .rx-nav-link:hover::before, .rx-nav-link:focus-visible::before, .rx-nav-item.is-open > .rx-nav-link::before, .rx-nav-link.is-active::before { opacity: 1; transform: scaleX(1); } .rx-site-header.is-scrolled .rx-nav-link, .rx-site-header.is-menu-open .rx-nav-link { color: rgba(255, 255, 255, 0.84); } .rx-site-header.is-scrolled .rx-nav-link:hover, .rx-site-header.is-scrolled .rx-nav-link:focus-visible, .rx-site-header.is-scrolled .rx-nav-item.is-open > .rx-nav-link, .rx-site-header.is-scrolled .rx-nav-link.is-active, .rx-site-header.is-menu-open .rx-nav-link:hover, .rx-site-header.is-menu-open .rx-nav-link:focus-visible, .rx-site-header.is-menu-open .rx-nav-item.is-open > .rx-nav-link, .rx-site-header.is-menu-open .rx-nav-link.is-active { color: var(--rx-header-orange); } .rx-dropdown, .rx-mega { position: absolute; top: calc(100% + 7px); left: 50%; z-index: 40; min-width: 245px; padding: 16px; border: 1px solid rgba(255, 106, 26, 0.18); border-radius: 16px; background: linear-gradient( 135deg, rgba(255, 106, 26, 0.055), rgba(255, 106, 26, 0) 35% ), rgba(7, 11, 15, 0.985); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.035); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 9px); transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease; } .rx-nav-item.is-open > .rx-dropdown, .rx-nav-item:hover > .rx-dropdown, .rx-nav-item:focus-within > .rx-dropdown, .rx-nav-item.is-open > .rx-mega, .rx-nav-item:hover > .rx-mega, .rx-nav-item:focus-within > .rx-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); } .rx-dropdown--wide { min-width: 320px; } .rx-dropdown--support { min-width: 350px; border-color: rgba(255, 106, 26, 0.3); } .rx-dropdown ul, .rx-mega ul { margin: 0; padding: 0; display: grid; gap: 3px; list-style: none; } .rx-dropdown li, .rx-mega li { min-width: 0; } .rx-dropdown a, .rx-mega a { display: flex; flex-direction: column; justify-content: center; gap: 4px; width: 100%; min-height: 42px; padding: 9px 11px; border-radius: 8px; color: rgba(245, 247, 248, 0.9); font: 550 13px/1.3 Inter, sans-serif; text-decoration: none; transition: color 180ms ease, background-color 180ms ease, transform 180ms ease; } .rx-dropdown a small { color: var(--rx-header-orange); font: 700 9px/1 Inter, sans-serif; text-transform: uppercase; } .rx-dropdown a:hover, .rx-dropdown a:focus-visible, .rx-mega a:hover, .rx-mega a:focus-visible { background: rgba(255, 106, 26, 0.07); color: #fff; box-shadow: inset 2px 0 0 var(--rx-header-orange); transform: translateX(2px); outline: 0; } .rx-dropdown-cta { margin-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #fff !important; } .rx-dropdown-cta::after, .rx-header-cta::after { width: 15px; height: 8px; margin-left: 8px; background: linear-gradient(currentColor, currentColor) left 50% / 13px 1.5px no-repeat, linear-gradient( 45deg, transparent 48%, currentColor 50% ) right 50% / 7px 7px no-repeat; content: ""; transition: transform 180ms ease; } .rx-dropdown-cta:hover::after, .rx-header-cta:hover::after, .rx-header-cta:focus-visible::after { transform: translateX(4px); } .rx-mega { left: auto; right: -150px; width: min(700px, calc(100vw - 48px)); grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 20px; transform: translateY(9px); } .rx-nav-item.is-open > .rx-mega, .rx-nav-item:hover > .rx-mega, .rx-nav-item:focus-within > .rx-mega { transform: translateY(0); } .rx-mega h3 { margin: 0 0 9px; color: var(--rx-header-orange); font: 700 11px/1 Inter, sans-serif; text-transform: uppercase; } .rx-mega--solutions { right: -190px; width: min(860px, calc(100vw - 48px)); } .rx-nav-item.is-open > .rx-mega--sales, .rx-nav-item:hover > .rx-mega--sales, .rx-nav-item:focus-within > .rx-mega--sales h3 { margin-bottom: 6px; } .rx-mega--sales a { min-height: 38px; padding: 8px 9px; } .rx-mega__intro { padding: 3px 18px 3px 3px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .rx-mega__intro::before { display: block; width: 34px; height: 2px; margin-bottom: 16px; background: var(--rx-header-orange); content: ""; } .rx-mega__intro span { color: var(--rx-header-orange); font: 700 10px/1 Inter, sans-serif; text-transform: uppercase; } .rx-mega__intro h3 { margin: 12px 0 9px; color: #fff; font-size: 17px; text-transform: none; } .rx-mega__intro p { max-width: 250px; margin: 0; color: rgba(255, 255, 255, 0.58); font: 500 12px/1.55 Inter, sans-serif; } .rx-mega--sales { left: 50%; right: auto; width: 320px; min-width: 320px; max-width: calc(100vw - 48px); grid-template-columns: 1fr; gap: 3px; padding: 16px; transform: translate(-50%, 9px); } .rx-nav-item.is-open > .rx-mega--sales, .rx-nav-item:hover > .rx-mega--sales, .rx-nav-item:focus-within > .rx-mega--sales { transform: translate(-50%, 0); } .rx-mega--sales > div { display: contents; } .rx-mega--sales h3 { margin: 7px 11px 3px; color: var(--rx-header-orange); font: 700 9px/1 Inter, sans-serif; text-transform: uppercase; } .rx-mega--sales a { min-height: 42px; padding: 9px 11px; } @media (max-width: 1380px) and (min-width: 1181px) { .rx-mega--sales { width: 300px; min-width: 300px; max-width: calc(100vw - 32px); } } .rx-header-actions { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; padding-left: 9px; border-left: 1px solid var(--rx-header-line); white-space: nowrap; } .rx-header-micro { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 40px; padding-right: 10px; border-right: 1px solid var(--rx-header-line); color: var(--rx-header-muted); font-family: "Segoe Script", "Lucida Handwriting", "Brush Script MT", cursive; font-size: clamp(10px, 0.65vw, 12px); font-weight: 400; line-height: 1; white-space: nowrap; opacity: 0.76; } .rx-site-header.is-scrolled .rx-header-micro, .rx-site-header.is-menu-open .rx-header-micro { color: rgba(255, 255, 255, 0.82); } .rx-language { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 3px; border: 0; background: transparent !important; color: var(--rx-header-text); font: 650 12px/1 Inter, sans-serif; box-shadow: none !important; cursor: pointer; } .rx-language [data-rx-lang-code] { position: relative; color: #9aa3ad; opacity: 0.42; transition: opacity 180ms ease, color 180ms ease; } .rx-language [data-rx-lang-code]::after { position: absolute; left: 0; right: 0; bottom: -7px; height: 2px; border-radius: 999px; background: var(--rx-header-orange); opacity: 0; transform: scaleX(0.45); content: ""; transition: opacity 180ms ease, transform 180ms ease; } .rx-language > i { font-style: normal; opacity: 0.34; } .rx-language.is-tr [data-rx-lang-code="tr"], .rx-language.is-en [data-rx-lang-code="en"] { color: var(--rx-header-text); opacity: 1; } .rx-language.is-tr [data-rx-lang-code="tr"]::after, .rx-language.is-en [data-rx-lang-code="en"]::after { opacity: 1; transform: scaleX(1); } .rx-language [data-rx-lang-code]:hover, .rx-language [data-rx-lang-code]:focus-visible { color: var(--rx-header-orange); opacity: 1; outline: 0; } .rx-site-header.is-scrolled .rx-language [data-rx-lang-code], .rx-site-header.is-menu-open .rx-language [data-rx-lang-code] { color: rgba(255, 255, 255, 0.48); } .rx-site-header.is-scrolled .rx-language.is-tr [data-rx-lang-code="tr"], .rx-site-header.is-scrolled .rx-language.is-en [data-rx-lang-code="en"], .rx-site-header.is-menu-open .rx-language.is-tr [data-rx-lang-code="tr"], .rx-site-header.is-menu-open .rx-language.is-en [data-rx-lang-code="en"] { color: #fff; opacity: 1; } .rx-header-cta { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 142px; height: 54px; padding: 0 16px; border: 1px solid var(--rx-header-orange); border-radius: 20px; background: var(--rx-header-orange); color: var(--rx-header-dark); font: 700 11px/1 Inter, sans-serif; text-decoration: none; transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease; } .rx-header-cta span { display: grid; gap: 2px; text-align: center; } .rx-header-cta span b, .rx-header-cta span em { display: block; font-style: normal; line-height: 1; } .rx-header-cta span b { color: var(--rx-header-dark); font-size: 13px; } .rx-header-cta span em { color: rgba(7, 11, 15, 0.8); font-size: 9px; letter-spacing: 0.035em; text-transform: uppercase; } .rx-header-cta:hover, .rx-header-cta:focus-visible { border-color: #ff7a32; background: #ff7a32; color: var(--rx-header-dark); transform: translateY(-1px); outline: 0; } .rx-site-header.is-scrolled .rx-header-cta, .rx-site-header.is-menu-open .rx-header-cta { border-color: rgba(255, 106, 26, 0.8); background: var(--rx-header-dark); color: #fff; } .rx-site-header.is-scrolled .rx-header-cta span b, .rx-site-header.is-menu-open .rx-header-cta span b { color: var(--rx-header-orange); } .rx-site-header.is-scrolled .rx-header-cta span em, .rx-site-header.is-menu-open .rx-header-cta span em { color: rgba(255, 255, 255, 0.82); } .rx-site-header.is-scrolled .rx-header-cta:hover, .rx-site-header.is-scrolled .rx-header-cta:focus-visible, .rx-site-header.is-menu-open .rx-header-cta:hover, .rx-site-header.is-menu-open .rx-header-cta:focus-visible { border-color: var(--rx-header-orange); background: var(--rx-header-orange); color: var(--rx-header-dark); } .rx-site-header.is-scrolled .rx-header-cta:hover span b, .rx-site-header.is-scrolled .rx-header-cta:hover span em, .rx-site-header.is-scrolled .rx-header-cta:focus-visible span b, .rx-site-header.is-scrolled .rx-header-cta:focus-visible span em, .rx-site-header.is-menu-open .rx-header-cta:hover span b, .rx-site-header.is-menu-open .rx-header-cta:hover span em { color: var(--rx-header-dark); } .rx-menu-toggle, .rx-menu-close { display: none; } .rx-mobile-menu { position: fixed; inset: 0; z-index: 400; visibility: hidden; pointer-events: none; } .rx-mobile-menu::before { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.48); opacity: 0; content: ""; transition: opacity 300ms ease; } .rx-mobile-menu__panel { position: absolute; top: 0; right: 0; width: min(430px, 100%); height: 100%; overflow-y: auto; padding: 24px; border-left: 1px solid rgba(255, 255, 255, 0.1); background: #080d14; opacity: 0; transform: translateX(100%); transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1), opacity 300ms ease; } .rx-mobile-menu.is-open { visibility: visible; pointer-events: auto; } .rx-mobile-menu.is-open::before { opacity: 1; } .rx-mobile-menu.is-open .rx-mobile-menu__panel { opacity: 1; transform: translateX(0); } .rx-mobile-menu__top, .rx-mobile-menu__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .rx-mobile-menu__top { margin-bottom: 34px; } .rx-mobile-menu__top span { color: #fff; font: 800 18px/1 Inter, sans-serif; } .rx-menu-close { position: relative; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); cursor: pointer; } .rx-menu-close::before, .rx-menu-close::after { position: absolute; top: 22px; left: 13px; width: 20px; height: 2px; background: #fff; content: ""; } .rx-menu-close::before { transform: rotate(45deg); } .rx-menu-close::after { transform: rotate(-45deg); } .rx-mobile-nav { display: grid; gap: 2px; } .rx-mobile-nav__toggle, .rx-mobile-nav__link { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background: transparent; color: #fff; font: 700 clamp(26px, 7vw, 32px)/1.05 "Archivo Narrow", Inter, sans-serif; text-align: left; text-decoration: none; cursor: pointer; } .rx-mobile-nav__toggle::after { width: 11px; height: 11px; border-right: 2px solid var(--rx-header-orange); border-bottom: 2px solid var(--rx-header-orange); transform: rotate(45deg); content: ""; transition: transform 200ms ease; } .rx-mobile-nav__toggle[aria-expanded="true"]::after { transform: rotate(225deg); } .rx-mobile-nav__panel { display: grid; max-height: 0; overflow: hidden; padding: 0; opacity: 0; transition: max-height 300ms ease, opacity 240ms ease, padding 240ms ease; } .rx-mobile-nav__panel.is-open { max-height: 520px; padding: 10px 0 18px; opacity: 1; } .rx-mobile-nav__panel a { display: flex; align-items: center; min-height: 47px; color: rgba(255, 255, 255, 0.72); font: 600 16px/1.25 Inter, sans-serif; text-decoration: none; } .rx-mobile-nav__panel a:hover, .rx-mobile-nav__panel a:focus-visible, .rx-mobile-nav__link:hover, .rx-mobile-nav__link:focus-visible { color: var(--rx-header-orange); outline: 0; } .rx-mobile-menu__foot { margin-top: 34px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .rx-mobile-service { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 16px; border: 1px solid var(--rx-header-orange); background: var(--rx-header-orange); color: #111; font: 800 13px/1 Inter, sans-serif; text-decoration: none; } @media (max-width: 1650px) and (min-width: 1181px) { .rx-site-header__bar { width: calc(100% - 32px); gap: 7px; } .rx-brand { width: 248px; height: 52px; } .rx-brand__mark { flex-basis: 49px; width: 49px; height: 49px; } .rx-brand .rx-brand__logo { height: 52px; max-height: 52px; } .rx-brand__logo--scrolled { inset: 0 0 0 54px; height: 52px; max-height: 52px; } .rx-primary-nav__list { gap: 2px; } .rx-nav-link { padding-inline: 5px; font-size: 11.5px; } .rx-header-actions { gap: 7px; padding-left: 7px; } .rx-header-micro { padding-right: 8px; font-size: 10.5px; } .rx-header-cta { min-width: 126px; height: 48px; padding-inline: 11px; } } @media (max-width: 1380px) and (min-width: 1181px) { .rx-brand { width: 225px; } .rx-brand__mark { flex-basis: 46px; width: 46px; height: 46px; } .rx-brand .rx-brand__logo { height: 48px; max-height: 48px; } .rx-brand__logo--scrolled { left: 51px; height: 48px; max-height: 48px; } .rx-header-micro { display: none; } .rx-primary-nav__list { gap: 0; } .rx-nav-link { padding-inline: 4px; font-size: 11px; } .rx-header-cta { min-width: 118px; padding-inline: 9px; } .rx-header-cta span em { display: none; } } @media (max-width: 1180px) { .rx-primary-nav { display: none; } .rx-site-header, .rx-site-header.is-scrolled, .rx-site-header.is-menu-open { padding: 0; } .rx-site-header__bar, .rx-site-header.is-scrolled .rx-site-header__bar { width: calc(100% - 32px); min-height: 62px; gap: 8px; } .rx-brand { flex: 1 1 auto; width: clamp(150px, 30vw, 182px); height: 32px; min-width: 0; padding: 0; } .rx-brand__mark { display: none; } .rx-brand .rx-brand__logo, .rx-brand__logo--scrolled { height: 100%; max-height: 100%; } .rx-brand__logo--scrolled { inset: 0; } .rx-header-micro { display: none; } .rx-language:not(.rx-language--mobile) { display: none; } .rx-header-actions { flex: 0 0 auto; min-width: 0; gap: 8px; padding-left: 0; border-left: 0; } .rx-header-cta { min-width: 0; height: 36px; padding: 0 10px; font-size: 10px; } .rx-header-cta span em { display: none; } .rx-menu-toggle { display: inline-flex; flex: 0 0 38px; width: 38px; min-width: 38px; max-width: 38px; height: 38px; min-height: 38px; max-height: 38px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; appearance: none; -webkit-appearance: none; line-height: 1; cursor: pointer; } .rx-menu-toggle::before, .rx-menu-toggle::after { content: none; } .rx-menu-toggle span { display: block; flex: 0 0 2px; width: 18px; height: 2px; margin: 0; padding: 0; border: 0; border-radius: 999px; background: #101820; transition: transform 200ms ease, background-color 200ms ease; } .rx-site-header.is-scrolled .rx-menu-toggle, .rx-site-header.is-menu-open .rx-menu-toggle { border: 0; background: transparent; box-shadow: none; } .rx-site-header.is-scrolled .rx-menu-toggle span, .rx-site-header.is-menu-open .rx-menu-toggle span { background: #fff; } .rx-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); } .rx-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); } .rx-menu-close { display: inline-flex; flex: 0 0 36px; width: 36px; min-width: 36px; height: 36px; min-height: 36px; margin: 0; padding: 0; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.035); box-shadow: none; appearance: none; -webkit-appearance: none; } .rx-menu-close::before, .rx-menu-close::after { top: 17px; left: 10px; width: 16px; } .rx-mobile-menu__panel { width: min(360px, 100%); padding: 16px; } .rx-mobile-menu__top { margin-bottom: 14px; } .rx-mobile-menu__top span { font-size: 16px; } .rx-mobile-nav { gap: 0; } .rx-mobile-nav__toggle, .rx-mobile-nav__link { min-height: 42px; padding: 0; font: 700 clamp(20px, 4vw, 24px)/1.08 "Archivo Narrow", Inter, sans-serif; } .rx-mobile-nav__toggle::after { width: 8px; height: 8px; border-right-width: 1.5px; border-bottom-width: 1.5px; } .rx-mobile-nav__panel.is-open { max-height: 430px; padding: 3px 0 8px; } .rx-mobile-nav__panel a { min-height: 34px; font-size: 12px; line-height: 1.2; } .rx-mobile-menu__foot { gap: 12px; margin-top: 12px; padding-top: 12px; } .rx-language.rx-language--mobile { height: 34px; gap: 5px; font-size: 11px; } .rx-mobile-service { min-height: 36px; padding: 0 11px; font-size: 10px; } } @media (max-width: 560px) { .rx-site-header__bar, .rx-site-header.is-scrolled .rx-site-header__bar { width: calc(100% - 20px); min-height: 56px; gap: 6px; } .rx-brand { width: clamp(138px, 44vw, 164px); height: 29px; } .rx-header-actions { gap: 4px; } .rx-header-cta { display: none; } .rx-menu-toggle { flex-basis: 34px; width: 34px; min-width: 34px; max-width: 34px; height: 34px; min-height: 34px; max-height: 34px; } .rx-menu-toggle span { width: 17px; } .rx-mobile-menu__panel { width: min(340px, 100%); padding: 14px 16px 16px; } .rx-mobile-menu__top { margin-bottom: 10px; } .rx-mobile-menu__top span { font-size: 15px; } .rx-menu-close { flex-basis: 34px; width: 34px; min-width: 34px; height: 34px; min-height: 34px; } .rx-menu-close::before, .rx-menu-close::after { top: 16px; left: 9px; width: 16px; } .rx-mobile-nav__toggle, .rx-mobile-nav__link { min-height: 40px; font-size: clamp(19px, 5.2vw, 22px); } .rx-mobile-nav__panel a { min-height: 31px; font-size: 11.5px; } .rx-mobile-menu__foot { flex-wrap: wrap; margin-top: 10px; padding-top: 10px; } .rx-language.rx-language--mobile { height: 32px; font-size: 10px; } .rx-mobile-service { min-height: 34px; padding-inline: 10px; font-size: 10px; } } body.robexmer-ui-page .rx-hero { margin-top: 0 !important; } body.robexmer-ui-page .rx-hero::before { top: clamp(58px, 5.2vh, 72px); } body.robexmer-ui-page .rx-hero__layout { padding-top: clamp(92px, 9vh, 112px); } @media (prefers-reduced-motion: reduce) { .rx-site-header, .rx-site-header__bar, .rx-brand .rx-brand__logo, .rx-nav-link, .rx-nav-link::before, .rx-dropdown, .rx-mega, .rx-dropdown a, .rx-mega a, .rx-header-cta, .rx-mobile-menu::before, .rx-mobile-menu__panel, .rx-mobile-nav__toggle::after, .rx-mobile-nav__panel { transition: none; } }