/* Layout */
body.nav-open {
	overflow: hidden;
}

.header__container 
	--topNavXSpacing: 0.825rem;
	--topNavYSpacing: 0.75rem;
	--desktopNavXSpacing: 0.825rem;
	--desktopNavYSpacing: 2rem;
	--mobileNavXSpacing: 0;
	--mobileNavYSpacing: 0.75rem;
	--mobileMenuXSpacing: 1rem;
	--mobileMenuYSpacing: 0.5rem;
	--dropdownWidth: 230px;
	--dropdownYSpacing: 1.5rem;
	--dropdownXSpacing: 2rem;
	--dropdownLinkSpacing: 0.5rem;
	position: relative;
	width: 100%;
	z-index: 12;
	box-shadow: 15px 25px 60px rgba(0, 0, 0, 0);
	transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out;
}

.header__container[data-topbar-fixed=true] .header__bottom {
	width: 100%;
	z-index: 12;
	box-shadow: 15px 25px 60px rgba(0, 0, 0, 0);
	transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out;
}

.header__container[data-fixed='true'].header-scroll[data-topbar-fixed=false],
.header__container[data-fixed='true'].header-scroll[data-topbar-fixed=true] .header__bottom,
.header__container.scroll-up.header-scroll[data-topbar-fixed=false] {
	position: fixed;
}

.header__container[data-fixed='true'][data-scroll='true'].header-scroll[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].header-scroll[data-topbar-fixed=true] .header__bottom {
	top: -100%;
}

.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].scroll-down[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=true] .header__bottom,
.header__container[data-fixed='true'][data-scroll='true'].scroll-down[data-topbar-fixed=true] .header__bottom {
	top: -100%;
	transition: top 500ms ease-in-out, background 200ms ease;
}

.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='false'][data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=true] .header__bottom,
.header__container[data-fixed='true'][data-scroll='false'][data-topbar-fixed=true] .header__bottom {
	top: 0;
}

.header__container[data-transparent='true'] {
	position: absolute;
	top: 0;
}

.header__container[data-topbar-fixed=true] .header__top {
	display: block;
	transform: translateY(0);
}

.header__container.header-scroll[data-topbar-fixed=true] .header__top {
	transform: translateY(-100%);
	display: none;
}

.header__wrapper {
	display: flex;
	margin: 0 auto;
	align-items: center;
}

.header__menu--top {
	display: flex;
	width: 100%;
	position: relative;
	z-index: 101;
	align-items: center;
}

.header__wrapper--top:not([data-length='1']) .header__menu--top .header__menu--top {
	width: auto;
}

.header__menu--align-justify .header__menu--top {
	justify-content: space-between;
}

.header__menu--align-center .header__menu--top {
	justify-content: center;
}

.header__menu--align-right .header__menu--top,
.header__menu--align-justify[data-length='1'] .header__menu--top {
	justify-content: flex-end;
}

.header__menu--align-justify[data-length='1'][data-icons-position='left'] .header__menu--top,
.header__menu--align-justify[data-length='1'][data-icons-position='right'] .header__menu--top {
	justify-content: space-between;
}

.header__container[data-layout='desktop'] .header__logo-col {
	margin: calc(var(--desktopNavYSpacing) / 1.55) 0;
}

.header__button-col {
	margin: calc(var(--desktopNavYSpacing) / 2) 0;
	margin-left: var(--desktopNavXSpacing);
}

.header__search-col {
	margin: calc(var(--desktopNavYSpacing) / 2) 0;
	margin-left: calc(var(--desktopNavXSpacing) / 2);
}

.header__container--left .header__search-col.buttons-false {
	margin-left: var(--desktopNavXSpacing);
}

/* Language switcher */

.header__menu-item--language-switcher .header__menu-submenu {
	padding: 0.5rem 0;
	width: fit-content;
	overflow: hidden;
}

/* Logo */

.header__logo img {
	height: auto;
	max-width: 100%;
}

.header__container[data-fixed='true'].header-scroll .header__logo-default.logo-hide,
.header__logo-image.header__logo-scroll {
	display: none;
}

.header__container[data-fixed='true'].header-scroll .header__logo-image.header__logo-scroll {
	display: block;
}

