/** Shopify CDN: Minification failed

Line 1072:1 Expected "}" to go with "{"

**/
/* HEADER WHITE HOVER SCROLL */
.white_count{
  color: white !important;
}
.sub_menu_items {
  color: black !important;
}

.scrolled-past-header .header-wrapper,
.header-wrapper:hover {
  background: white !important;
}

.header-wrapper {
  background: transparent;
}

.scrolled-past-header  .white_items,
.scrolled-past-header summary .icon-caret,
.scrolled-past-header .header__icon,
.scrolled-past-header .header__menu-item,
.scrolled-past-header .localization-selector.link,
.header-wrapper:hover .header__icon,
.header-wrapper:hover summary .icon-caret,
.header-wrapper:hover .white_items, 
.header-wrapper:hover .header__menu-item,
.header-wrapper:hover .localization-selector.link {
  color: black !important;
}
/* END HEADER WHITE HOVER SCROLL */

/* VIDEO SECTION */
.media>video{
  object-fit: cover;
  object-position: center center;
}
/*  END VIDEO SECTION */

/* COMPLEMENTARY PRODUCTS */

.TPD-complementary--list{
  display: flex;
  flex-direction: row !important;
}

@media screen and (min-width:996px) {
  .TPD-complementary--list .complementary-slide{
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3) !important;
    width: 33% !important;
  }
  product-recommendations .slider-buttons{
    display: none !important;
  }
}

@media screen and (max-width:995px) {
  .TPD-complementary--list .complementary-slide{
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2) !important;
    width: 50% !important;
  }
}

/* END COMPLEMENTARY PRODUCTS */

/* QUICK ADD */

.product-card-wrapper:hover .quick-add , .product-card-wrapper:hover .quick-add__variants{
  opacity: 1;
  z-index: 2 !important;
}

.quick-add{
  opacity: 0;
  height: 25px;
  margin-top: -35px !important;
  transition: all .5s ease-in-out;
  padding-bottom: 20px;
}

.quick-add__variants{
  opacity: 0;
  margin-top: -65px !important;
  transition: all .5s ease-in-out;
  background-color: rgba(255, 255, 255, 0.5);
  min-height: 60px;
}

.quick-add_button{
  width: 100%;
  max-width: 100%;
  min-height: 35px !important;
  max-height: 35px !important;
  font-size: 1rem;
}

.quick-add_accordion{
  width: 100%;
}

.quick-add_variants--form{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  gap: 0;
  box-shadow: 0px -3px 20px -8px rgba(0, 0, 0, 0.302);
}

.variant--quick__add-button{
  width: calc(25% - .5rem);
  margin-right: .5rem;
  height: 3rem;
  border: none;
  background: transparent; 
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .1s ease-in-out;
}

.variant--quick__add-button:last-child{
  margin-right: 0;
}

.variant--quick__add-button:hover{
  border-top: 2px solid rgba(var(--color-button),var(--alpha-button-background));
}

