/* =========================================================
   25 — MAUESPEJELCOM MOBILE HEADER — FINAL
   SOLO MOBILE
   BLOQUE CERRADO — NO MODIFICAR

   ESTADO:
   - Header móvil fijo.
   - Fondo blanco a todo el ancho.
   - Hamburguesa a la izquierda.
   - Logo centrado y ampliado.
   - Lupa a la derecha.
   - Altura oficial: 118px.
   - Funciona en Home, páginas, categorías y posts.
   - No modifica desktop.

   REGLA:
   - No editar, reescribir, dividir ni parchear este bloque.
   - Cualquier mejora futura debe comenzar en un bloque nuevo.
========================================================= */


/* =========================================================
   25A — MOBILE HEADER FOUNDATION
========================================================= */

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

  /* =======================================================
     25A.1 — ALTURA BASE
  ======================================================= */

  :root {
    --mau-mobile-header-height: 88px;
  }


  /* =======================================================
     25A.2 — HEADER FIJO
  ======================================================= */

  body #header-outer,
  body.home #header-outer {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: var(--mau-mobile-header-height) !important;
    min-height: var(--mau-mobile-header-height) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transform: none !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: visible !important;

    z-index: 99999 !important;
  }


  /* WordPress Admin Bar */

  body.admin-bar #header-outer,
  body.admin-bar.home #header-outer {
    top: 46px !important;
  }


  /* Evitar que Salient esconda o contraiga el header */

  body #header-outer.detached,
  body.home #header-outer.detached,
  body #header-outer.invisible,
  body.home #header-outer.invisible,
  body #header-outer.hidden,
  body.home #header-outer.hidden {
    height: var(--mau-mobile-header-height) !important;

    transform: none !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  /* =======================================================
     25A.3 — ESTRUCTURA INTERNA
  ======================================================= */

  body #header-outer #top,
  body.home #header-outer #top {
    position: relative !important;

    width: 100% !important;
    height: var(--mau-mobile-header-height) !important;
    min-height: var(--mau-mobile-header-height) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    overflow: visible !important;
  }


  body #header-outer #top > .container,
  body.home #header-outer #top > .container {
    position: relative !important;

    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    max-width: none !important;

    height: var(--mau-mobile-header-height) !important;
    min-height: var(--mau-mobile-header-height) !important;

    margin: 0 !important;
    padding: 0 18px !important;

    display: block !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }


  /* =======================================================
     25A.4 — LOGO CENTRADO
  ======================================================= */

  body #header-outer #top .span_3,
  body.home #header-outer #top .span_3 {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;

    width: auto !important;
    max-width: calc(100% - 150px) !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;

    transform: translate(-50%, -50%) !important;

    z-index: 20 !important;
  }


  body #header-outer #logo,
  body.home #header-outer #logo {
    position: relative !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: none !important;
  }


  body #header-outer #logo img,
  body.home #header-outer #logo img {
    width: auto !important;
    max-width: 190px !important;

    height: auto !important;
    max-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;
  }


  /* =======================================================
     25A.5 — COLUMNA DE CONTROLES
  ======================================================= */

  body #header-outer #top .span_9,
  body.home #header-outer #top .span_9 {
    position: static !important;

    width: 100% !important;
    height: var(--mau-mobile-header-height) !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    float: none !important;

    transform: none !important;

    visibility: visible !important;
    opacity: 1 !important;

    z-index: 30 !important;
  }


  /* =======================================================
     25A.6 — HAMBURGUESA
  ======================================================= */

  body #header-outer .slide-out-widget-area-toggle,
  body.home #header-outer .slide-out-widget-area-toggle,
  body #header-outer #top .slide-out-widget-area-toggle,
  body.home #header-outer #top .slide-out-widget-area-toggle {
    position: absolute !important;

    top: 50% !important;
    left: 18px !important;
    right: auto !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: translateY(-50%) !important;

    visibility: visible !important;
    opacity: 1 !important;

    z-index: 50 !important;
  }


  body #header-outer .slide-out-widget-area-toggle a,
  body.home #header-outer .slide-out-widget-area-toggle a {
    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }


  body #header-outer .slide-out-widget-area-toggle .lines-button,
  body.home #header-outer .slide-out-widget-area-toggle .lines-button {
    width: 34px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }


  body #header-outer .slide-out-widget-area-toggle .lines,
  body.home #header-outer .slide-out-widget-area-toggle .lines,
  body #header-outer .slide-out-widget-area-toggle .lines::before,
  body.home #header-outer .slide-out-widget-area-toggle .lines::before,
  body #header-outer .slide-out-widget-area-toggle .lines::after,
  body.home #header-outer .slide-out-widget-area-toggle .lines::after {
    width: 30px !important;
    height: 4px !important;

    background: #000000 !important;
    background-color: #000000 !important;

    border-radius: 0 !important;
  }


  /* =======================================================
     25A.7 — LUPA
  ======================================================= */

  body #header-outer #top .right-aligned-menu-items,
  body.home #header-outer #top .right-aligned-menu-items {
    position: absolute !important;

    top: 50% !important;
    right: 18px !important;
    left: auto !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: translateY(-50%) !important;

    visibility: visible !important;
    opacity: 1 !important;

    z-index: 50 !important;
  }


  body #header-outer #top .right-aligned-menu-items > ul,
  body.home #header-outer #top .right-aligned-menu-items > ul,
  body #header-outer #top .right-aligned-menu-items ul.buttons,
  body.home #header-outer #top .right-aligned-menu-items ul.buttons {
    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    list-style: none !important;
  }


  body #header-outer #top .right-aligned-menu-items li,
  body.home #header-outer #top .right-aligned-menu-items li {
    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }


  body #header-outer #top .right-aligned-menu-items a,
  body.home #header-outer #top .right-aligned-menu-items a,
  body #header-outer #top .right-aligned-menu-items .nectar-search-icon,
  body.home #header-outer #top .right-aligned-menu-items .nectar-search-icon,
  body #header-outer #top .right-aligned-menu-items .open-search,
  body.home #header-outer #top .right-aligned-menu-items .open-search {
    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #000000 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transform: none !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  body #header-outer #top .right-aligned-menu-items i,
  body.home #header-outer #top .right-aligned-menu-items i,
  body #header-outer #top .right-aligned-menu-items span,
  body.home #header-outer #top .right-aligned-menu-items span,
  body #header-outer #top .icon-salient-search,
  body.home #header-outer #top .icon-salient-search {
    color: #000000 !important;

    font-size: 28px !important;
    line-height: 1 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  /* =======================================================
     25A.8 — ESPACIO PARA EL HEADER FIJO
  ======================================================= */

  body #header-space,
  body.home #header-space {
    display: block !important;

    width: 100% !important;
    height: var(--mau-mobile-header-height) !important;
    min-height: var(--mau-mobile-header-height) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
  }


  html {
    scroll-padding-top:
      calc(var(--mau-mobile-header-height) + 16px) !important;
  }


  /* =======================================================
     25A.9 — PREVENCIÓN DE DESBORDAMIENTO
  ======================================================= */

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

}


/* =========================================================
   25A.10 — IPHONE / PANTALLAS ANGOSTAS
========================================================= */

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

  :root {
    --mau-mobile-header-height: 82px;
  }


  body #header-outer #logo img,
  body.home #header-outer #logo img {
    max-width: 168px !important;
    max-height: 38px !important;
  }


  body #header-outer .slide-out-widget-area-toggle,
  body.home #header-outer .slide-out-widget-area-toggle,
  body #header-outer #top .slide-out-widget-area-toggle,
  body.home #header-outer #top .slide-out-widget-area-toggle {
    left: 14px !important;
  }


  body #header-outer #top .right-aligned-menu-items,
  body.home #header-outer #top .right-aligned-menu-items {
    right: 14px !important;
  }

}


/* =========================================================
   25A.11 — MOBILE HEADER FULL WIDTH
========================================================= */

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

  body #header-outer,
  body.home #header-outer {
    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    box-sizing: border-box !important;
  }


  body #header-outer #top,
  body.home #header-outer #top {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    box-sizing: border-box !important;
  }


  body #header-outer #top .container,
  body.home #header-outer #top .container {
    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 18px !important;
    padding-right: 18px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    border-radius: 0 !important;

    box-sizing: border-box !important;
  }

}


/* =========================================================
   25A.12 — MOBILE HAMBURGER FINAL ICON
========================================================= */

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

  body #header-outer
  .slide-out-widget-area-toggle
  a[aria-label="Navigation Menu"]
  > span[aria-hidden="true"] {
    position: relative !important;

    width: 32px !important;
    height: 30px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  body #header-outer
  .slide-out-widget-area-toggle
  a[aria-label="Navigation Menu"]
  > span[aria-hidden="true"]
  > .lines-button {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    pointer-events: none !important;
  }


  body #header-outer
  .slide-out-widget-area-toggle
  a[aria-label="Navigation Menu"]
  > span[aria-hidden="true"]::before {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 30px !important;
    height: 4px !important;

    display: block !important;

    background-color: #000000 !important;

    box-shadow:
      0 -9px 0 #000000,
      0 9px 0 #000000 !important;

    transform: translate(-50%, -50%) !important;

    border-radius: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: none !important;
  }


  body #header-outer
  .slide-out-widget-area-toggle
  a[aria-label="Navigation Menu"]
  > span[aria-hidden="true"]::after {
    content: none !important;
    display: none !important;
  }

}


/* =========================================================
   25B — MOBILE HEADER SCALE & ALIGNMENT — FINAL
========================================================= */

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

  :root {
    --mau-mobile-header-height: 118px !important;
  }


  body #header-outer,
  body.home #header-outer,
  body #header-outer #top,
  body.home #header-outer #top,
  body #header-outer #top > .container,
  body.home #header-outer #top > .container,
  body #header-outer #top .span_9,
  body.home #header-outer #top .span_9,
  body #header-space,
  body.home #header-space {
    height: 118px !important;
    min-height: 118px !important;
  }


  body #header-outer #top .span_3,
  body.home #header-outer #top .span_3 {
    width: 247px !important;
    max-width: calc(100vw - 150px) !important;

    transform:
      translate(calc(-50% + 4px), -50%) !important;
  }


  body #header-outer #logo,
  body.home #header-outer #logo {
    width: 100% !important;
    max-width: none !important;
  }


  body #header-outer #logo img,
  body.home #header-outer #logo img {
    width: 247px !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    display: block !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: translateX(-4px) !important;
  }


  body #header-outer
  .slide-out-widget-area-toggle
  a[aria-label="Navigation Menu"]
  > span[aria-hidden="true"]::before {
    left: calc(50% - 10px) !important;
  }

}


/* =========================================================
   25B.1 — IPHONE / PANTALLAS ANGOSTAS — FINAL
========================================================= */

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

  body #header-outer #top .span_3,
  body.home #header-outer #top .span_3 {
    width: 218px !important;
    max-width: calc(100vw - 136px) !important;
  }


  body #header-outer #logo img,
  body.home #header-outer #logo img {
    width: 218px !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    transform: translateX(-4px) !important;
  }

}


/* =========================================================
   11 — MAUESPEJELCOM SEARCH OVERLAY EDITORIAL
   UBICACIÓN: APARIENCIA → PERSONALIZAR → CSS ADICIONAL
========================================================= */

body #search-outer,
body.material #search-outer,
body #search-outer.nectar,
body #search-outer.nectar.material-open {
  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
}


body #search-outer #search,
body.material #search-outer #search,
body #search-outer.nectar.material-open #search {
  position: relative !important;

  height: 126px !important;
  min-height: 126px !important;
  max-height: 126px !important;

  margin: 0 !important;

  padding-top: 15px !important;
  padding-right: 92px !important;
  padding-bottom: 12px !important;
  padding-left: 92px !important;

  background: #ffffff !important;
  background-color: #ffffff !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: hidden !important;

  box-sizing: border-box !important;
}