/* Menu */

.header__menu-container--mobile {
	display: none;
}

.header__menu--mobile {
	position: fixed;
	z-index: 99;
	top: var(--navHeight);
	right: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	overflow: hidden scroll;
	padding: calc(var(--mobileMenuYSpacing) * 3) 0;
	border-top: 1px solid #eaeaea;
}

.header__menu-link,
.header__menu-item svg,
.header__menu-item svg g,
.header__menu-item svg path {
	transition: color, fill 0.25s ease-in-out;
}

/* Menu items */

.header__menu-item {
	position: relative;
	display: inline-flex;
	align-items: center;
}

/* Menu items - top level */
.has-next-false {
	margin: 0 calc(var(--topNavXSpacing) * -1);
}

.header__menu--desktop:not(.header__menu--top) .header__menu-item--depth-1>.header__menu-link {
	padding-top: var(--desktopNavYSpacing);
	padding-bottom: var(--desktopNavYSpacing);
	padding-left: var(--desktopNavXSpacing);
	padding-right: var(--desktopNavXSpacing);
}

.header__menu--top .header__menu-item--depth-1>.header__menu-link {
	padding-top: var(--topNavYSpacing);
	padding-bottom: var(--topNavYSpacing);
	padding-left: var(--topNavXSpacing);
	padding-right: var(--topNavXSpacing);
	opacity: 1;
	transition: opacity 0.15s ease-in-out;
	will-change: transform, opacity;
}

.header__menu--top .header__menu-item--depth-1>.header__menu-link:hover {
	opacity: 0.75;
}

.header__menu.header__menu--top>div:first-child>ul:first-child>li:first-child>a,
.header__menu.header__menu--top>div:first-child>ul:first-child>li:first-child>button {
	padding-left: 0;
}

.header__menu.header__menu--top>div:last-child>ul:last-child>li:last-child>a,
.header__menu.header__menu--top>div:last-child>ul:last-child>li:last-child>button {
	padding-right: 0;
}

/*  Top bar - announcement */
.header__menu-announcement a {
	color: inherit;
	text-decoration: underline;
}

.header__menu-announcement a:hover {
	color: inherit;
	text-decoration: underline;
	opacity: 0.65;
}

.header__menu-announcement :last-child {
	margin-bottom: 0;
}

/*  Top bar - menu */

.top-bar-mobile {
	margin-top: var(--mobileMenuYSpacing);
}

/* Menu items - submenus */

.header__menu-submenu {
	position: absolute;
	z-index: 99;
	top: 95%;
	left: 0;
	width: var(--dropdownWidth);
	text-align: left;
	border-radius: 0px 0px 4px 4px;
	padding: var(--dropdownYSpacing) 0;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
	visibility: hidden;
	opacity: 0;
}

.header__menu-item--open>.header__menu-submenu {
	visibility: visible;
	opacity: 1;
}

.header__menu-item--depth-1:last-child>.header__menu-submenu {
	right: 0;
	left: auto;
}

.header__menu-submenu--level-3 {
	top: calc((var(--dropdownYSpacing) * -1) - var(--border-size));
	left: 100%;
}

.header__menu--top .header__menu-submenu {
	padding: calc(var(--dropdownYSpacing) * 0.5) 0;
	width: calc(var(--dropdownWidth) / 1.5);
}

.header__menu--top .header__menu-submenu .header__menu-link {
	padding: var(--dropdownLinkSpacing) calc(var(--dropdownXSpacing) * 0.5);
}

.header__menu--top .header__menu-submenu--level-3 {
	top: calc(((var(--dropdownYSpacing) * 0.5) * -1) - var(--border-size));
	left: 100%;
}

.header__menu-item--depth-1:nth-last-child(-n + 2) .header__menu-submenu--level-3 {
	top: 0;
	right: 100%;
	left: auto;
}

.header__menu-submenu .header__menu-item {
	width: 100%;
	background-color: inherit;
}

.header__menu-submenu .header__menu-link {
	display: inline-flex;
	flex: 1;
	align-items: center;
	padding: var(--dropdownLinkSpacing) var(--dropdownXSpacing);
}