.variant--quick__add-button input{
  width: 100% !important;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.variant--quick__add-button.checked {
  border-top: 2px solid rgba(var(--color-button),0.5);
}

.variant--quick__add-button span{
  font-size: 1.1rem;
  font-weight: 900;
}

product-form{
  position: relative;
  z-index: 10;
}

/* END QUICK ADD */

/* HEADER MEGAMENU IMAGES */

.megamenu__image{
  height: 200px;
  padding-bottom: 2rem;
}

.megamenu__image .link{
  width: 100%;
  height: 100%;
}

.megamenu__image img{
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

/* END HEADER MEGAMENU IMAGES */

[class^="swiper-button-"]{
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transform: translateY(-100%); 
}

[class^="swiper-button-"]:hover:after{
  transform: scale(1.1);
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 12px !important;
  font-weight: 700;
}

.swiper-button-next, .swiper-button-prev{
  color: #000 !important;
}

/* FONT FAMILY CUSTOM*/
.product-option_custom {
  /* font-family:'ITC Eras Std Book' !important; */
  font-family: var(--font-body-family);
}

.product__sku {
  /* font-family:'ITC Eras Std Book' !important; */
  font-family: var(--font-body-family);
}

.price-item {
  /* font-family:'ITC Eras Std Book' !important; */
  font-family: var(--font-body-family);
}

.product__info-wrapper {
  /* font-family:'ITC Eras Std Book' !important; */
  font-family: var(--font-body-family);
}

.accordion__content {
  /* font-family:'Helvetica' !important; */
  font-family: var(--font-body-family);
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  text-transform: uppercase;
  /* font-family: 'ITC Eras Std Book' !important; */
  font-family: var(--font-body-family);
}
a.banner__buttons{
  font-family: 'Helvetica' !important;
  border: 1px solid !important; 
}
.product__title h1 {
  font-size: 18px !important;
}
.product__tax {
  display: none;
}
.product__sku {
  font-size: 12px !important;
}
.form__label {
  display: none !important;
}

.banner__text.rte.body {
  font-family: 'ITC Eras Std Book' !important;
}
.accordion__content {
  font-size: 13px;
}
.config_variants {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.product__text {
  font-size: 10px;
}
.button {
  span {
    color: white;
  
  }
}
.custom-font {
  /* font-family: 'ITC Eras Std Book' !important; */
  font-family: var(--font-body-family);
}
/* END FONT FAMILY CUSTOM*/

/* DISPLAY ICON ACCOUNT */
a.header__icon.header__icon--account.link.focus-inset.small-hide {display: flex !important;}
/* END DISPLAY ICON ACCOUNT */

/* BURGER MENU */
header-drawer {
    margin-left: 0rem !important;
    margin-top: 2.3rem;
}
/* END BURGER MENU */

/* PRODUCT GRID*/
/*
@media screen and (min-width: 768px) {
  .grid__item.product__media-wrapper {
    margin-left: -5rem;
  }
  .product-media-container.media-fit-cover, .product-media-container.media-fit-cover .product__modal-opener, .product-media-container.media-fit-cover .media {
    height: 100%;
    width: 100%;
  }
}*/
@media screen and (min-width: 768px) {
  .grid__item.product__media-wrapper {
    margin-left:  -0.5rem;
  }

  .product--large:not(.product--no-media) .product__info-wrapper {
    padding: 0 0 0 4rem;
    max-width: 65% !important;
    width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .product.product--large.product--left.product--columns.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet {
    margin-top: -3rem;
}
aside#main-collection-filters {
  margin-bottom: -3rem;
}

}
variant-selects {
  display: block;
  margin-top: -2rem !important;
}
/* END PRODUCT GRID*/
  
.config_variants {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.product__text {
  font-size: 10px;
}
.product__tax {
  display: none;
}
.product__sku {
  font-size: 12px !important;
}
@media screen and (max-width: 767px) {
  .product__media-toggle {
    display: inline !important;
    height: 88px !important;
}
  }
/* PRODUCT GRID*/

/* HEADER ICONS */

/* MÓVIL */
@media screen and (max-width: 989px) {

  .header__heading-logo-wrapper {
    margin: auto !important;
  }

  .header__icons {
    padding-right: 0 !important;
    gap: .7rem !important;
    align-items: center !important;
  }

  details-modal.header__search,
  a.header__icon--account,
  a#cart-icon-bubble {
    width: 3.6rem !important;
    height: 4.4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
  }

  /* OCULTAMOS LOS ICONOS ORIGINALES */
  summary.header__icon--search svg,
  a.header__icon--account svg,
  a.header__icon--account shop-user-avatar,
  a#cart-icon-bubble > svg {
    display: none !important;
  }

  /* BUSCAR */
  summary.header__icon--search::before {
    content: "" !important;
    display: block !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M15.5 15.5L21 21' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M15.5 15.5L21 21' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  /* CUENTA */
  a.header__icon--account::before {
    content: "" !important;
    display: block !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M5 21c.4-4.5 2.8-7 7-7s6.6 2.5 7 7H5Z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M5 21c.4-4.5 2.8-7 7-7s6.6 2.5 7 7H5Z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  /* BOLSA */
  a#cart-icon-bubble::before {
    content: "" !important;
    display: block !important;
    width: 2.7rem !important;
    height: 2.7rem !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5h16l-1.2 13H5.2L4 7.5Zm4 0V5.8a4 4 0 0 1 8 0v1.7' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5h16l-1.2 13H5.2L4 7.5Zm4 0V5.8a4 4 0 0 1 8 0v1.7' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  summary.header__icon--search::after,
  a.header__icon--account::after,
  a#cart-icon-bubble::after {
    content: none !important;
  }

  /* CONTADOR */
  a#cart-icon-bubble .cart-count-bubble {
    position: absolute !important;
    top: .7rem !important;
    right: -.1rem !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: inherit !important;
    font-family: var(--font-body-family) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  a#cart-icon-bubble .cart-count-bubble span {
    color: inherit !important;
  }
  /* ALINEAR LOS 3 ICONOS MÓVILES */
summary.header__icon--search::before,
a.header__icon--account::before,
a#cart-icon-bubble::before {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

/* Ajuste de tamaño visual */
summary.header__icon--search::before {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

a.header__icon--account::before {
  width: 2.7rem !important;
  height: 2.7rem !important;
}

a#cart-icon-bubble::before {
  width: 2.5rem !important;
  height: 2.5rem !important;
}
}


/* ESCRITORIO */
@media screen and (min-width: 990px) {

  .header__icons {
    gap: 2rem !important;
    align-items: center !important;
  }

  details-modal.header__search,
  .header__icons .header__icon {
    width: auto !important;
    height: 4.4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  /* Ocultamos los tres iconos */
  .header__icon--search svg,
  .header__icon--account svg,
  a#cart-icon-bubble > svg {
    display: none !important;
  }

  /* BUSCAR */
  summary.header__icon--search::after {
    content: "BUSCAR" !important;
  }

  /* CUENTA */
  a.header__icon--account::after {
    content: "CUENTA" !important;
  }

  /* BOLSA */
  a#cart-icon-bubble::before {
    content: "BOLSA" !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  a#cart-icon-bubble::after {
    content: none !important;
  }

  /* Misma tipografía para los tres */
  summary.header__icon--search::after,
  a.header__icon--account::after,
  a#cart-icon-bubble::before {
    font-family: var(--font-body-family) !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
    line-height: 1 !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  a#cart-icon-bubble {
    gap: .35rem !important;
    margin: 0 !important;
    text-decoration: none !important;
  }

  /* BOLSA (1), BOLSA (2)... */
  a#cart-icon-bubble .cart-count-bubble {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: inherit !important;
    font-family: var(--font-body-family) !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
    line-height: 1 !important;
  }

  a#cart-icon-bubble .cart-count-bubble::before {
    content: "(" !important;
  }

  a#cart-icon-bubble .cart-count-bubble::after {
    content: ")" !important;
  }
  a#cart-icon-bubble::before {
  position: relative !important;
  top: -1px !important;
}
}