body #search-outer #search .container,
body #search-outer #search .row,
body #search-outer #search .col,
body #search-outer #search .span_12,
body #search-outer #search form {
  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;

  box-sizing: border-box !important;
}


body #search-outer #search input,
body.material #search-outer #search input,
body #search-outer.nectar.material-open #search input,
body #search-outer #search input[type="text"],
body #search-outer #search input[type="search"] {
  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 0 6px 0 !important;

  color: #000000 !important;

  background: transparent !important;
  background-color: transparent !important;

  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 2px solid #cfcfcf !important;

  border-radius: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  font-family: "Montserrat", "Inter", "Arial", sans-serif !important;
  font-size: clamp(34px, 3.45vw, 58px) !important;
  line-height: 0.95 !important;
  font-weight: 900 !important;
  letter-spacing: -0.055em !important;

  text-align: center !important;
  text-transform: uppercase !important;

  caret-color: #ff5a5f !important;

  box-sizing: border-box !important;
}


body #search-outer #search input:focus,
body.material #search-outer #search input:focus {
  border-bottom-color: #cfcfcf !important;
  box-shadow: none !important;
  outline: none !important;
}


body #search-outer #search input::placeholder,
body #search-outer #search input::-webkit-input-placeholder {
  color: #000000 !important;
  opacity: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}


body #search-outer #search::after,
body.material #search-outer #search::after,
body #search-outer.nectar.material-open #search::after {
  content: "SNEAKERS  /  MARCAS  /  DROPS  /  GUÍAS  /  CULTURA" !important;

  position: absolute !important;

  left: 92px !important;
  right: 92px !important;
  bottom: 15px !important;

  display: block !important;

  color: #ff5a5f !important;

  font-family: "Montserrat", "Inter", "Arial", sans-serif !important;
  font-size: clamp(13px, 0.95vw, 16px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.055em !important;

  text-align: center !important;
  text-transform: uppercase !important;

  opacity: 1 !important;
  visibility: visible !important;

  pointer-events: none !important;

  z-index: 100005 !important;
}


body #search-outer #search small,
body #search-outer #search p,
body #search-outer #search form > span,
body #search-outer #search .span_12 > span,
body #search-outer #search .instructions,
body #search-outer #search .search-instructions,
body #search-outer #search .search-helper {
  display: none !important;

  visibility: hidden !important;
  opacity: 0 !important;

  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 0 !important;
  line-height: 0 !important;

  color: transparent !important;

  overflow: hidden !important;
  pointer-events: none !important;
}


body #search-outer #close,
body #search-outer .close {
  position: absolute !important;

  top: 22px !important;
  right: 24px !important;

  width: 34px !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(0, 0, 0, 0.06) !important;
  background-color: rgba(0, 0, 0, 0.06) !important;

  border: 0 !important;
  border-radius: 999px !important;

  box-shadow: none !important;

  transform: none !important;

  z-index: 100006 !important;
}


body #search-outer #close:hover,
body #search-outer .close:hover {
  background: #ff5a5f !important;
  background-color: #ff5a5f !important;

  transform: scale(1.04) !important;
}


body #search-outer #close a,
body #search-outer .close a {
  width: 34px !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #000000 !important;

  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  text-decoration: none !important;
}


body #search-outer .nectar-ajax-search-results,
body #search-outer #search-results {
  margin-top: 18px !important;

  background: #ffffff !important;

  border: 0 !important;
  border-radius: 0 0 18px 18px !important;

  box-shadow: none !important;

  overflow: hidden !important;
}


body #search-outer .nectar-ajax-search-results a,
body #search-outer #search-results a {
  color: #000000 !important;

  font-family: "Montserrat", "Inter", "Arial", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;

  text-decoration: none !important;
}


body #search-outer .nectar-ajax-search-results a:hover,
body #search-outer #search-results a:hover {
  color: #ff5a5f !important;
}


/* =========================================================
   26A — MOBILE SEARCH TYPOGRAPHY
========================================================= */

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

  body #search-outer.nectar.material-open #search {
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;

    padding-top: 30px !important;
    padding-right: 24px !important;
    padding-bottom: 54px !important;
    padding-left: 24px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
  }


  body #search-outer.nectar.material-open #search input,
  body #search-outer.nectar.material-open #search input[type="text"],
  body #search-outer.nectar.material-open #search input[type="search"] {
    width: 100% !important;
    max-width: 100% !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 42px 8px 0 !important;

    font-family: "Montserrat", "Inter", "Arial", sans-serif !important;
    font-size: clamp(20px, 5.7vw, 27px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.045em !important;

    text-align: center !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;

    border-bottom: 2px solid #cfcfcf !important;

    box-sizing: border-box !important;
  }


  body #search-outer.nectar.material-open #search input::placeholder,
  body #search-outer.nectar.material-open #search input::-webkit-input-placeholder {
    color: #000000 !important;

    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;

    text-align: center !important;
    text-transform: uppercase !important;

    opacity: 1 !important;
  }


  body #search-outer.nectar.material-open #search::after {
    left: 20px !important;
    right: 20px !important;
    bottom: 17px !important;

    width: auto !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.025em !important;

    text-align: center !important;
    white-space: normal !important;

    transform: none !important;

    box-sizing: border-box !important;
  }


  body #search-outer.nectar.material-open #close,
  body #search-outer.nectar.material-open .close {
    top: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;

    width: 32px !important;
    height: 32px !important;

    transform: none !important;

    z-index: 100010 !important;
  }


  body #search-outer.nectar.material-open #close a,
  body #search-outer.nectar.material-open .close a {
    width: 32px !important;
    height: 32px !important;
  }

}


/* =========================================================
   29A — MOBILE HEADER HORIZONTAL ALIGNMENT RESTORE
========================================================= */

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

  body #header-outer
  .slide-out-widget-area-toggle
  a[aria-label="Navigation Menu"]
  > span[aria-hidden="true"]::before {
    left: calc(50% - 26px) !important;
  }


  body #header-outer #logo img,
  body.home #header-outer #logo img {
    transform: translateX(-2px) !important;
  }

}


/* =========================================================
   30A — MOBILE HEADER VERTICAL AIR REDUCTION
========================================================= */

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

  :root {
    --mau-mobile-header-height: 84px !important;
  }


  body #header-outer,
  body.home #header-outer,
  body #header-outer #top,
  body.home #header-outer #top,
  body #header-outer #top > .container,
  body.home #header-outer #top > .container,
  body #header-outer #top .span_9,
  body.home #header-outer #top .span_9,
  body #header-space,
  body.home #header-space {
    height: var(--mau-mobile-header-height) !important;
    min-height: var(--mau-mobile-header-height) !important;
  }

}


/* =========================================================
   MOB-03 — MOBILE HERO INDEPENDIENTE
   VERSIÓN: 1.0
   ESTADO: CERRADO
   FECHA DE CIERRE: 26/07/2026
========================================================= */

.mau-mobile-hero {
  display: none !important;
}


@keyframes mau-mobile-hero-progress {

  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }

}


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

  body.home .mau-banner-row,
  body.home .wpb_row.mau-banner-row,
  body.home .vc_row.mau-banner-row {
    display: block !important;
    position: relative !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin-top: 8px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    -webkit-tap-highlight-color: transparent !important;
  }


  body.home .mau-banner-row::before,
  body.home .mau-banner-row::after,
  body.home .wpb_row.mau-banner-row::before,
  body.home .wpb_row.mau-banner-row::after,
  body.home .vc_row.mau-banner-row::before,
  body.home .vc_row.mau-banner-row::after {
    content: none !important;

    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    pointer-events: none !important;
  }


  body.home .mau-banner-row > .row-bg-wrap,
  body.home .mau-banner-row .row-bg-wrap,
  body.home .mau-banner-row > .row-bg-wrap > .inner-wrap,
  body.home .mau-banner-row .row-bg-wrap > .inner-wrap,
  body.home .mau-banner-row .row-bg,
  body.home .mau-banner-row .row-bg.using-image {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }


  body.home .mau-banner-row .nectar-shape-divider-wrap,
  body.home .mau-banner-row .nectar-shape-divider,
  body.home .mau-banner-row .row-divider,
  body.home .mau-banner-row .divider-wrap,
  body.home .mau-banner-row .divider-small-border,
  body.home .mau-banner-row .divider-border {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    pointer-events: none !important;
  }


  body.home .mau-banner-row > .row_col_wrap_12,
  body.home .mau-banner-row > .row_col_wrap_12_inner,
  body.home .mau-banner-row .row_col_wrap_12,
  body.home .mau-banner-row .vc_col-sm-12,
  body.home .mau-banner-row .wpb_column,
  body.home .mau-banner-row .vc_column-inner,
  body.home .mau-banner-row .wpb_wrapper,
  body.home .mau-banner-row .wpb_text_column,
  body.home .mau-banner-row .wpb_text_column > .wpb_wrapper {
    height: auto !important;
    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }


  body.home .mau-banner-row .wpb_text_column p {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }


  body.home .mau-hero-featured,
  body.home .wpb_row.mau-hero-featured,
  body.home .vc_row.mau-hero-featured {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    pointer-events: none !important;
  }


  body.home .mau-mobile-hero {
    --mau-mob-03-infrared: #ff5757;
    --mau-mob-03-white: #ffffff;
    --mau-mob-03-black: #111111;
    --mau-mob-03-line: #d6d6d6;
    --mau-mob-03-radius: 6px;
    --mau-mob-03-progress-duration: 3000ms;

    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
    isolation: isolate !important;

    -webkit-tap-highlight-color: transparent !important;
  }


  body.home .mau-mobile-hero__viewport {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 4 / 3 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: var(--mau-mob-03-radius) !important;

    outline: none !important;
    box-shadow: none !important;

    touch-action: pan-y !important;

    user-select: none !important;
    -webkit-user-select: none !important;

    -webkit-tap-highlight-color: transparent !important;

    cursor: pointer !important;
  }


  body.home .mau-mobile-hero__track {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;

    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
  }


  body.home .mau-mobile-hero__slide {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: hidden !important;
    opacity: 0 !important;

    overflow: hidden !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: var(--mau-mob-03-radius) !important;

    outline: none !important;
    box-shadow: none !important;

    pointer-events: none !important;

    transform: translateX(18px) !important;

    transition:
      opacity 320ms ease,
      transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 420ms !important;
  }


  body.home .mau-mobile-hero__slide.is-active {
    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;

    transform: translateX(0) !important;

    transition:
      opacity 320ms ease,
      transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 0s !important;

    z-index: 2 !important;
  }


  body.home .mau-mobile-hero__link,
  body.home .mau-mobile-hero__link:hover,
  body.home .mau-mobile-hero__link:active,
  body.home .mau-mobile-hero__link:focus,
  body.home .mau-mobile-hero__link:focus-visible {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-mob-03-white) !important;

    background: transparent !important;

    text-decoration: none !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: inherit !important;

    outline: none !important;
    outline-offset: 0 !important;

    box-shadow: none !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;
  }


  body.home .mau-mobile-hero__media {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;

    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
  }


  body.home .mau-mobile-hero__image {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    transform: none !important;

    pointer-events: none !important;

    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
  }


  body.home .mau-mobile-hero__overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.22) 46%,
        rgba(0, 0, 0, 0.44) 100%
      ) !important;

    pointer-events: none !important;

    z-index: 1 !important;
  }


  body.home .mau-mobile-hero__content {
    position: absolute !important;

    top: 79% !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 84% !important;
    max-width: 84% !important;
    height: auto !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    transform: translate(-50%, -50%) !important;

    pointer-events: none !important;

    z-index: 2 !important;
  }


  body.home .mau-mobile-hero__title,
  body.home .mau-mobile-hero__content h1,
  body.home .mau-mobile-hero__content h2,
  body.home .mau-mobile-hero__content h3 {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-mob-03-white) !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size: clamp(26px, 7.4vw, 32px) !important;
    font-weight: 600 !important;
    line-height: 0.99 !important;
    letter-spacing: -0.04em !important;

    text-align: center !important;
    text-transform: none !important;

    text-wrap: balance !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;

    text-shadow:
      0 2px 14px rgba(0, 0, 0, 0.38) !important;

    pointer-events: none !important;
  }


  body.home .mau-mobile-hero__cta,
  body.home .mau-mobile-hero__button,
  body.home .mau-mobile-hero__cta-arrow,
  body.home .mau-mobile-hero__content a[class*="cta"],
  body.home .mau-mobile-hero__content a[class*="button"] {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none !important;
  }


  body.home .mau-mobile-hero__navigation,
  body.home .mau-mobile-hero__nav {
    display: grid !important;

    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;

    grid-auto-flow: initial !important;
    grid-auto-columns: auto !important;

    align-items: center !important;

    width: 58% !important;
    max-width: 260px !important;
    min-width: 190px !important;

    gap: 8px !important;

    margin: 10px auto 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;

    list-style: none !important;

    scroll-snap-type: none !important;
    overscroll-behavior-x: auto !important;

    scrollbar-width: none !important;
  }


  body.home .mau-mobile-hero__navigation::-webkit-scrollbar,
  body.home .mau-mobile-hero__nav::-webkit-scrollbar {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
  }


  body.home .mau-mobile-hero__nav-item,
  body.home .mau-mobile-hero__nav-item:hover,
  body.home .mau-mobile-hero__nav-item:active,
  body.home .mau-mobile-hero__nav-item:focus {
    appearance: none !important;
    -webkit-appearance: none !important;

    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: transparent !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    font-size: 0 !important;
    line-height: 0 !important;

    text-align: left !important;
    text-decoration: none !important;

    overflow: visible !important;

    visibility: visible !important;
    opacity: 1 !important;

    cursor: pointer !important;

    user-select: none !important;
    -webkit-user-select: none !important;

    -webkit-tap-highlight-color: transparent !important;

    transform: none !important;
  }


  body.home .mau-mobile-hero__nav-title {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;

    color: transparent !important;

    pointer-events: none !important;
  }


  body.home .mau-mobile-hero__nav-item *,
  body.home .mau-mobile-hero__nav-item span,
  body.home .mau-mobile-hero__nav-item a {
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    pointer-events: none !important;
  }


  body.home .mau-mobile-hero__nav-item::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 8px !important;

    width: 100% !important;
    height: 2px !important;

    display: block !important;

    background: var(--mau-mob-03-line) !important;

    border: 0 !important;
    border-radius: 999px !important;

    pointer-events: none !important;

    z-index: 1 !important;
  }


  body.home .mau-mobile-hero__nav-item::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: 8px !important;

    width: 100% !important;
    height: 3px !important;

    display: block !important;

    background: var(--mau-mob-03-infrared) !important;

    border: 0 !important;
    border-radius: 999px !important;

    transform: scaleX(0);
    transform-origin: left center !important;

    pointer-events: none !important;

    z-index: 2 !important;
  }


  body.home
  .mau-mobile-hero__nav-item.is-active.is-progressing::after {
    animation:
      mau-mobile-hero-progress
      var(--mau-mob-03-progress-duration)
      linear
      forwards !important;
  }


  body.home .mau-mobile-hero__nav-item.is-active,
  body.home .mau-mobile-hero__nav-item.is-active:hover,
  body.home .mau-mobile-hero__nav-item.is-active:active,
  body.home .mau-mobile-hero__nav-item.is-active:focus,
  body.home .mau-mobile-hero__nav-item:focus-visible {
    color: transparent !important;

    background: transparent !important;

    border: 0 !important;

    outline: none !important;
    outline-offset: 0 !important;

    box-shadow: none !important;

    transform: none !important;
  }


  body.home .mau-mobile-hero *,
  body.home .mau-mobile-hero *::before,
  body.home .mau-mobile-hero *::after {
    box-sizing: border-box !important;
  }


  body.home .mau-mobile-hero .screen-reader-text {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
  }

}