.header__menu-back svg {
	margin-right: 10px;
}

/* Menu icons */

.header__container[data-layout='desktop'] .header__menu-submenu .header__menu-child-toggle {
	margin-left: auto;
}

.header__menu-submenu .header__menu-child-toggle {
	transform: rotate(-90deg);
}

.header__menu-child-toggle {
	margin-left: 0.35rem;
}

.header__top-menu .header__menu-child-toggle {
	margin-left: 2px;
}

.header__menu-toggle {
	display: none;
}

.header__menu-toggle svg {
	width: 26px;
}

/* Search */

.hs-search-field__desktop .hs-search-field__input {
	width: 400px !important;
	border: none !important;
	height: 46px !important;
	max-width: none !important;
	min-height: 46px !important;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 1;
}

.header__container[data-layout='desktop'] .hs-search-field__form .btn-wrapper,
.header__container[data-layout='desktop'] .hs-search-field__form button {
	padding: 0;
	width: 100%;
	justify-content: center;
	text-align: center;
}

.search--icon {
	position: relative;
	z-index: 1;
	border-color: transparent !important;
}

.hs-search-field__mobile {
	margin-top: var(--mobileMenuYSpacing);
	padding: var(--mobileMenuYSpacing) var(--mobileMenuXSpacing);
}

.hs-search-field__mobile form {
	position: relative;
}

.hs-search-field__mobile .btn-wrapper {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	display: flex;
	align-items: center;
}

.hs-search-field__mobile .btn-wrapper .cta-button {
	padding: 0 10px 0 15px;
	min-height: 100%;
}

.hs-search-field__mobile input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']) {
	padding-left: 38px;
	border: none;
}

.header__container .cta-group,
.header__container .header__menu-col {
	opacity: 1;
	transition-delay: 0.25s;
	transition: opacity 0.15s ease-in-out;
	will-change: opacity;
}

.header__menu-col.m-left-auto {
	margin-left: calc(var(--desktopNavXSpacing) * 2);
}

.header__container.search-open .cta-group,
.header__container.search-open .header__menu-col {
	opacity: 0;
}

.header__container[data-layout='desktop'] .header__wrapper {
	position: relative;
}

.header__container[data-layout='desktop'] .search {
	z-index: 2;
	width: 46px;
	height: 46px;
	position: relative;
}

.header__container[data-layout='desktop'] .closed .hs-search-field__input {
	padding: 0 !important;
	opacity: 0;
	width: 100% !important;
}

.header__container[data-layout='desktop'] .closed .hs-search-field__input::placeholder {
	color: transparent;
}

/* Social Icons */
.header__container .sr-social {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	align-items: center;
	display: inline-flex;
	gap: 6px;
}

.header__container .sr-social.p-left {
	margin-right: calc(var(--topNavXSpacing) * 0.5);
}

.header__container .sr-social.p-center {
	margin: calc(var(--topNavXSpacing) * 0.5);
}

.header__container .sr-social.p-right {
	margin-left: calc(var(--topNavXSpacing) * 0.5);
}

.header__container .sr-social a {
	opacity: 1;
	display: inline-flex;
	transition: opacity 0.25s ease-in-out;
	will-change: opacity;
}

.header__container .sr-social a:hover {
	opacity: 0.75;
}

.header__container .sr-social svg {
	color: var(--f);
	fill: var(--f);
}

.header__container .icon-bg {
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: var(--b);
	height: var(--h);
	width: var(--w);
}

/* button reset */
.no-button {
	background: none;
	border: none;
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin-bottom: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
}

/* Skip to content button */
.skip-main {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
}

.skip-main:focus,
.skip-main:active {
	left: 0;
	top: 10px;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 10px;
	border-radius: 100px;
	text-align: center;
	font-size: 1.2em;
	z-index: 999;
	width: 300px;
	right: 0;
}

.header__container[data-layout='desktop'] .m-left-auto {
	margin-right: auto;
}

.header__container[data-layout='desktop'] .m-right-auto {
	margin-left: auto;
}

.header__container[data-layout='desktop'] .m-center-auto {
	margin-left: auto;
	margin-right: auto;
}

/* Mega Menu */
.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] {
	position: static;
}