/* END HEADER ICONS */

/* PAGE WIDTH */

@media only screen and (min-width: 990px) {
  .product__info-container {
      max-width: 200rem !important;
  }
  
}
@media screen and (min-width: 750px) {
.product__info-container {
    max-width: 700rem !important;
}
.product-form__buttons {
  max-width: none !important;
}
}

/* END PAGE WIDTH */


/* button size on mobile */

@media screen and (max-width: 749px) {

  .button--secondary{
    font-family: "Helvetica" !important;
    font: bold !important;
    padding: 4px !important;
    margin: 2rem !important;
    font-size: 12px !important;
    width: auto !important;
    height: 4rem !important;
    min-height:2rem !important;
    min-width: 2rem !important;
  }
}

/*end button size on mobile */

/*width size guide page */

.page-width--narrow{
  padding-left: 20px!important;
  padding-right: 20px !important;
}
/* end width size guide page */


/*Width size guide page*/
@media (max-width: 600px) {
  .page-width--narrow {
    padding-left:5px !important;
    padding-right:5px !important;
  }  
}
.page-width--narrow {
  max-width: 100rem !important;
  padding-left:20px !important;
  padding-right:20px !important;
}
/*End Width size guide page*/

/* border cart 

@media screen and (min-width: 750px) {
  .cart-items th {
    border-bottom: 1px solid #1d252d !important;
    color:black !importat;
  }
}

.cart-items thead tr {
  border-bottom: 1px solid #1d252d !important;
}
th{
  color:black !importat;
}
 end border cart */

/* popup size guide */
/*PC*/


/* Estilos para pantallas pequeñas (móviles) */
@media (max-width: 600px) {
  .product-popup-modal__content{
    padding: 0.5rem!important;
  }
  .product-popup-modal__content-info {
    padding: 0.5rem!important;
  }

}
@media (min-width: 1025px) {
  .product-popup-modal__content-info {
    padding: 0.5rem !important;
  }
  .product-popup-modal__content{
    padding: 0.5rem!important;
  }
}