@media only screen and (max-width: 1000px) and
       (prefers-reduced-motion: reduce) {

  body.home .mau-mobile-hero__slide {
    transform: none !important;
    transition: none !important;
  }


  body.home
  .mau-mobile-hero__nav-item.is-active.is-progressing::after {
    animation: none !important;
    transform: scaleX(1) !important;
  }

}/* =========================================================
   MOB-04 — MOBILE NEWS
   VERSION: 1.1
   ESTADO: EN VALIDACION

   UBICACION:
   APARIENCIA -> PERSONALIZAR -> CSS ADICIONAL

   ALCANCE:
   SOLO HOME / SOLO MOBILE — MAX-WIDTH 1000PX

   PROPIETARIO:
   - Seccion NEWS exclusiva de mobile.

   DEPENDENCIAS:
   - WPCode PHP 33A v1.1 activo.
   - WPCode JavaScript 33C activo.
   - Shortcode: [mau_mobile_news]
   - Row WPBakery: mau-mobile-news-row.
   - Categoria principal: all-sneakers.
   - Marcas:
     adidas
     Nike
     New Balance
     ASICS
     Salomon
     PUMA
     Converse
     New Era
     Vans

   ARQUITECTURA:
   - Carrusel mobile: posts elegibles 1-4.
   - NEWS inicial: posts elegibles 5-8.
   - Cuatro publicaciones iniciales.
   - VER MAS carga cuatro publicaciones adicionales.
   - Dos cards por fila.
   - Panel MARCAS integrado al header.
   - Panel abierto: dos columnas.
   - Nunca superponer filtros sobre cards.

   PROTECCIONES:
   - No modifica desktop.
   - No modifica MOB-03.
   - No modifica .mau-banner-row.
   - No modifica .mau-mobile-hero.
   - No modifica .mau-mobile-hero__*.
   - No modifica 33A.
   - No modifica 33C.

   POLITICA DE CAMBIO:
   - Solo una version de MOB-04 puede permanecer activa.
   - No crear MOB-04A, MOB-04B ni parches externos.
========================================================= */


/* =========================================================
   1. PROTECCION DESKTOP
========================================================= */

.mau-mobile-news-row {
  display: none !important;
}