.header__container[data-layout='desktop'] [data-mega='true'] .header__menu-submenu .header__menu-item {
	margin: 1px;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-item--depth-2 {
	display: block;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-submenu--level-2 {
	display: flex;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-submenu {
	width: 100%;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-submenu--level-2>.header__menu-item:not(:first-child) {
	border-left: 1px solid #e5e7ea;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-submenu--level-3 {
	position: static;
	border: none !important;
	padding: 0;
	box-shadow: none;
	opacity: 1;
	transition: none;
	visibility: hidden;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'].header__menu-item--open .header__menu-submenu--level-3 {
	visibility: visible;
	opacity: 1;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-submenu button.header__menu-link {
	width: 100%;
	font-weight: bold !important;
	cursor: auto;
}

.header__container[data-layout='desktop'] [data-mega='true'] .header__menu-item--depth-2 .header__menu-child-toggle {
	display: none;
}

/* Mobile menu */
.header__container[data-layout='mobile'] .header__top:not(.header__top-announcement) {
	display: none;
}

.header__container[data-layout='mobile'] .header__bottom {
	padding: var(--mobileNavYSpacing) var(--mobileNavXSpacing);
}

.header__container[data-layout='mobile'] .header__logo-col {
	padding-right: 2rem;
}

.header__container[data-layout='mobile'] .header__menu--desktop {
	display: none;
}

.header__container[data-layout='mobile'] .header__menu-col {
	margin-left: auto;
}

.header__container[data-layout='mobile'] .header__menu-container--mobile {
	display: block;
}

.header__container[data-layout='mobile'] .header__menu--show {
	display: block;
}

.header__container[data-layout='mobile'] .header__menu-item {
	width: 100%;
	text-align: left;
	position: static;
	justify-content: space-between;
}

.header__container[data-layout='mobile'] .header__menu-link {
	width: 100%;
	padding: var(--mobileMenuYSpacing) var(--mobileMenuXSpacing);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header__container[data-layout='mobile'] .header__menu-submenu--level-2>li {
	margin-bottom: calc(var(--mobileMenuYSpacing) * 2);
}

.header__container[data-layout='mobile'] .header__menu-back {
	background: none;
	border: none;
	justify-content: start;
}

.header__container[data-layout='mobile'] .header__menu-item--button {
	padding: var(--mobileMenuYSpacing) var(--mobileMenuXSpacing);
}

.header__container[data-layout='mobile'] .header__menu-submenu .header__menu-item {
	padding: 0;
}

.header__container[data-layout='mobile'] .header__menu-submenu,
.header__container[data-layout='mobile'] .header__menu-submenu--level-3,
.header__container[data-layout='mobile'] .header__menu-item--depth-1:nth-last-child(-n + 2) .header__menu-submenu--level-3 {
	position: static;
	width: 100%;
	border: none;
}

.header__container[data-layout='mobile'] .header__menu-submenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(100%);
	transition: all 300ms;
	z-index: 3;
	visibility: hidden;
	opacity: 0;
}

.header__container[data-layout='mobile'] .header__menu-item--open>.header__menu-submenu {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}

.header__container[data-layout='mobile'] .header__menu-child-toggle svg {
	margin-left: 0;
}

.header__container[data-layout='mobile'] .header__menu-child-toggle {
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	transition: transform 0.4s;
	will-change: transform;
}

.header__container[data-layout='mobile'] .header__menu-toggle--show {
	display: block;
}

.header__container[data-layout='mobile'] .hidden-phone {
	display: none !important;
}

.header__container[data-layout='mobile'] .header__menu-container--mobile .cta-group {
	flex-direction: column;
	align-items: flex-start;
}

[data-layout='desktop'] .logo_mobile,
.header__container[data-fixed='true'][data-layout='desktop'].header-scroll .header__logo-image.header__logo-scroll.logo_mobile,
.header__container[data-fixed='true'][data-layout='mobile'].header-scroll .header__logo-image.header__logo-scroll:not(.logo_mobile),
[data-layout='mobile'] [data-mobile='true'] .header__logo-image:not(.logo_mobile) {
	display: none;
}

.beyond-hero2__title{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 300;              /* más finita */
  letter-spacing: 0.06em;        /* look premium */
  text-transform: uppercase;
}
.beyond-hero2__title span:nth-child(2){
  font-weight: 600;              /* “BEYOND” con más fuerza */
  letter-spacing: 0.03em;
}


/* Logo top - efecto blanquecino (badge) */
.beyond-hero2__logo{
  height: clamp(4.5rem, 4.4vh, 46px);
  width:auto;
  pointer-events:auto;

  /* el logo queda más limpio sobre fondo oscuro */
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.35);

  box-shadow:
    0 16px 34px rgba(0,0,0,.35),
    0 0 0 1px rgba(17,35,105,.10);

  /* opcional: un poquito más suave */
  filter: saturate(1.05) contrast(1.05);
}

/* Para que no se deforme el PNG dentro del "badge" */
.beyond-hero2__top{
  pointer-events:none;
}

#beyond-hero2 .beyond-hero2__title,
#beyond-hero2 .beyond-hero2__title span{
  color: #20ade6 !important;
}


/* ===== Dropdowns debajo de banderas (namespaced) ===== */
#beyond-hero2 .beyond-hero2__ddRow{
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  flex-wrap: wrap;
}

#beyond-hero2 .heroDD{
  position: relative;
}

#beyond-hero2 .heroDD__btn{
  appearance: none;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  border-radius: 999px;
  padding: 12px 16px;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .01em;
  color: rgba(255,255,255,.94);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 55px rgba(0,0,0,.30);

  transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

#beyond-hero2 .heroDD__btn:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.32);
  box-shadow: 0 26px 70px rgba(0,0,0,.38);
}