/* end popup size guide */


/* REGISTER FONT */
.register_title{
  font-family: "Arca Majora 3"!important;
  font-size: 25px !important;
  text-transform: uppercase;
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale)* .06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + .3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}
/* END REGISTER FONT */


/* SEARCH BAR*/
@media screen and (min-width: 990px) {
  .search-modal__form {
      max-width: none !important;
  }
}
.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.03rem + var(--inputs-border-width))
    rgba(var(--color-foreground), var(--inputs-border-opacity)) !important;

}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.03rem + var(--inputs-border-width)) rgba(var(--color-foreground)) !important;

}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(-1rem + var(--inputs-border-width)) rgba(var(--color-foreground)) !important;

}


/* END SEARCH BAR*/


/* TOTAL CART*/
p.totals__total-value {
    color: black !important;
}

/*END TOTAL CART*/


/* CUSTOMER ACCOUNT */

.customer__title {
  font-family:'Helvetica' !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

.customer_oder{
  font-family:'Helvetica' !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

/* END CUSTOMER ACCOUNT */


/*MODSYS 18-02-25*/

/*STYLES CATEGORY GRID*/
.toggle-container {
  display: none;
}

@media (max-width: 768px) {
  .toggle-container {
    display: flex;
    justify-content: end;
    padding: 0 2%;
  }

  #toggleView {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 15px;
    background: none;
    border: none;
    cursor: pointer;
  }

  .op1,
  .op21,
  .op22 {
    display: block !important;
    width: 7px;
    height: 7px;
    border: 1px solid #1d3a56;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
  }

  .op2 {
    display: flex;
    width: 15px;
    justify-content: space-between;
  }

  .active {
    background-color: #1d252d;
  }

  /*Grid*/
  .movile-grid #product-grid {
    display: grid !important;
    gap: 10px !important;
    padding: 20px;
    width: 100%;
    margin: 0 !important;
    transition: grid-template-columns 10s ease-in-out;
  }

  .movile-grid #product-grid li.grid__item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 5px;
  }

  .grid-one {
    grid-template-columns: 1fr;
  }

  .grid-two {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*END STYLES CATEGORY GRID*/

/*CHEKOUT*/
#template-cart h1.title.title--primary,
#template-cart #popupContent h2 {
    font-size: 20px !important;
    text-transform: uppercase;
}

#template-cart .title-wrapper-with-link {
    margin-bottom: 1%;
}

#template-cart div#main-cart-footer {
    position: static;
    bottom: 0;
    width: 100%;
    z-index: 99;
    transition: transform 0.3s ease-in-out;
    border-top: 2px solid #1d252d;
}

#template-cart div#main-cart-footer .cart__footer {
  padding: 1%;
}

.content-cart-fixed{
  min-height:180px;
}

/**/
@media (max-width: 767px) {
  #template-cart #MainContent cart-items{
    padding: 0;
  }

  #template-cart .title-wrapper-with-link{
    display: block;
    margin-bottom: 5%;
  }
}

/*END CHEKOUT*/

/*HEADER*/
a#cart-icon-bubble {
  margin-top: 0 !important;
}
/*END MODSYS 18-02-25*/
/* MENÚ LATERAL EN ESCRITORIO:
   elimina el recuadro de foco cuando el menú se maneja con ratón */