/* =========================================================
   2. IMPLEMENTACION MOBILE
========================================================= */

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

  /* =====================================================
     2.1 — FILA DE MONTAJE WPBAKERY
  ===================================================== */

  body.home .mau-mobile-news-row,
  body.home .wpb_row.mau-mobile-news-row,
  body.home .vc_row.mau-mobile-news-row {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  body.home .mau-mobile-news-row::before,
  body.home .mau-mobile-news-row::after,
  body.home .wpb_row.mau-mobile-news-row::before,
  body.home .wpb_row.mau-mobile-news-row::after,
  body.home .vc_row.mau-mobile-news-row::before,
  body.home .vc_row.mau-mobile-news-row::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    pointer-events: none !important;
  }

  body.home .mau-mobile-news-row > .row_col_wrap_12,
  body.home .mau-mobile-news-row > .row_col_wrap_12_inner,
  body.home .mau-mobile-news-row .row_col_wrap_12,
  body.home .mau-mobile-news-row .vc_col-sm-12,
  body.home .mau-mobile-news-row .wpb_column,
  body.home .mau-mobile-news-row .vc_column-inner,
  body.home .mau-mobile-news-row .wpb_wrapper,
  body.home .mau-mobile-news-row .wpb_text_column,
  body.home .mau-mobile-news-row .wpb_text_column > .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  body.home .mau-mobile-news-row .wpb_text_column p {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* =====================================================
     2.2 — OCULTAR NEWS NATIVO SOLO EN MOBILE
  ===================================================== */

  body.home .mau-mobile-news-row ~ .mau-news-title,
  body.home .mau-mobile-news-row ~ .mau-news-filters {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    pointer-events: none !important;
  }

  @supports selector(body:has(.mau-mobile-news-row)) {

    body.home:has(.mau-mobile-news-row) .mau-news-title,
    body.home:has(.mau-mobile-news-row) .mau-news-filters {
      display: none !important;

      visibility: hidden !important;
      opacity: 0 !important;

      height: 0 !important;
      min-height: 0 !important;

      margin: 0 !important;
      padding: 0 !important;

      overflow: hidden !important;

      pointer-events: none !important;
    }

  }


  /* =====================================================
     3. CONTENEDOR PRINCIPAL
     MISMO ANCHO QUE MOB-03
  ===================================================== */

  body.home .mau-mobile-news {
    --mau-news-infrared: #ff5757;
    --mau-news-black: #111111;
    --mau-news-white: #ffffff;
    --mau-news-soft-gray: #f5f5f5;
    --mau-news-radius: 6px;

    display: block !important;
    position: relative !important;

    left: 50% !important;

    width: calc(100vw - 48px) !important;
    max-width: 760px !important;

    height: auto !important;
    min-height: 0 !important;

    margin-top: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding: 0 0 38px !important;

    color: var(--mau-news-black) !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
    isolation: isolate !important;

    transform: translateX(-50%) !important;
  }


  /* =====================================================
     4. CAPSULA NEWS + MARCAS
  ===================================================== */

  body.home .mau-mobile-news__header {
    position: relative !important;

    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr) auto !important;

    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 74px !important;

    column-gap: 12px !important;
    row-gap: 0 !important;

    margin: 0 !important;
    padding: 8px 20px !important;

    background: var(--mau-news-white) !important;
    background-color: var(--mau-news-white) !important;

    border:
      1px solid rgba(17, 17, 17, 0.08) !important;

    border-radius: 999px !important;

    outline: 0 !important;

    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.07) !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 4 !important;

    transition:
      border-radius 180ms ease,
      padding 180ms ease,
      box-shadow 180ms ease !important;
  }

  body.home
  .mau-mobile-news.is-filter-open
  .mau-mobile-news__header {
    min-height: 0 !important;

    row-gap: 10px !important;

    padding:
      10px 16px 14px !important;

    border-radius: 30px !important;

    box-shadow:
      0 14px 36px rgba(0, 0, 0, 0.10) !important;
  }


  /* =====================================================
     5. TITULO NEWS
  ===================================================== */

  body.home .mau-mobile-news__heading {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    max-width: 100% !important;

    height: 54px !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-news-infrared) !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size:
      clamp(46px, 13.5vw, 66px) !important;

    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.075em !important;

    text-align: left !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;

    transform: translateY(2px) !important;
  }


  /* =====================================================
     6. BOTON + MARCAS
  ===================================================== */

  body.home .mau-mobile-news__filter-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 132px !important;

    height: 54px !important;
    min-height: 54px !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 19px !important;

    color: var(--mau-news-white) !important;

    background: var(--mau-news-black) !important;
    background-color: var(--mau-news-black) !important;

    border:
      1px solid var(--mau-news-black) !important;

    border-radius: 999px !important;

    outline: 0 !important;

    box-shadow:
      0 7px 18px rgba(0, 0, 0, 0.14) !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.01em !important;

    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;

    transition:
      color 180ms ease,
      background-color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease !important;

    z-index: 6 !important;
  }

  body.home .mau-mobile-news__filter-toggle:hover,
  body.home .mau-mobile-news__filter-toggle:active {
    color: var(--mau-news-black) !important;

    background:
      var(--mau-news-infrared) !important;

    background-color:
      var(--mau-news-infrared) !important;

    border-color:
      var(--mau-news-infrared) !important;

    box-shadow:
      0 7px 20px rgba(255, 87, 87, 0.28) !important;

    transform: none !important;
  }

  body.home
  .mau-mobile-news.is-filter-open
  .mau-mobile-news__filter-toggle {
    color: var(--mau-news-black) !important;

    background:
      var(--mau-news-infrared) !important;

    background-color:
      var(--mau-news-infrared) !important;

    border-color:
      var(--mau-news-infrared) !important;
  }

  body.home
  .mau-mobile-news__filter-toggle:focus-visible {
    outline:
      2px solid var(--mau-news-infrared) !important;

    outline-offset: 3px !important;
  }

  body.home .mau-mobile-news__filter-symbol {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 14px !important;

    color: inherit !important;

    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    text-align: center !important;

    pointer-events: none !important;

    transform: rotate(0deg) !important;

    transition:
      transform 180ms ease !important;
  }

  body.home
  .mau-mobile-news.is-filter-open
  .mau-mobile-news__filter-symbol {
    transform: rotate(45deg) !important;
  }

  body.home .mau-mobile-news__filter-label {
    color: inherit !important;

    pointer-events: none !important;
  }


  /* =====================================================
     7. PANEL EDITORIAL DE MARCAS
     IMPORTANTE:
     YA NO ES ABSOLUTO.
     FORMA PARTE DEL FLUJO DEL HEADER.
  ===================================================== */

  body.home .mau-mobile-news__filter-panel {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    grid-column: 1 / -1 !important;

    display: grid !important;
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    column-gap: 10px !important;
    row-gap: 4px !important;

    margin: 0 !important;
    padding: 10px 0 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-top:
      1px solid rgba(17, 17, 17, 0.08) !important;

    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    z-index: 2 !important;
  }

  body.home
  .mau-mobile-news__filter-panel[hidden] {
    display: none !important;
  }


  /* =====================================================
     7.1 — BOTONES DE MARCA
  ===================================================== */

  body.home .mau-mobile-news__filter {
    appearance: none !important;
    -webkit-appearance: none !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 8px 4px !important;

    color: #777777 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 999px !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;

    text-align: center !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;

    transition:
      color 160ms ease,
      background-color 160ms ease !important;
  }

  body.home .mau-mobile-news__filter::after {
    content: "" !important;

    position: absolute !important;

    left: 22% !important;
    right: 22% !important;
    bottom: 4px !important;

    width: auto !important;
    height: 3px !important;

    display: block !important;

    background: transparent !important;

    border-radius: 999px !important;

    pointer-events: none !important;
  }

  body.home .mau-mobile-news__filter:hover,
  body.home .mau-mobile-news__filter:active {
    color: var(--mau-news-black) !important;

    background:
      rgba(17, 17, 17, 0.045) !important;
  }

  body.home .mau-mobile-news__filter.is-active {
    color: var(--mau-news-black) !important;
  }

  body.home
  .mau-mobile-news__filter.is-active::after {
    background:
      var(--mau-news-infrared) !important;
  }

  body.home
  .mau-mobile-news__filter:focus-visible {
    outline:
      2px solid var(--mau-news-infrared) !important;

    outline-offset: -2px !important;
  }


  /* =====================================================
     8. GRID — DOS CARDS POR FILA
  ===================================================== */

  body.home .mau-mobile-news__grid {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;

    column-gap: 10px !important;
    row-gap: 10px !important;

    margin-top: 14px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transition:
      opacity 180ms ease !important;
  }


  /* =====================================================
     9. CARD
  ===================================================== */

  body.home .mau-mobile-news__card {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    aspect-ratio: 1 / 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ececec !important;

    border: 0 !important;

    border-radius:
      var(--mau-news-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
  }

  body.home .mau-mobile-news__card-link,
  body.home .mau-mobile-news__card-link:hover,
  body.home .mau-mobile-news__card-link:active,
  body.home .mau-mobile-news__card-link:focus {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-news-white) !important;

    background: transparent !important;

    text-decoration: none !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: inherit !important;

    outline: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;
  }

  body.home
  .mau-mobile-news__card-link:focus-visible {
    outline:
      2px solid var(--mau-news-infrared) !important;

    outline-offset: -3px !important;
  }


  /* =====================================================
     10. IMAGEN
  ===================================================== */

  body.home .mau-mobile-news__media {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ececec !important;

    border: 0 !important;
    border-radius: inherit !important;
  }

  body.home .mau-mobile-news__image {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    transform: scale(1.001) !important;

    pointer-events: none !important;

    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;

    transition:
      transform 420ms
      cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  body.home
  .mau-mobile-news__card-link:hover
  .mau-mobile-news__image {
    transform: scale(1.035) !important;
  }


  /* =====================================================
     11. OVERLAY
  ===================================================== */

  body.home .mau-mobile-news__overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.08) 0%,
        rgba(0, 0, 0, 0.16) 42%,
        rgba(0, 0, 0, 0.42) 100%
      ) !important;

    pointer-events: none !important;

    z-index: 1 !important;
  }


  /* =====================================================
     12. TITULO CENTRADO
  ===================================================== */

  body.home .mau-mobile-news__content {
    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 12px !important;

    text-align: center !important;

    pointer-events: none !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
  }

  body.home .mau-mobile-news__title {
    display: -webkit-box !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-news-white) !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size:
      clamp(12px, 3.8vw, 18px) !important;

    font-weight: 800 !important;
    line-height: 1.03 !important;
    letter-spacing: -0.035em !important;

    text-align: center !important;
    text-transform: uppercase !important;

    text-shadow:
      0 2px 10px rgba(0, 0, 0, 0.48) !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    pointer-events: none !important;
  }


  /* =====================================================
     13. ESTADO VACIO
  ===================================================== */

  body.home .mau-mobile-news__empty {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin: 16px 0 !important;
    padding: 24px 12px !important;

    color: #666666 !important;

    background:
      var(--mau-news-soft-gray) !important;

    border-radius: 6px !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
  }


  /* =====================================================
     14. BOTON VER MAS
  ===================================================== */

  body.home .mau-mobile-news__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 26px 0 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  body.home .mau-mobile-news__load-more {
    appearance: none !important;
    -webkit-appearance: none !important;

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(210px, 72vw) !important;

    height: 50px !important;
    min-height: 50px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    color: var(--mau-news-white) !important;

    background:
      var(--mau-news-black) !important;

    background-color:
      var(--mau-news-black) !important;

    border:
      1px solid var(--mau-news-black) !important;

    border-radius: 999px !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;

    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;

    transition:
      color 180ms ease,
      background-color 180ms ease,
      border-color 180ms ease !important;
  }

  body.home .mau-mobile-news__load-more:hover,
  body.home .mau-mobile-news__load-more:active {
    color: var(--mau-news-black) !important;

    background:
      var(--mau-news-infrared) !important;

    background-color:
      var(--mau-news-infrared) !important;

    border-color:
      var(--mau-news-infrared) !important;

    transform: none !important;
  }

  body.home
  .mau-mobile-news__load-more:focus-visible {
    outline:
      2px solid var(--mau-news-infrared) !important;

    outline-offset: 4px !important;
  }

  body.home
  .mau-mobile-news__load-more[hidden] {
    display: none !important;
  }

  body.home
  .mau-mobile-news__load-more:disabled {
    cursor: wait !important;

    opacity: 0.55 !important;
  }


  /* =====================================================
     15. ESTADO DE CARGA
  ===================================================== */

  body.home
  .mau-mobile-news.is-loading
  .mau-mobile-news__grid {
    opacity: 0.42 !important;

    pointer-events: none !important;
  }

  body.home
  .mau-mobile-news.is-loading
  .mau-mobile-news__load-more:not([hidden]) {
    font-size: 0 !important;
  }

  body.home
  .mau-mobile-news.is-loading
  .mau-mobile-news__load-more:not([hidden])::after {
    content: "CARGANDO..." !important;

    display: block !important;

    color: inherit !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
  }


  /* =====================================================
     16. ERROR DE SOLICITUD
  ===================================================== */

  body.home
  .mau-mobile-news.has-request-error
  .mau-mobile-news__load-more {
    color: var(--mau-news-black) !important;

    background:
      var(--mau-news-white) !important;

    background-color:
      var(--mau-news-white) !important;

    border-color:
      var(--mau-news-infrared) !important;
  }


  /* =====================================================
     17. PROTECCIONES GENERALES
  ===================================================== */

  body.home .mau-mobile-news *,
  body.home .mau-mobile-news *::before,
  body.home .mau-mobile-news *::after {
    box-sizing: border-box !important;
  }

  body.home
  .mau-mobile-news
  .screen-reader-text {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
  }

}


/* =========================================================
   18. TELEFONOS MUY ANGOSTOS
   CONSERVA DOS COLUMNAS
========================================================= */

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

  body.home .mau-mobile-news {
    width: calc(100vw - 48px) !important;
    max-width: 760px !important;
  }

  body.home .mau-mobile-news__header {
    min-height: 66px !important;

    column-gap: 6px !important;

    padding: 7px 15px !important;
  }

  body.home
  .mau-mobile-news.is-filter-open
  .mau-mobile-news__header {
    padding:
      9px 13px 13px !important;

    border-radius: 26px !important;
  }

  body.home .mau-mobile-news__heading {
    height: 48px !important;
    min-height: 48px !important;

    font-size: 42px !important;

    transform: translateY(2px) !important;
  }

  body.home .mau-mobile-news__filter-toggle {
    min-width: 116px !important;

    height: 48px !important;
    min-height: 48px !important;

    padding: 0 14px !important;

    font-size: 11.5px !important;
  }

  body.home .mau-mobile-news__filter-panel {
    column-gap: 6px !important;
    row-gap: 2px !important;

    padding-top: 8px !important;
  }

  body.home .mau-mobile-news__filter {
    height: 38px !important;
    min-height: 38px !important;

    padding:
      0 4px 4px !important;

    font-size: 10.8px !important;
    letter-spacing: -0.025em !important;
  }

  body.home .mau-mobile-news__filter::after {
    left: 20% !important;
    right: 20% !important;

    bottom: 3px !important;
  }

  body.home .mau-mobile-news__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    column-gap: 8px !important;
    row-gap: 8px !important;
  }

  body.home .mau-mobile-news__content {
    padding: 9px !important;
  }

  body.home .mau-mobile-news__title {
    font-size: 11px !important;
    line-height: 1.02 !important;
  }

}

/* =========================================================
   MOB-05 — MOBILE CONEXIONES
   VERSIÓN: 1.1
   ESTADO: CERRADO

   UBICACIÓN:
   APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   ALCANCE:
   SOLO HOME / SOLO MOBILE — MAX-WIDTH 1000PX

   DEPENDENCIAS:
   - WPCode PHP 34A activo.
   - WPCode JavaScript 34C activo.
   - Shortcode: [mau_mobile_conexiones]
   - Row WPBakery: mau-mobile-conexiones-row.
   - Categoría: conexiones.

   ARQUITECTURA:
   - 4 publicaciones iniciales.
   - 4 publicaciones adicionales por clic.
   - 2 cards verticales por fila.
   - Formato editorial 4:5.
   - Cápsula CONEXIONES centrada.
   - Botón MÁS CONEXIONES.
   - Orden descendente por fecha.

   PROTECCIONES:
   - No modifica desktop.
   - No modifica MOB-03.
   - No modifica MOB-04.
   - Oculta la sección nativa de CONEXIONES
     únicamente en mobile.

   POLÍTICA DE CAMBIO:
   - Esta versión queda CERRADA.
   - No modificar salvo bug real o instrucción explícita.
========================================================= */
/* =========================================================
   1. PROTECCIÓN DESKTOP
========================================================= */

.mau-mobile-conexiones-row {
  display: none !important;
}


