/* ===== fa-restore-header-cart-menu-v3.css ===== */
/* =========================================================
   CARRITO MENÚ DESKTOP Y MÓVIL - FAUSTO ALFARO V3
   Pegar al final de:
   Divi > Opciones del tema > CSS personalizado

   Sustituye cualquier CSS anterior del carrito en menú.
   ========================================================= */


/* Evita que snippets antiguos del carrito flotante aparezcan */
.fa-mobile-cart-shortcut {
  display: none !important;
}


/* =========================================================
   BASE NUEVO CARRITO
   ========================================================= */

.fa-header-cart-menu-item-v3,
.fa-header-cart-menu-item-v3 * {
  box-sizing: border-box;
}

.fa-header-cart-menu-link-v3 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

.fa-header-cart-menu-icon-v3 {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #e3aa00 !important;
}

.fa-header-cart-menu-icon-v3 svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

.fa-header-cart-menu-icon-v3 path,
.fa-header-cart-menu-icon-v3 circle {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.fa-header-cart-menu-count-v3 {
  position: absolute !important;
  top: -7px !important;
  right: -9px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e3aa00 !important;
  color: #050505 !important;
  border: 2px solid #050505 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 981px) {
  #top-menu .fa-header-cart-menu-item-v3 {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 8px !important;
    padding: 0 !important;
  }

  #top-menu .fa-header-cart-menu-item-v3 > a.fa-header-cart-menu-link-v3 {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(227,170,0,.35) !important;
    color: #e3aa00 !important;
    line-height: 1 !important;
  }

  #top-menu .fa-header-cart-menu-item-v3 > a.fa-header-cart-menu-link-v3:hover {
    background: #e3aa00 !important;
    color: #050505 !important;
    opacity: 1 !important;
  }

  #top-menu .fa-header-cart-menu-text-v3 {
    display: none !important;
  }

  #top-menu .fa-header-cart-menu-icon-v3 {
    width: 20px !important;
    height: 20px !important;
  }

  #top-menu .fa-header-cart-menu-icon-v3 svg {
    width: 20px !important;
    height: 20px !important;
  }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 980px) {
  .et_mobile_menu .fa-header-cart-menu-item-v3,
  #mobile_menu .fa-header-cart-menu-item-v3 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  .et_mobile_menu .fa-header-cart-menu-item-v3 > a.fa-header-cart-menu-link-v3,
  #mobile_menu .fa-header-cart-menu-item-v3 > a.fa-header-cart-menu-link-v3 {
    width: 100% !important;
    min-height: 62px !important;
    padding: 18px 22px !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
  }

  .et_mobile_menu .fa-header-cart-menu-item-v3 > a.fa-header-cart-menu-link-v3:hover,
  #mobile_menu .fa-header-cart-menu-item-v3 > a.fa-header-cart-menu-link-v3:hover {
    background: rgba(255,255,255,.04) !important;
    color: #ffffff !important;
  }

  .et_mobile_menu .fa-header-cart-menu-text-v3,
  #mobile_menu .fa-header-cart-menu-text-v3 {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
  }

  .et_mobile_menu .fa-header-cart-menu-icon-v3,
  #mobile_menu .fa-header-cart-menu-icon-v3 {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    color: #e3aa00 !important;
  }

  .et_mobile_menu .fa-header-cart-menu-icon-v3 svg,
  #mobile_menu .fa-header-cart-menu-icon-v3 svg {
    width: 24px !important;
    height: 24px !important;
  }

  .et_mobile_menu .fa-header-cart-menu-count-v3,
  #mobile_menu .fa-header-cart-menu-count-v3 {
    position: static !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-left: 2px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #e3aa00 !important;
    color: #050505 !important;
    border: none !important;
    font-size: 10px !important;
    font-weight: 950 !important;
  }
}


/* =========================================================
   NEUTRALIZAR CUALQUIER FLECHA GLOBAL EN EL CARRITO
   ========================================================= */

.fa-header-cart-menu-item-v3 span::before,
.fa-header-cart-menu-item-v3 span::after,
.fa-header-cart-menu-item-v3 a::before,
.fa-header-cart-menu-item-v3 a::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   FIX GLOBAL DEFINITIVO - FLECHA DIAGONAL EN MÓVIL
   Convierte los símbolos que algunos móviles dibujan como emoji/icono
   en una flecha limpia de texto.
   No toca carrito, menú ni iconos del header.
   ========================================================= */

@media (max-width: 980px) {
  a[class*="fa-"]:not(.fa-header-cart-menu-link-v3):not(.fa-header-cart-menu-item-v3 a) > span:last-child,
  button[class*="fa-"] > span:last-child,
  .fa-contact-button > span:last-child,
  .fa-sp-doubt a > span:last-child,
  .fa-single-post-sidebar__card a > span:last-child,
  .fa-single-post-related__link > span:last-child,
  .fa-cart-help a > span:last-child,
  .fa-checkout-help a > span:last-child,
  .fa-account-help a > span:last-child {
    font-size: 0 !important;
    line-height: 1 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: inherit !important;
  }

  a[class*="fa-"]:not(.fa-header-cart-menu-link-v3):not(.fa-header-cart-menu-item-v3 a) > span:last-child::before,
  button[class*="fa-"] > span:last-child::before,
  .fa-contact-button > span:last-child::before,
  .fa-sp-doubt a > span:last-child::before,
  .fa-single-post-sidebar__card a > span:last-child::before,
  .fa-single-post-related__link > span:last-child::before,
  .fa-cart-help a > span:last-child::before,
  .fa-checkout-help a > span:last-child::before,
  .fa-account-help a > span:last-child::before {
    content: "→" !important;
    display: inline-block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    font-style: normal !important;
    color: inherit !important;
    transform: none !important;
  }

  .et_pb_button::after,
  .et_button_no_icon .et_pb_button::after {
    content: "→" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: inherit !important;
  }

  .fa-header-cart-menu-item-v3 span::before,
  .fa-header-cart-menu-item-v3 span::after,
  .fa-header-cart-menu-item-v3 a::before,
  .fa-header-cart-menu-item-v3 a::after,
  #top-menu .fa-header-cart-menu-item-v3 a::before,
  #top-menu .fa-header-cart-menu-item-v3 a::after,
  .et_mobile_menu .fa-header-cart-menu-item-v3 a::before,
  .et_mobile_menu .fa-header-cart-menu-item-v3 a::after {
    content: none !important;
    display: none !important;
  }
}
/* ===== fa-global-anchor-scroll.css ===== */
html {
  scroll-behavior: smooth;
}

#planes-entrenamiento-online,
#planes-entrenamiento-elite,
#planes-entrenamiento-valencia,
.fa-anchor-planes {
  scroll-margin-top: 110px;
}

.fa-anchor-planes {
  position: relative;
  top: -110px;
  height: 0;
  width: 100%;
  display: block;
  visibility: hidden;
}