@media screen and (min-width: 990px) {
  header-drawer.pointer-menu .header__icon--menu:focus,
  header-drawer.pointer-menu .header__icon--menu:focus-visible,
  header-drawer.pointer-menu .header__icon--menu.focused {
    outline: 0 !important;
    box-shadow: none !important;
  }
  /* MENÚ LATERAL EN ESCRITORIO:
   hamburguesa + logo actúan juntos y el logo se desplaza al abrir */
@media screen and (min-width: 990px) {
  .header__heading-link {
  transition: transform var(--duration-default) ease !important;
  will-change: transform;
}

  .header.menu-drawer-open .header__heading-link {
    transform: translateX(-4.4rem);
  }
}
/* MENÚ LATERAL EN ESCRITORIO: ocultar la X de cierre */
@media screen and (min-width: 990px) {
  .header__icon--menu .icon-close {
    display: none !important;
  }
}
/* MENÚ LATERAL EN ESCRITORIO:
   el logo ocupa la posición de la hamburguesa al abrir */
@media screen and (min-width: 990px) {
  .header__heading-link {
    transition: transform .25s ease !important;
  }

  .header.menu-drawer-open .header__heading-link {
    transform: translateX(-4.4rem);
  }

  /* Mientras el logo ocupa su sitio, ocultamos la hamburguesa */
  .header.menu-drawer-open .header__icon--menu .icon-hamburger {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Al cerrar, la hamburguesa espera a que el logo haya vuelto */
  .header:not(.menu-drawer-open) .header__icon--menu .icon-hamburger {
  opacity: 1 !important;
  visibility: visible !important;
  transition:
    opacity var(--duration-default) ease,
    visibility 0s !important;
}
}
/* MENÚ LATERAL: sustituir flechas gruesas por chevrons finos */
.menu-drawer summary.menu-drawer__menu-item {
  position: relative;
  padding-right: 3rem;
}

/* Oculta la flecha original */
.menu-drawer summary.menu-drawer__menu-item svg,
.menu-drawer summary.menu-drawer__menu-item .icon-arrow,
.menu-drawer summary.menu-drawer__menu-item .icon-caret {
  display: none !important;
}

/* Nueva flecha fina */
.menu-drawer summary.menu-drawer__menu-item::after {
  content: "";
  position: absolute;
  right: 1.4rem;
  top: 50%;
  width: 0.7rem;
  height: 0.7rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
  opacity: 0.7;
}
/* MENÚ LATERAL ESCRITORIO:
   submenús desplegables tipo acordeón */
@media screen and (min-width: 990px) {

  /* Dawn oculta el menú padre al abrir un submenú:
     lo mantenemos visible para poder usar formato acordeón */
  .js .menu-drawer__navigation .submenu-open {
    visibility: visible !important;
  }

  /* Convertimos la "segunda pantalla" de Dawn en contenido normal */
  .js .menu-drawer__submenu {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    visibility: visible !important;
    background: transparent !important;
    z-index: auto !important;
    overflow: visible !important;
    transition: none !important;
  }

  /* Submenú cerrado */
  .js .menu-drawer details:not([open]) > .menu-drawer__submenu {
    display: none !important;
  }

  /* Submenú abierto */
  .js .menu-drawer details[open] > .menu-drawer__submenu {
    display: block !important;
  }

  /* El interior deja de ocupar toda la altura del drawer */
  .menu-drawer__inner-submenu {
    height: auto !important;
    overflow: visible !important;
  }

  /* Ya no necesitamos el botón "volver" */
  .menu-drawer__close-button {
    display: none !important;
  }

  /* Sangría / margen de las subsecciones */
  .menu-drawer__submenu .menu-drawer__menu {
    padding: .5rem 0 .8rem 1.8rem !important;
  }

  /* Apariencia de las subsecciones */
  .menu-drawer__submenu .menu-drawer__menu-item {
    padding: .45rem 3rem .45rem 1.8rem !important;
    font-size: 1.35rem !important;
  }

  /* La flecha fina gira hacia abajo al abrir */
  .menu-drawer details[open] > summary.menu-drawer__menu-item::after {
    transform: translateY(-50%) rotate(135deg);
  }
}
/* MENÚ + LOGO: transición lenta y sincronizada */
@media screen and (min-width: 990px) {

  /* CIERRE: mantiene visible el drawer mientras se desplaza */
  .js header-drawer > details > .menu-drawer {
    transition:
      transform 1.1s cubic-bezier(.65, 0, .35, 1),
      visibility 0s linear 1.1s !important;
  }

  /* APERTURA: la visibilidad es inmediata */
  .js header-drawer > details[open].menu-opening > .menu-drawer {
    transition:
      transform 1.1s cubic-bezier(.65, 0, .35, 1),
      visibility 0s linear 0s !important;
  }

  /* Logo: exactamente misma duración y curva */
  .header__heading-link {
    transition:
      transform 1.1s cubic-bezier(.65, 0, .35, 1) !important;
    will-change: transform;
  }

  /* Mientras el logo se mueve, hamburguesa SIEMPRE oculta */
  header-drawer.pointer-menu:not(.logo-settled)
  .header__icon--menu .icon-hamburger {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: none !important;
  }

  /* Solo aparece cuando el logo YA ha llegado a su posición */
  header-drawer.pointer-menu.logo-settled
  .header__icon--menu .icon-hamburger {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity .18s ease !important;
  }
}