/* =========================================================
   2. IMPLEMENTACIÓN MOBILE
========================================================= */

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

  /* =====================================================
     2.1 — FILA DE MONTAJE WPBAKERY
  ===================================================== */

  body.home .mau-mobile-conexiones-row,
  body.home .wpb_row.mau-mobile-conexiones-row,
  body.home .vc_row.mau-mobile-conexiones-row {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }


  body.home .mau-mobile-conexiones-row::before,
  body.home .mau-mobile-conexiones-row::after,
  body.home .wpb_row.mau-mobile-conexiones-row::before,
  body.home .wpb_row.mau-mobile-conexiones-row::after,
  body.home .vc_row.mau-mobile-conexiones-row::before,
  body.home .vc_row.mau-mobile-conexiones-row::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    pointer-events: none !important;
  }


  body.home .mau-mobile-conexiones-row > .row_col_wrap_12,
  body.home .mau-mobile-conexiones-row > .row_col_wrap_12_inner,
  body.home .mau-mobile-conexiones-row .row_col_wrap_12,
  body.home .mau-mobile-conexiones-row .vc_col-sm-12,
  body.home .mau-mobile-conexiones-row .wpb_column,
  body.home .mau-mobile-conexiones-row .vc_column-inner,
  body.home .mau-mobile-conexiones-row .wpb_wrapper,
  body.home .mau-mobile-conexiones-row .wpb_text_column,
  body.home
  .mau-mobile-conexiones-row
  .wpb_text_column
  > .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }


  body.home
  .mau-mobile-conexiones-row
  .wpb_text_column
  p {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* =====================================================
     2.2 — OCULTAR CONEXIONES NATIVO SOLO EN MOBILE
  ===================================================== */

  body.home .mau-conexiones {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    pointer-events: none !important;
  }


  /* =====================================================
     3. COMPONENTE PRINCIPAL
  ===================================================== */

  body.home .mau-mobile-conexiones {
    --mau-conexiones-infrared: #ff5757;
    --mau-conexiones-black: #111111;
    --mau-conexiones-white: #ffffff;
    --mau-conexiones-gray: #ececec;
    --mau-conexiones-radius: 6px;

    position: relative !important;
    left: 50% !important;

    display: block !important;

    width: calc(100vw - 48px) !important;
    max-width: 760px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 0 42px !important;

    color: var(--mau-conexiones-black) !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
    isolation: isolate !important;

    transform: translateX(-50%) !important;
  }


  /* =====================================================
     4. CÁPSULA CONEXIONES
  ===================================================== */

  body.home .mau-mobile-conexiones__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 74px !important;

    margin: 0 0 14px !important;
    padding: 8px 20px !important;

    text-align: center !important;

    background: var(--mau-conexiones-white) !important;
    background-color: var(--mau-conexiones-white) !important;

    border:
      1px solid rgba(17, 17, 17, 0.08) !important;

    border-radius: 999px !important;

    outline: 0 !important;

    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.07) !important;

    overflow: visible !important;

    box-sizing: border-box !important;
  }


  body.home .mau-mobile-conexiones__heading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 54px !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-conexiones-infrared) !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size:
      clamp(36px, 10.4vw, 56px) !important;

    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.065em !important;

    text-align: center !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transform: translateY(2px) !important;
  }


  /* =====================================================
     5. GRID — DOS CARDS POR FILA
  ===================================================== */

  body.home .mau-mobile-conexiones__grid {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    column-gap: 10px !important;
    row-gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transition: opacity 180ms ease !important;
  }


  /* =====================================================
     6. CARD VERTICAL EDITORIAL — 4:5
  ===================================================== */

  body.home .mau-mobile-conexiones__card {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    aspect-ratio: 4 / 5 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: var(--mau-conexiones-gray) !important;
    background-color: var(--mau-conexiones-gray) !important;

    border: 0 !important;

    border-radius:
      var(--mau-conexiones-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
  }


  body.home .mau-mobile-conexiones__card-link,
  body.home .mau-mobile-conexiones__card-link:hover,
  body.home .mau-mobile-conexiones__card-link:active,
  body.home .mau-mobile-conexiones__card-link:focus {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-conexiones-white) !important;

    background: transparent !important;
    background-color: transparent !important;

    text-decoration: none !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: inherit !important;

    outline: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;
  }


  body.home
  .mau-mobile-conexiones__card-link:focus-visible {
    outline:
      2px solid var(--mau-conexiones-infrared) !important;

    outline-offset: -3px !important;
  }


  /* =====================================================
     7. IMAGEN
  ===================================================== */

  body.home .mau-mobile-conexiones__media {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: var(--mau-conexiones-gray) !important;
    background-color: var(--mau-conexiones-gray) !important;

    border: 0 !important;
    border-radius: inherit !important;
  }


  body.home .mau-mobile-conexiones__image {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    transform: scale(1.001) !important;

    pointer-events: none !important;

    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;

    transition:
      transform 420ms
      cubic-bezier(0.22, 1, 0.36, 1) !important;
  }


  body.home
  .mau-mobile-conexiones__card-link:hover
  .mau-mobile-conexiones__image {
    transform: scale(1.035) !important;
  }


  /* =====================================================
     8. OVERLAY
  ===================================================== */

  body.home .mau-mobile-conexiones__overlay {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.05) 0%,
        rgba(0, 0, 0, 0.18) 44%,
        rgba(0, 0, 0, 0.58) 100%
      ) !important;

    pointer-events: none !important;

    z-index: 1 !important;
  }


  /* =====================================================
     9. TÍTULO DE CARD
  ===================================================== */

  body.home .mau-mobile-conexiones__content {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 9px !important;

    text-align: center !important;

    pointer-events: none !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
  }


  body.home .mau-mobile-conexiones__title {
    display: -webkit-box !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--mau-conexiones-white) !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size:
      clamp(10px, 3.1vw, 15px) !important;

    font-weight: 800 !important;
    line-height: 1.03 !important;
    letter-spacing: -0.035em !important;

    text-align: center !important;
    text-transform: none !important;

    text-shadow:
      0 2px 10px rgba(0, 0, 0, 0.58) !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    pointer-events: none !important;
  }


  /* =====================================================
     10. ESTADO VACÍO
  ===================================================== */

  body.home .mau-mobile-conexiones__empty {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 24px 12px !important;

    color: #666666 !important;

    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;

    border-radius: 6px !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
  }


  /* =====================================================
     11. BOTÓN MÁS CONEXIONES
  ===================================================== */

  body.home .mau-mobile-conexiones__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 26px 0 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }


  body.home .mau-mobile-conexiones__load-more {
    appearance: none !important;
    -webkit-appearance: none !important;

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(240px, 78vw) !important;

    height: 50px !important;
    min-height: 50px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    color: var(--mau-conexiones-white) !important;

    background: var(--mau-conexiones-black) !important;
    background-color:
      var(--mau-conexiones-black) !important;

    border:
      1px solid var(--mau-conexiones-black) !important;

    border-radius: 999px !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family:
      "Montserrat",
      "Inter",
      "Arial",
      sans-serif !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;

    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;

    transition:
      color 180ms ease,
      background-color 180ms ease,
      border-color 180ms ease !important;
  }


  body.home .mau-mobile-conexiones__load-more:hover,
  body.home .mau-mobile-conexiones__load-more:active {
    color: var(--mau-conexiones-black) !important;

    background:
      var(--mau-conexiones-infrared) !important;

    background-color:
      var(--mau-conexiones-infrared) !important;

    border-color:
      var(--mau-conexiones-infrared) !important;

    transform: none !important;
  }


  body.home
  .mau-mobile-conexiones__load-more:focus-visible {
    outline:
      2px solid var(--mau-conexiones-infrared) !important;

    outline-offset: 4px !important;
  }


  body.home
  .mau-mobile-conexiones__load-more[hidden] {
    display: none !important;
  }


  body.home
  .mau-mobile-conexiones__load-more:disabled {
    cursor: wait !important;

    opacity: 0.55 !important;
  }


  /* =====================================================
     12. ESTADO DE CARGA
  ===================================================== */

  body.home
  .mau-mobile-conexiones.is-loading
  .mau-mobile-conexiones__grid {
    opacity: 0.42 !important;

    pointer-events: none !important;
  }


  body.home
  .mau-mobile-conexiones.is-loading
  .mau-mobile-conexiones__load-more:not([hidden]) {
    font-size: 0 !important;
  }


  body.home
  .mau-mobile-conexiones.is-loading
  .mau-mobile-conexiones__load-more:not([hidden])::after {
    content: "CARGANDO..." !important;

    display: block !important;

    color: inherit !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
  }


  /* =====================================================
     13. ERROR AJAX
  ===================================================== */

  body.home
  .mau-mobile-conexiones.has-request-error
  .mau-mobile-conexiones__load-more {
    color: var(--mau-conexiones-black) !important;

    background: var(--mau-conexiones-white) !important;
    background-color:
      var(--mau-conexiones-white) !important;

    border-color:
      var(--mau-conexiones-infrared) !important;
  }


  /* =====================================================
     14. PROTECCIONES GENERALES
  ===================================================== */

  body.home .mau-mobile-conexiones *,
  body.home .mau-mobile-conexiones *::before,
  body.home .mau-mobile-conexiones *::after {
    box-sizing: border-box !important;
  }


  body.home
  .mau-mobile-conexiones
  .screen-reader-text {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
  }

}