#beyond-hero2 .heroDD__chev{
  width: 10px; height: 10px;
  border-right: 2px solid rgba(255,255,255,.78);
  border-bottom: 2px solid rgba(255,255,255,.78);
  transform: rotate(45deg);
  transition: transform .2s ease;
}

/* Panel */
#beyond-hero2 .heroDD__panel{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;

  min-width: 240px;
  padding: 10px;

  border-radius: 18px;
  background: rgba(10,14,28,.72);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 26px 80px rgba(0,0,0,.45);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;

  transition: opacity .18s ease, transform .18s ease;
  z-index: 30;
}

#beyond-hero2 .heroDD__panel--right{
  left: auto;
  right: 0;
}

/* Links sin subrayado */
#beyond-hero2 .heroDD__link{
  display: block;
  text-decoration: none !important;
  border-bottom: 0 !important;

  padding: 10px 12px;
  border-radius: 12px;

  color: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;

  transition: background .15s ease, transform .15s ease;
}

#beyond-hero2 .heroDD__link:hover{
  background: rgba(255,255,255,.10);
  transform: translateX(2px);
}

/* Abierto */
#beyond-hero2 .heroDD.is-open .heroDD__panel{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#beyond-hero2 .heroDD.is-open .heroDD__chev{
  transform: rotate(225deg);
}

/* Mobile: se apilan y el panel se vuelve “inline” (más fácil de usar) */
@media (max-width: 560px){
  #beyond-hero2 .beyond-hero2__ddRow{
    flex-direction: column;
    align-items: center;
  }
  #beyond-hero2 .heroDD__btn{
    width: min(420px, 100%);
    justify-content: space-between;
  }

  #beyond-hero2 .heroDD__panel,
  #beyond-hero2 .heroDD__panel--right{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: min(420px, 100%);
    margin-top: 10px;
  }
}

/* ===== FIX Desktop: que el dropdown no toque la siguiente sección ===== */
@media (min-width: 561px){
  /* Más aire general abajo del hero */
  #beyond-hero2 .beyond-hero2__content{
    padding-bottom: 110px; /* antes 60px; ajustá 90–140 según gusto */
  }

  /* Si hay un dropdown abierto, reservamos “altura” extra */
  #beyond-hero2.has-dd-open .beyond-hero2__content{
    padding-bottom: 190px; /* suma espacio para el panel */
  }

  /* Asegura que el panel quede por arriba visualmente */
  #beyond-hero2{
    z-index: 20;
  }
  #beyond-hero2 .heroDD__panel{
    z-index: 60;
  }
}