/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

body.menu-open .mobile-header {
  display: none !important;
}

.mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  z-index: 9999;
}

.mobile-header-logo {
  height: 50px;
}

.mobile-slideout.open ~ .hamburger-menu {
  display: none !important;
}

.mobile-slideout.open ~ .mobile-header {
  display: none !important;
}

.hamburger-menu {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 30px;
  cursor: pointer;
  z-index: 9999;
}

.hamburger-menu span {
  height: 3px;
  width: 100%;
  background: white;
  display: block;
}

/* Slideout left menu */
.mobile-slideout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: black;
  z-index: 9998;
  padding: 2rem 1rem 1rem 1rem;
  display: none;
  flex-direction: column;
}

.mobile-slideout.open {
  display: flex;
}

.mobile-slideout__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-logo {
  height: 60px;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2rem;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10000;
}

.mobile-slideout__nav {
  list-style: none;
  padding: 0;
  margin-top: 2rem;
  gap: 1.2rem;
  display: flex;
  flex-direction: column;
}

.mobile-slideout__nav li::before,
.mobile-slideout__nav li::marker {
  content: none !important;
  display: none !important;
}

.mobile-slideout__nav li {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.mobile-slideout__nav a {
  display: block;
  width: 100%;
  padding: 1.2rem 0;
  color: white;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.mobile-slideout__nav a:hover {
  color: #ff00d4;
  border-bottom: 2px solid #ff00d4;
  background-color: transparent;
}

li[aria-controls="main_content-dnd_partial-4-module-1-1"]::before,
li[aria-controls="main_content-dnd_partial-4-module-1-1"]::after,
li[aria-controls="main_content-dnd_partial-4-module-1-2"]::before,
li[aria-controls="main_content-dnd_partial-4-module-1-2"]::after,
li[aria-controls="main_content-dnd_partial-4-module-1-3"]::before,
li[aria-controls="main_content-dnd_partial-4-module-1-3"]::after,
li[aria-controls="main_content-dnd_partial-4-module-1-4"]::before,
li[aria-controls="main_content-dnd_partial-4-module-1-4"]::after {
  display: none !important;
  content: none !important;
}

/* Responsive rule */
@media (max-width: 1024px) {
  .hamburger-menu {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    background: none;
    padding: 0;
    border-radius: 0;
  }

  .page-nav__links--mobile,
  .page-nav__links--desktop,
  .logos__list {
    display: none !important;
  }

  .mobile-slideout {
    padding-top: 70px; 
  }
}

@media (min-width: 1025px) {
  .hamburger-menu {
    display: none !important;
  }
  
  .mobile-header {
    display: none !important;
  }

  .mobile-slideout {
    display: none !important;
  }
}
:root {
  --button-text-link-underline: #ff00d4 !important;
  --accent-hover-color: #ff00d4 !important;
  --eyebrow-accent-color: #ff00d4 !important;
  --footer-menu-hover: #ff00d4 !important;
}

.button.button--text-link {
  text-decoration-color: #ff00d4 !important;
  -webkit-text-decoration-color: #ff00d4 !important;
}

.button.button--text-link:hover {
  color: #ff00d4 !important;
  text-decoration-color: #ff00d4 !important;
  -webkit-text-decoration-color: #ff00d4 !important;
}

.card-tag__part:not(:last-child):after,
.eyebrow__part:not(:last-child):after {
  color: #ff00d4 !important;
}

.site-footer .hs-menu-wrapper .hs-menu-item a:hover,
.site-footer .hs-menu-wrapper .hs-menu-item a:focus-visible {
  color: #ff00d4 !important;
}


.icon-wrapper--enclosed a.icon:hover {
  background-color: #ff00d4 !important;
  color: #fff !important;
}

.icon-wrapper--enclosed a.icon:hover svg {
  color: #fff !important; /* o negro si preferís contraste */
  fill: #fff !important;
}

@media (min-width: 768px) {
    .hs-content-id-193599466258 p.eyebrow {
      margin-top: 150px !important;
    }