/* =========================================================
   15. TELÉFONOS MUY ANGOSTOS
   CONSERVA DOS CARDS VERTICALES 4:5
========================================================= */

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

  body.home .mau-mobile-conexiones {
    width: calc(100vw - 48px) !important;
    max-width: 760px !important;
  }


  body.home .mau-mobile-conexiones__header {
    min-height: 66px !important;

    padding: 7px 15px !important;
  }


  body.home .mau-mobile-conexiones__heading {
    height: 48px !important;
    min-height: 48px !important;

    font-size: 34px !important;

    transform: translateY(2px) !important;
  }


  body.home .mau-mobile-conexiones__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    column-gap: 8px !important;
    row-gap: 8px !important;
  }


  body.home .mau-mobile-conexiones__card {
    aspect-ratio: 4 / 5 !important;
  }


  body.home .mau-mobile-conexiones__content {
    padding: 7px !important;
  }


  body.home .mau-mobile-conexiones__title {
    font-size: 10px !important;
    line-height: 1.02 !important;
  }

}/* =========================================================
   MOB-07 — SINGLE POST PRODUCT CARD MOBILE
   VERSIÓN: 1.1
   ESTADO: EN VALIDACIÓN

   UBICACIÓN:
   WORDPRESS → APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   ALCANCE:
   - Solo entradas individuales.
   - Solo mobile y tablet hasta 1000px.
   - No modifica desktop.
   - No modifica PHP, Gutenberg ni ACF.

   FUNCIÓN:
   - Ficha horizontal compacta.
   - Información a la izquierda.
   - Imagen a la derecha.
   - Título de producto controlado.
   - CTA dentro de la columna izquierda.
========================================================= */

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

  /* =======================================================
     1. CONTENEDOR EXTERIOR
  ======================================================= */

  body.single-post .mau-post-master {
    width: calc(100% - 32px) !important;
    max-width: 760px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    padding-top: 12px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     2. FICHA HORIZONTAL
  ======================================================= */

  body.single-post
  .mau-post-master
  > .wp-block-columns.mau-post-product-layout,

  body.single-post
  .mau-post-master
  .mau-post-product-layout {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 18px !important;

    display: grid !important;

    grid-template-columns:
      minmax(0, 56%)
      minmax(0, 44%) !important;

    column-gap: 12px !important;
    row-gap: 0 !important;

    align-items: center !important;

    background-color: #f8f8f6 !important;

    border: 1px solid #171717 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }


  body.single-post
  .mau-post-product-layout::before,

  body.single-post
  .mau-post-product-layout::after,

  body.single-post
  .mau-master-product-card::before,

  body.single-post
  .mau-master-product-card::after,

  body.single-post
  .mau-master-product-data::before,

  body.single-post
  .mau-master-product-data::after {
    content: none !important;
    display: none !important;
  }


  /* =======================================================
     3. COLUMNAS
  ======================================================= */

  body.single-post
  .mau-post-product-layout
  > .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-post-product-copy {
    order: 1 !important;

    display: flex !important;
    align-items: stretch !important;
  }


  body.single-post
  .mau-post-product-image {
    order: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }


  /* =======================================================
     4. CONTENIDO DEL PRODUCTO
  ======================================================= */

  body.single-post
  .mau-master-product-card {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;

    color: #111111 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    text-align: left !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     5. TÍTULO DEL PRODUCTO
  ======================================================= */

  body.single-post
  .mau-master-product-title {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: var(--mau-infrared, #ff5a5f) !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: clamp(18px, 4.8vw, 22px) !important;
    line-height: 0.98 !important;
    font-weight: 900 !important;
    letter-spacing: -0.045em !important;

    text-align: left !important;
    text-transform: none !important;
    text-wrap: balance !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }


  /* =======================================================
     6. DATOS
  ======================================================= */

  body.single-post
  .mau-master-product-data {
    width: 100% !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #111111 !important;

    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }


  body.single-post
  .mau-master-product-data p {
    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: clamp(12px, 3.25vw, 14px) !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    letter-spacing: -0.018em !important;

    text-align: left !important;
    text-align-last: left !important;

    word-spacing: normal !important;
  }


  body.single-post
  .mau-master-product-data p:last-child {
    margin-bottom: 0 !important;
  }


  body.single-post
  .mau-master-product-data p span,

  body.single-post
  .mau-master-product-data p strong,

  body.single-post
  .mau-master-product-data p b {
    color: #111111 !important;
    font-weight: 700 !important;

    text-align: inherit !important;
    text-align-last: inherit !important;

    word-spacing: normal !important;
  }


  /* =======================================================
     7. CTA
  ======================================================= */

  body.single-post
  .mau-master-product-cta {
    width: 100% !important;
    max-width: 190px !important;
    min-width: 0 !important;
    min-height: 42px !important;

    margin: 3px 0 0 !important;
    padding: 11px 12px !important;

    align-self: flex-start !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background-color: #34383e !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 999px !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: clamp(11px, 3vw, 13px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-master-product-cta:hover {
    background-color: var(--mau-infrared, #ff5a5f) !important;
    color: #ffffff !important;

    transform: none !important;
  }


  /* =======================================================
     8. IMAGEN
  ======================================================= */

  body.single-post
  .mau-post-product-image figure,

  body.single-post
  .mau-post-product-image .wp-block-image {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-post-product-image img {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: 220px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: block !important;

    object-fit: contain !important;
    object-position: center center !important;

    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
  }
}


/* =========================================================
   MOB-07.1 — TELÉFONOS ANGOSTOS
========================================================= */

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

  body.single-post
  .mau-post-master
  .mau-post-product-layout {
    padding: 14px !important;

    grid-template-columns:
      minmax(0, 56%)
      minmax(0, 44%) !important;

    column-gap: 9px !important;
  }


  body.single-post
  .mau-master-product-title {
    margin-bottom: 11px !important;

    font-size: 17px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;

    text-wrap: balance !important;
  }


  body.single-post
  .mau-master-product-data {
    margin-bottom: 11px !important;
  }


  body.single-post
  .mau-master-product-data p {
    margin-bottom: 5px !important;

    font-size: 11.5px !important;
    line-height: 1.22 !important;
  }


  body.single-post
  .mau-master-product-cta {
    min-height: 39px !important;

    padding: 10px 9px !important;

    font-size: 10.5px !important;
  }


  body.single-post
  .mau-post-product-image img {
    max-height: 190px !important;
  }
}


/* =========================================================
   MOB-08 — SINGLE POST EDITORIAL TYPOGRAPHY
   VERSIÓN: 0.7
   ESTADO: EN VALIDACIÓN

   UBICACIÓN:
   WORDPRESS → APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   PRINCIPIO:
   - Controla SOLO contenido editorial real del post.
   - NO toca card de producto.
   - NO toca newsletter.
   - NO toca relacionados.
   - NO toca MÁS LANZAMIENTOS.
   - NO toca MÁS CONEXIONES.
   - NO modifica desktop.

   CRITERIO:
   - Párrafo = negro / tamaño cuerpo.
   - H2 = Infrared / mismo tamaño base / bold.
   - H3 = Infrared / mismo tamaño base / bold.
   - H4 = negro.
   - Nada se convierte automáticamente en heading.
   ========================================================= */


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


  /* =======================================================
     1 — OCULTAR CATEGORÍAS NATIVAS
     ======================================================= */

  body.single-post
  .featured-media-under-header__cat-wrap,

  body.single-post
  .featured-media-under-header__cat-wrap *,

  body.single-post
  .featured-media-under-header__content
  .meta-category {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    pointer-events: none !important;
  }



  /* =======================================================
     2 — TÍTULO PRINCIPAL DEL POST
     ======================================================= */

  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__content
  > h1.entry-title {
    width: calc(100% - 36px) !important;
    max-width: 660px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    color: #050505 !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size:
      clamp(29px, 7.2vw, 36px) !important;

    line-height: 1.04 !important;

    font-weight: 600 !important;

    letter-spacing:
      -0.035em !important;

    text-align: center !important;
    text-align-last: center !important;

    text-wrap: balance !important;

    word-spacing: normal !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    -webkit-hyphens: none !important;
    hyphens: none !important;
  }



  /* =======================================================
     3 — ESCALA EDITORIAL

     IMPORTANTE:
     Los grupos excluyen explícitamente:
     - .mau-post-master
     - .mau-web-subscribe
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > p,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > ul,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > ol,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > blockquote,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h2,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h3,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h4,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ul,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ol,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > blockquote,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h2,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h3,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h4 {
    width: calc(100% - 32px) !important;
    max-width: 760px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    padding: 0 !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size:
      clamp(17px, 4.2vw, 19px) !important;

    line-height: 1.55 !important;

    letter-spacing:
      -0.018em !important;

    word-spacing: normal !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    box-sizing: border-box !important;
  }



  /* =======================================================
     4 — PÁRRAFOS
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > p,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p {
    margin-top: 0 !important;
    margin-bottom: 24px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-weight: 400 !important;

    text-align: justify !important;
    text-align-last: left !important;

    text-justify: inter-word !important;

    -webkit-hyphens: none !important;
    hyphens: none !important;

    text-wrap: pretty !important;
  }



  /* =======================================================
     4.1 — BOLD
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > p strong,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > p b,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p strong,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p b {
    font-weight: 700 !important;
  }



  /* =======================================================
     5 — LEGACY H2 LEAD
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h2.mau-post-h2-lead,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h2.mau-post-h2-lead {
    width: calc(100% - 32px) !important;
    max-width: 760px !important;

    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 24px !important;
    margin-left: auto !important;

    padding: 0 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size:
      clamp(17px, 4.2vw, 19px) !important;

    line-height: 1.55 !important;

    font-weight: 400 !important;

    letter-spacing:
      -0.018em !important;

    text-align: justify !important;
    text-align-last: left !important;

    text-transform: none !important;

    text-wrap: pretty !important;

    word-spacing: normal !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    -webkit-hyphens: none !important;
    hyphens: none !important;

    transform: none !important;

    box-sizing: border-box !important;
  }



  /* =======================================================
     6 — H2 / H3 CREADOS POR EL EDITOR
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h2:not(.mau-post-h2-lead),

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h3,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h2:not(.mau-post-h2-lead),

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h3 {
    color:
      var(--mau-infrared, #ff5a5f) !important;

    -webkit-text-fill-color:
      var(--mau-infrared, #ff5a5f) !important;

    font-size:
      clamp(17px, 4.2vw, 19px) !important;

    line-height: 1.35 !important;

    font-weight: 700 !important;

    letter-spacing:
      -0.018em !important;

    text-align: left !important;
    text-align-last: left !important;

    text-transform: none !important;

    text-wrap: pretty !important;

    -webkit-hyphens: none !important;
    hyphens: none !important;
  }



  /* =======================================================
     6.1 — ESPACIADO H2
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h2:not(.mau-post-h2-lead),

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h2:not(.mau-post-h2-lead) {
    margin-top: 32px !important;
    margin-bottom: 12px !important;
  }



  /* =======================================================
     6.2 — ESPACIADO H3
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h3,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h3 {
    margin-top: 28px !important;
    margin-bottom: 10px !important;
  }



  /* =======================================================
     7 — H4
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h4,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h4 {
    margin-top: 24px !important;
    margin-bottom: 10px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-weight: 600 !important;

    text-align: left !important;
    text-align-last: left !important;
  }



  /* =======================================================
     8 — LISTAS
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > ul,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > ol,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ul,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ol {
    margin-top: 0 !important;
    margin-bottom: 24px !important;

    padding-left: 24px !important;

    color: #111111 !important;

    font-weight: 400 !important;
  }



  body.single-post
  #ajax-content-wrap
  .content-inner
  > ul
  > li,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > ol
  > li,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ul
  > li,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ol
  > li {
    margin-bottom: 9px !important;

    text-align: left !important;
    text-align-last: left !important;

    word-spacing: normal !important;
  }



  /* =======================================================
     9 — BLOCKQUOTE
     ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > blockquote,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > blockquote {
    margin-top: 30px !important;
    margin-bottom: 30px !important;

    padding-top: 4px !important;
    padding-right: 0 !important;
    padding-bottom: 4px !important;
    padding-left: 18px !important;

    color: #111111 !important;

    border-left:
      3px solid
      var(--mau-infrared, #ff5a5f) !important;

    font-size:
      clamp(17px, 4.2vw, 19px) !important;

    line-height: 1.55 !important;

    font-weight: 400 !important;
    font-style: normal !important;

    text-align: left !important;
    text-align-last: left !important;
  }

}



/* =========================================================
   MOB-08.2 — PANTALLAS ANGOSTAS
   ========================================================= */

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

  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__content
  > h1.entry-title {
    width: calc(100% - 28px) !important;

    font-size:
      clamp(27px, 7.5vw, 32px) !important;

    line-height: 1.04 !important;

    font-weight: 600 !important;
  }



  body.single-post
  #ajax-content-wrap
  .content-inner
  > p,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > ul,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > ol,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > blockquote,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h2,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h3,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > h4,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ul,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > ol,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > blockquote,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h2,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h3,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > h4 {
    width: calc(100% - 28px) !important;

    font-size: 17px !important;
  }

}
/* =========================================================
   MOB-09 — SNEAKERS CARDS MOBILE
   VERSIÓN: 1.0
   ESTADO: EN VALIDACIÓN

   UBICACIÓN:
   WORDPRESS → APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   ALCANCE:
   - Solo página SNEAKERS.
   - Solo mobile y tablet hasta 1000px.
   - No modifica desktop.
   - No modifica el Bloque 14 cerrado.
   - No modifica HOME.
   - No modifica MOB-07 ni MOB-08.

   FUNCIÓN:
   - Una card por fila.
   - Imagen protagonista.
   - Título centrado sobre la imagen.
   - DROP negro debajo de la imagen.
   - CTA blanco con borde negro.
   - Punto Infrared.
   - Ocultar metadata y contenido no deseado.
========================================================= */

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

  /* =======================================================
     1. PÁGINA SNEAKERS
  ======================================================= */

  body:not(.home) .mau-sneakers-page {
    position: relative !important;

    width: calc(100% - 32px) !important;
    max-width: 760px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    padding-top: 0 !important;
    padding-bottom: 56px !important;

    background: transparent !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }


  /* =======================================================
     2. HERO
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-hero-copy {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 24px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-hero-copy h1 {
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: clamp(46px, 12.8vw, 66px) !important;
    line-height: 0.94 !important;
    font-weight: 900 !important;
    letter-spacing: -0.065em !important;

    text-align: left !important;
    text-transform: uppercase !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-hero-copy p {
    margin: 0 !important;
    padding: 0 !important;

    color: #111111 !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: clamp(16px, 4.2vw, 19px) !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: -0.018em !important;

    text-align: left !important;
  }


  /* =======================================================
     3. LOOP Y GRID
  ======================================================= */

  body .mau-sneakers-page .mau-sneakers-loop,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-wrap,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    column-gap: 0 !important;
    row-gap: 30px !important;

    align-items: start !important;
  }


  /* =======================================================
     4. CARD
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    pointer-events: auto !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item::before,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item::after {
    content: none !important;
    display: none !important;
  }


  /* =======================================================
     5. ESTRUCTURA INTERNA
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item
  .inner {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    background: transparent !important;

    overflow: visible !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     6. IMAGEN
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item-bg-wrap {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 8 / 5 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    overflow: hidden !important;

    background: #eeeeee !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-sizing: border-box !important;

    z-index: 1 !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item-bg-wrap-inner,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item-bg {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    border: 0 !important;
    border-radius: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
  }


  /* =======================================================
     7. CONTENT
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item
  .content,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .item-main {
    position: static !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    background: transparent !important;

    overflow: visible !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     8. LINK DE LA IMAGEN
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-link {
    position: absolute !important;

    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 8 / 5 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    z-index: 15 !important;

    pointer-events: auto !important;
    cursor: pointer !important;
  }


  /* =======================================================
     9. TÍTULO SOBRE LA IMAGEN
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  h3.post-heading {
    position: absolute !important;

    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 8 / 5 !important;

    margin: 0 !important;
    padding: 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: clamp(21px, 6vw, 29px) !important;
    line-height: 0.98 !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;

    text-align: center !important;
    text-transform: uppercase !important;
    text-wrap: balance !important;

    text-shadow:
      0 5px 18px rgba(0, 0, 0, 0.72) !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 20 !important;

    pointer-events: none !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  h3.post-heading span,

  body .mau-sneakers-page
  .mau-sneakers-loop
  h3.post-heading a {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    pointer-events: none !important;
  }


  /* =======================================================
     10. CUSTOM FIELDS
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item__custom-fields {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1.18fr) !important;

    gap: 8px !important;

    align-items: stretch !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 30 !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item__custom-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    background: transparent !important;

    border: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     11. DIMENSIONES DE LOS CONTROLES
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-date-card,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    line-height: 1 !important;
    letter-spacing: 0 !important;

    text-align: center !important;
    white-space: nowrap !important;

    border-radius: 0 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;
  }


  /* =======================================================
     12. DROP
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-date-card {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background-color: #000000 !important;

    border: 2px solid #000000 !important;

    font-size: clamp(13px, 3.8vw, 16px) !important;
    font-weight: 800 !important;
  }


  /* =======================================================
     13. CTA
  ======================================================= */

  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    background-color: transparent !important;

    border: 2px solid #000000 !important;

    gap: 7px !important;

    font-size: clamp(11px, 3.2vw, 13px) !important;
    font-weight: 800 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;

    pointer-events: auto !important;
    cursor: pointer !important;

    z-index: 40 !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card > span {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    flex: 0 0 7px !important;

    background-color:
      var(--mau-infrared, #ff5a5f) !important;

    border: 0 !important;
    border-radius: 999px !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card::before,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card::after {
    content: none !important;
    display: none !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background-color:
      var(--mau-infrared, #ff5a5f) !important;

    border-color:
      var(--mau-infrared, #ff5a5f) !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card:active > span {
    background-color: #ffffff !important;
  }


  /* =======================================================
     14. OCULTAR CONTENIDO NO DESEADO
  ======================================================= */

  body .mau-sneakers-page .mau-sneakers-loop .excerpt,

  body .mau-sneakers-page .mau-sneakers-loop .post-content,

  body .mau-sneakers-page .mau-sneakers-loop .grav-wrap,

  body .mau-sneakers-page .mau-sneakers-loop .meta-author,

  body .mau-sneakers-page .mau-sneakers-loop .nectar-love-wrap,

  body .mau-sneakers-page .mau-sneakers-loop .comments-link,

  body .mau-sneakers-page .mau-sneakers-loop .post-date,

  body .mau-sneakers-page .mau-sneakers-loop time,

  body .mau-sneakers-page .mau-sneakers-loop .post-meta {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    pointer-events: none !important;
  }


  /* =======================================================
     15. MÁS SNEAKERS
  ======================================================= */

  body .mau-sneakers-page .load-more-wrap,

  body .mau-sneakers-page .nectar-load-more,

  body .mau-sneakers-page .post-grid-load-more,

  body .mau-sneakers-page .nectar-post-grid-load-more {
    width: 100% !important;

    margin-top: 38px !important;
    margin-bottom: 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    pointer-events: auto !important;
  }


  body .mau-sneakers-page .load-more-wrap > a,

  body .mau-sneakers-page .nectar-load-more > a,

  body .mau-sneakers-page .post-grid-load-more > a,

  body .mau-sneakers-page .nectar-post-grid-load-more > a {
    position: relative !important;

    width: min(260px, 78vw) !important;
    min-width: 0 !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 16px 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: transparent !important;

    background-color:
      var(--mau-infrared, #ff5a5f) !important;

    border:
      2px solid
      var(--mau-infrared, #ff5a5f) !important;

    border-radius: 999px !important;

    font-size: 0 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    overflow: hidden !important;

    pointer-events: auto !important;
    cursor: pointer !important;

    box-shadow: none !important;
  }


  body .mau-sneakers-page .load-more-wrap > a::before,

  body .mau-sneakers-page .nectar-load-more > a::before,

  body .mau-sneakers-page .post-grid-load-more > a::before,

  body .mau-sneakers-page
  .nectar-post-grid-load-more
  > a::before {
    content: "MÁS SNEAKERS" !important;

    color: #ffffff !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;

    text-align: center !important;
    text-transform: uppercase !important;

    pointer-events: none !important;
  }


  body .mau-sneakers-page .load-more-wrap > a span,

  body .mau-sneakers-page .nectar-load-more > a span,

  body .mau-sneakers-page .post-grid-load-more > a span,

  body .mau-sneakers-page
  .nectar-post-grid-load-more
  > a span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    pointer-events: none !important;
  }
}


/* =========================================================
   MOB-09 — PANTALLAS ANGOSTAS
========================================================= */

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

  body:not(.home) .mau-sneakers-page {
    width: calc(100% - 28px) !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-hero-copy h1 {
    font-size: 44px !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  h3.post-heading {
    padding: 17px !important;

    font-size: 20px !important;
    line-height: 0.98 !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item__custom-fields {
    grid-template-columns:
      minmax(0, 0.92fr)
      minmax(0, 1.25fr) !important;

    gap: 6px !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-date-card,

  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card {
    height: 43px !important;
    min-height: 43px !important;
    max-height: 43px !important;

    padding-right: 7px !important;
    padding-left: 7px !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-date-card {
    font-size: 12.5px !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card {
    gap: 5px !important;

    font-size: 10.5px !important;
  }


  body .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card > span {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;

    flex-basis: 6px !important;
  }

}/* =========================================================
   MOB-11 — SINGLE POST MOBILE FINAL POLISH
   VERSIÓN: 1.3
   ESTADO: VALIDACIÓN FINAL

   UBICACIÓN:
   WORDPRESS → APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   ACCIÓN:
   - ELIMINAR completamente MOB-11 v1.2.
   - PEGAR este bloque completo en su lugar.
   - NO modificar MOB-07.
   - NO modificar MOB-08.
   - NO modificar MOB-09.
   - NO modificar MOB-10.

   DECISIONES FIJAS:
   - Card actual = APROBADA.
   - Texto mobile = JUSTIFICADO desde MOB-08.
   - Desktop = NO TOCAR.
   - MOB-11 NO controla tipografía del body.

   OBJETIVOS:
   1. Mantener card exactamente como está.
   2. Reducir únicamente espacio vertical entre párrafos mobile.
   3. Mantener share flotante más discreto.
========================================================= */


/* =========================================================
   MOB-11.1 — MOBILE PARAGRAPH RHYTHM
========================================================= */

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

  /*
   * IMPORTANTE:
   * No se declara text-align.
   * No se declara font-size.
   * No se declara line-height.
   * No se declara letter-spacing.
   * No se declara word-spacing.
   *
   * MOB-08 sigue teniendo el control editorial del texto.
   */


  /* -------------------------------------------------------
     PÁRRAFOS DIRECTOS DEL ARTÍCULO
  ------------------------------------------------------- */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > p {

    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }


  /* -------------------------------------------------------
     PÁRRAFOS DENTRO DE GRUPOS EDITORIALES GUTENBERG

     Excluye:
     - Card producto
     - Suscripción
  ------------------------------------------------------- */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p {

    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }


  /* -------------------------------------------------------
     ÚLTIMO PÁRRAFO ANTES DE OTRO ELEMENTO

     Evita acumulaciones innecesarias de margen.
  ------------------------------------------------------- */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > p:last-child,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p:last-child {

    margin-bottom: 0 !important;
  }


  /* =======================================================
     MOB-11.2 — CARD PRODUCTO / HARD PROTECTION
     ESTADO: APROBADA — NO ALTERAR
  ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master
  .mau-master-product-data p {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-family:
      "Montserrat",
      "Inter",
      Arial,
      sans-serif !important;

    font-size: clamp(11.5px, 2.95vw, 12.5px) !important;
    line-height: 1.22 !important;
    font-weight: 400 !important;

    letter-spacing: -0.022em !important;
    word-spacing: normal !important;

    text-align: left !important;
    text-align-last: left !important;
    text-justify: auto !important;

    white-space: nowrap !important;

    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;

    -webkit-hyphens: none !important;
    hyphens: none !important;
  }


  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master
  .mau-master-product-data p:last-child {

    margin-bottom: 0 !important;
  }


  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master
  .mau-master-product-data p span,

  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master
  .mau-master-product-data p strong,

  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master
  .mau-master-product-data p b {

    font-size: inherit !important;
    line-height: inherit !important;

    letter-spacing: inherit !important;
    word-spacing: normal !important;

    color: #111111 !important;

    text-align: inherit !important;
    text-align-last: inherit !important;

    white-space: nowrap !important;

    -webkit-hyphens: none !important;
    hyphens: none !important;
  }


  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master p,

  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master p * {

    text-align: left !important;
    text-align-last: left !important;
    text-justify: auto !important;

    word-spacing: normal !important;

    -webkit-hyphens: none !important;
    hyphens: none !important;
  }


  /* =======================================================
     MOB-11.3 — CTA CARD
     PROTEGIDO
  ======================================================= */

  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master
  .mau-master-product-cta {

    white-space: nowrap !important;

    text-align: center !important;

    letter-spacing: -0.01em !important;
    word-spacing: normal !important;
  }


  /* =======================================================
     MOB-11.4 — SHARE BUTTON
  ======================================================= */

  body.single-post
  .nectar-social-sharing-fixed {

    right: 10px !important;
  }


  body.single-post
  .nectar-social-sharing-fixed
  > a {

    transform: scale(0.78) !important;
    transform-origin: center center !important;
  }
}


/* =========================================================
   MOB-11.5 — TELÉFONOS ANGOSTOS
========================================================= */

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

  /* Ritmo ligeramente más compacto */

  body.single-post
  #ajax-content-wrap
  .content-inner
  > p,

  body.single-post
  #ajax-content-wrap
  .content-inner
  > .wp-block-group:not(.mau-post-master):not(.mau-web-subscribe)
  > p {

    margin-bottom: 22px !important;
  }


  /* CARD — mantener versión aprobada */

  body.single-post
  #ajax-content-wrap
  .content-inner
  .mau-post-master
  .mau-master-product-data p {

    font-size: 10.8px !important;
    line-height: 1.20 !important;

    letter-spacing: -0.025em !important;

    white-space: nowrap !important;
  }


  /* SHARE */

  body.single-post
  .nectar-social-sharing-fixed {

    right: 8px !important;
  }


  body.single-post
  .nectar-social-sharing-fixed
  > a {

    transform: scale(0.75) !important;
  }
}/* =========================================================
   CAL-01 — SNEAKERS + CALENDARIO UI
   VERSIÓN: 1.4
   ESTADO: VALIDACIÓN FINAL

   UBICACIÓN:
   WORDPRESS → APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   SISTEMA VISUAL:
   Mismo lenguaje de NEWS + MARCAS.

   - Infrared: #ff5757
   - Black:    #111111
   - White:    #ffffff

   NO MODIFICA:
   - PHP
   - Motor DROPS
   - Selector mensual
   - Cards
   - Grid
   - Load More
========================================================= */


/* =========================================================
   1 — VARIABLES
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-hero {

  --mau-cal-infrared: #ff5757;
  --mau-cal-black: #111111;
  --mau-cal-white: #ffffff;
  --mau-cal-gray: #777777;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 28px !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* =========================================================
   2 — CÁPSULA PRINCIPAL
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-hero-top {

  position: relative !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr) auto !important;

  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;

  min-height: 92px !important;

  column-gap: 20px !important;

  margin: 0 !important;
  padding: 10px 24px !important;

  background:
    var(--mau-cal-white) !important;

  border:
    1px solid rgba(17, 17, 17, 0.08) !important;

  border-radius: 999px !important;

  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.07) !important;

  box-sizing: border-box !important;

  overflow: visible !important;

  z-index: 4 !important;
}


/* =========================================================
   3 — SNEAKERS
   INFRARED — MISMO SISTEMA QUE NEWS
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-hero-top
h1 {

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--mau-cal-infrared) !important;

  white-space: nowrap !important;

  overflow: visible !important;
}


/* =========================================================
   4 — BOTÓN CALENDARIO
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-toggle {

  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 178px !important;

  height: 54px !important;
  min-height: 54px !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 19px !important;

  color:
    var(--mau-cal-white) !important;

  background:
    var(--mau-cal-black) !important;

  background-color:
    var(--mau-cal-black) !important;

  border:
    1px solid var(--mau-cal-black) !important;

  border-radius: 999px !important;

  outline: 0 !important;

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.14) !important;

  font-family:
    "Montserrat",
    "Inter",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  letter-spacing: 0.01em !important;

  text-align: center !important;
  text-transform: uppercase !important;

  white-space: nowrap !important;

  cursor: pointer !important;

  -webkit-tap-highlight-color:
    transparent !important;

  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease !important;
}


/* =========================================================
   5 — HOVER / ABIERTO
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-toggle:hover,

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-toggle[aria-expanded="true"] {

  color:
    var(--mau-cal-black) !important;

  background:
    var(--mau-cal-infrared) !important;

  background-color:
    var(--mau-cal-infrared) !important;

  border-color:
    var(--mau-cal-infrared) !important;

  box-shadow:
    0 7px 20px rgba(255, 87, 87, 0.28) !important;
}


/* =========================================================
   6 — SÍMBOLO + / −
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-symbol {

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 14px !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  pointer-events: none !important;
}


body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-label {

  color: inherit !important;

  pointer-events: none !important;
}


/* =========================================================
   7 — CABECERA ABIERTA
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-hero-top:has(
  + .mau-drops-calendar-panel:not([hidden])
) {

  border-radius:
    42px 42px 0 0 !important;

  border-bottom-color:
    transparent !important;

  box-shadow: none !important;
}


/* =========================================================
   8 — PANEL
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-panel {

  width: 100% !important;
  max-width: 100% !important;

  margin: -1px 0 0 !important;

  padding:
    14px 28px 21px !important;

  background:
    var(--mau-cal-white) !important;

  border-right:
    1px solid rgba(17, 17, 17, 0.08) !important;

  border-bottom:
    1px solid rgba(17, 17, 17, 0.08) !important;

  border-left:
    1px solid rgba(17, 17, 17, 0.08) !important;

  border-radius:
    0 0 42px 42px !important;

  box-shadow:
    0 18px 32px rgba(0, 0, 0, 0.08) !important;

  box-sizing: border-box !important;
}


body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-panel[hidden] {

  display: none !important;
}


/* =========================================================
   9 — DIVISOR
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-panel::before {

  content: "" !important;

  display: block !important;

  width: 100% !important;
  height: 1px !important;

  margin:
    0 0 12px !important;

  background:
    rgba(17, 17, 17, 0.10) !important;
}


/* =========================================================
   10 — AÑO
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-years {

  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  flex-wrap: wrap !important;

  width: 100% !important;

  gap: 8px 18px !important;

  margin:
    0 0 5px !important;

  padding: 0 !important;
}


body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-year {

  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;

  margin: 0 !important;

  padding:
    0 4px 5px !important;

  color: #888888 !important;

  background: transparent !important;

  font-family:
    "Montserrat",
    "Inter",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 850 !important;

  line-height: 1 !important;

  text-decoration: none !important;
}


body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-year.is-active {

  color:
    var(--mau-cal-black) !important;
}


body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-year.is-active::after {

  content: "" !important;

  position: absolute !important;

  left: 50% !important;
  bottom: 0 !important;

  width: 36px !important;
  height: 3px !important;

  background:
    var(--mau-cal-infrared) !important;

  border-radius: 999px !important;

  transform:
    translateX(-50%) !important;
}


/* =========================================================
   11 — MESES DESKTOP
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-months {

  display: grid !important;

  grid-template-columns:
    repeat(6, minmax(0, 1fr)) !important;

  align-items: stretch !important;

  width: 100% !important;

  column-gap: 8px !important;
  row-gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   12 — MES
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-month {

  position: relative !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

  min-height: 40px !important;

  margin: 0 !important;

  padding:
    0 4px 4px !important;

  color:
    var(--mau-cal-gray) !important;

  background:
    transparent !important;

  border: 0 !important;

  border-radius:
    999px !important;

  outline: 0 !important;

  box-shadow:
    none !important;

  font-family:
    "Montserrat",
    "Inter",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 850 !important;

  line-height: 1 !important;

  letter-spacing:
    -0.01em !important;

  text-align: center !important;
  text-decoration: none !important;

  text-transform: uppercase !important;

  box-sizing: border-box !important;

  transition:
    color 160ms ease,
    background-color 160ms ease !important;
}


body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-month:hover {

  color:
    var(--mau-cal-black) !important;

  background:
    rgba(17, 17, 17, 0.045) !important;
}


/* =========================================================
   13 — MES ACTIVO
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-month.is-active {

  color:
    var(--mau-cal-black) !important;

  font-weight:
    900 !important;
}


body:not(.home)
.mau-sneakers-page
.mau-drops-calendar-month.is-active::after {

  content: "" !important;

  position: absolute !important;

  left: 50% !important;
  bottom: 2px !important;

  width: 52px !important;
  height: 3px !important;

  background:
    var(--mau-cal-infrared) !important;

  border-radius: 999px !important;

  transform:
    translateX(-50%) !important;

  pointer-events:
    none !important;
}


/* =========================================================
   14 — SUBTÍTULO
========================================================= */

body:not(.home)
.mau-sneakers-page
.mau-drops-hero
> p {

  width: 100% !important;

  margin:
    16px 0 0 !important;

  padding: 0 !important;
}


/* =========================================================
   15 — MOBILE
========================================================= */

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

  /* =======================================================
     15.1 — CÁPSULA
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-hero-top {

    grid-template-columns:
      minmax(0, 1fr) auto !important;

    min-height:
      70px !important;

    column-gap:
      10px !important;

    padding:
      8px 11px 8px 15px !important;

    border-radius:
      999px !important;
  }


  /* =======================================================
     15.2 — SNEAKERS
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-hero-top
  h1 {

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;

    color:
      var(--mau-cal-infrared) !important;

    font-size:
      clamp(32px, 8.25vw, 38px) !important;

    line-height:
      .94 !important;

    font-weight:
      900 !important;

    letter-spacing:
      -0.055em !important;

    white-space:
      nowrap !important;
  }


  /* =======================================================
     15.3 — BOTÓN
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-toggle {

    min-width:
      124px !important;

    height:
      48px !important;

    min-height:
      48px !important;

    gap:
      6px !important;

    padding:
      0 13px !important;

    font-size:
      10.5px !important;

    letter-spacing:
      0 !important;

    box-shadow:
      0 7px 18px rgba(0, 0, 0, 0.14) !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-toggle[aria-expanded="true"] {

    box-shadow:
      0 7px 20px rgba(255, 87, 87, 0.28) !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-symbol {

    min-width:
      11px !important;

    font-size:
      18px !important;
  }


  /* =======================================================
     15.4 — ABIERTA
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-hero-top:has(
    + .mau-drops-calendar-panel:not([hidden])
  ) {

    border-radius:
      35px 35px 0 0 !important;
  }


  /* =======================================================
     15.5 — PANEL
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-panel {

    padding:
      9px 18px 13px !important;

    border-radius:
      0 0 35px 35px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-panel::before {

    margin-bottom:
      8px !important;
  }


  /* =======================================================
     15.6 — AÑO
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-years {

    margin-bottom:
      2px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-year {

    min-height:
      26px !important;

    font-size:
      12.5px !important;
  }


  /* =======================================================
     15.7 — MESES
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-months {

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    column-gap:
      8px !important;

    row-gap:
      0 !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-month {

    min-height:
      34px !important;

    padding:
      0 4px 4px !important;

    font-size:
      12.5px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-month.is-active::after {

    bottom:
      1px !important;

    width:
      48px !important;

    height:
      3px !important;
  }


  /* =======================================================
     15.8 — SUBTÍTULO
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-hero
  > p {

    margin-top:
      14px !important;
  }
}


/* =========================================================
   16 — MOBILE MUY ANGOSTO
========================================================= */

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

  body:not(.home)
  .mau-sneakers-page
  .mau-drops-hero-top {

    column-gap:
      6px !important;

    padding:
      7px 9px 7px 12px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-hero-top
  h1 {

    color:
      var(--mau-cal-infrared) !important;

    font-size:
      30px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-toggle {

    min-width:
      112px !important;

    height:
      44px !important;

    min-height:
      44px !important;

    padding:
      0 10px !important;

    font-size:
      9.8px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-symbol {

    font-size:
      17px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-panel {

    padding:
      8px 14px 12px !important;
  }


  body:not(.home)
  .mau-sneakers-page
  .mau-drops-calendar-month {

    min-height:
      33px !important;

    font-size:
      12px !important;
  }
}/* =========================================================
   DESK-01 — SNEAKERS DESKTOP CARD CONTROLS
   VERSIÓN: 1.0
   ESTADO: FINAL

   UBICACIÓN:
   WORDPRESS → APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   IMPORTANTE:
   - REEMPLAZA COMPLETAMENTE el DESK-01 anterior.
   - NO modifica el header.
   - NO modifica logo.
   - NO modifica navegación.
   - NO modifica lupa.
   - NO modifica .span_3.
   - NO modifica .span_9.
   - NO modifica nav.
   - NO modifica Bloques 10, 24 ni 27.2.
   - NO modifica CAL-01.
   - NO modifica mobile.
   - NO modifica HOME.

   ALCANCE:
   - SOLO desktop >= 1001px.
   - SOLO controles inferiores de cards SNEAKERS.

   FUNCIÓN:
   - Mantener DROP y COMPRAR AHORA perfectamente alineados.
   - Evitar solapamientos.
   - Mantener dos columnas iguales.
========================================================= */

@media only screen and (min-width: 1001px) {


  /* =======================================================
     1 — CONTENEDOR DE CUSTOM FIELDS
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item__custom-fields {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding-top: 8px !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;

    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr) !important;

    column-gap: 12px !important;
    row-gap: 0 !important;

    align-items: stretch !important;

    box-sizing: border-box !important;

    overflow: visible !important;
  }


  /* =======================================================
     2 — CONTENEDORES DROP / COMPRAR
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-loop
  .nectar-post-grid-item__custom-field {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: stretch !important;
    justify-content: stretch !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
  }


  /* =======================================================
     3 — DROP + COMPRAR AHORA
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-date-card,

  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     4 — COMPRAR AHORA
  ======================================================= */

  body:not(.home)
  .mau-sneakers-page
  .mau-sneakers-loop
  .mau-sneakers-buy-card {

    padding-left: 10px !important;
    padding-right: 10px !important;

    gap: 7px !important;

    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: clip !important;
  }

}