/* =========================================================
   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
   VERSIÓN: 1.0
   ESTADO: CERRADO

   UBICACIÓN:
   APARIENCIA → PERSONALIZAR → CSS ADICIONAL

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

   PROPIETARIO:
   - Sección NEWS exclusiva de mobile.

   DEPENDENCIAS:
   - WPCode PHP 33A activo.
   - WPCode JavaScript 33C activo.
   - Shortcode: [mau_mobile_news]
   - Row WPBakery: mau-mobile-news-row.
   - Categoría principal: all-sneakers.
   - Categorías de marca: adidas y nike.

   ARQUITECTURA:
   - Carrusel mobile: posts elegibles 1–4.
   - NEWS inicial: posts elegibles 5–8.
   - Cuatro publicaciones iniciales.
   - VER MÁS carga cuatro publicaciones adicionales.
   - Dos cards por fila.
   - Filtros: TODOS / adidas / Nike.

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

   POLÍTICA DE CAMBIO:
   - Este bloque queda cerrado.
   - No crear MOB-04A, MOB-04B ni parches externos.
   - Un cambio futuro requiere una nueva versión completa:
     MOB-04 v1.1, v1.2, etc.
   - Solo una versión de MOB-04 puede permanecer activa.
========================================================= */


/* =========================================================
   1. PROTECCIÓN DESKTOP
========================================================= */

.mau-mobile-news-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-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. CÁPSULA 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;

    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;
  }


  /* =====================================================
     5. TÍTULO 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. BOTÓN + 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;
  }


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

    pointer-events: none !important;
  }


  /* =====================================================
     7. PANEL SUPERPUESTO DE MARCAS
  ===================================================== */

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

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

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

    align-items: center !important;

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

    gap: 6px !important;

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

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

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

    border-radius: 999px !important;

    outline: 0 !important;

    box-shadow:
      0 12px 32px rgba(0, 0, 0, 0.11) !important;

    box-sizing: border-box !important;

    z-index: 10 !important;
  }


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


  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: 50px !important;
    min-height: 50px !important;

    margin: 0 !important;
    padding: 0 4px 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: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;

    text-align: center !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: 20% !important;
    right: 20% !important;
    bottom: 5px !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. TÍTULO 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 VACÍO
  ===================================================== */

  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. BOTÓN VER MÁS
  ===================================================== */

  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. TELÉFONOS 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__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__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.0
   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 horizontales por fila.
   - Formato horizontal 16:9.
   - 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:
   - Este bloque queda cerrado.
   - No crear parches MOB-05A, MOB-05B, etc.
   - Cualquier cambio futuro requiere reemplazar
     esta versión completa por MOB-05 v1.1.
========================================================= */


/* =========================================================
   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 HORIZONTAL — 16:9
  ===================================================== */

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

    display: block !important;

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

    height: auto !important;

    aspect-ratio: 16 / 9 !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 HORIZONTALES
========================================================= */

@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: 16 / 9 !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 MOBILE
   VERSIÓN: 1.2 CONSOLIDADA
   ESTADO: EN VALIDACIÓN

   UBICACIÓN:
   WORDPRESS → APARIENCIA → PERSONALIZAR → CSS ADICIONAL

   ALCANCE:
   - Solo entradas individuales.
   - Solo mobile y tablet hasta 1000px.
   - Desktop permanece intacto.

   FUNCIÓN:
   - Ocultar categorías del encabezado.
   - Ocultar avatar, autor y fecha del post.
   - Neutralizar espacios heredados de Salient.
   - Mostrar título editorial compacto.
   - Mantener el mismo aire antes y después del título.
   - Mostrar la ficha de producto horizontal.
   - Ocultar el título duplicado de la ficha.
   - Usar “Lanzamiento” en lugar de
     “Fecha de lanzamiento”.
========================================================= */

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

  body.single-post {
    --mau-mob07-gap: 16px;
  }


  /* =======================================================
     1. ENCABEZADO REAL DE SALIENT
  ======================================================= */

  body.single-post
  .row.featured-media-under-header {
    width: 100% !important;

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

    margin: 0 !important;

    padding-top: var(--mau-mob07-gap) !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;

    display: block !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__content {
    width: calc(100% - 32px) !important;
    max-width: 760px !important;

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

    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;

    padding: 0 !important;

    display: block !important;
    float: none !important;

    position: relative !important;

    text-align: center !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     2. ELIMINAR CATEGORÍAS Y ETIQUETAS
  ======================================================= */

  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__cat-wrap,

  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__cat-wrap *,

  body.single-post
  .row.featured-media-under-header
  .meta-category {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

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

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

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


  /* =======================================================
     3. ELIMINAR AUTOR, AVATAR Y FECHA

     Este es el selector correcto usado previamente:
     .featured-media-under-header__meta-wrap
  ======================================================= */

  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__meta-wrap,

  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__meta-wrap * {
    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;

    border: 0 !important;

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


  /* Respaldo específico para componentes internos */

  body.single-post
  .featured-media-under-header__content
  .meta-author,

  body.single-post
  .featured-media-under-header__content
  .meta-date,

  body.single-post
  .featured-media-under-header__content
  .avatar-post-info,

  body.single-post
  .featured-media-under-header__content
  .author-section,

  body.single-post
  .featured-media-under-header__content
  .grav-wrap {
    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;

    overflow: hidden !important;
  }


  /* =======================================================
     4. TÍTULO PRINCIPAL
  ======================================================= */

  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__content
  > h1.entry-title {
    width: 100% !important;
    max-width: 680px !important;

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

    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;

    padding: 0 !important;

    display: block !important;
    float: none !important;

    position: static !important;

    color: #050505 !important;

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

    font-size: clamp(30px, 7.4vw, 38px) !important;
    line-height: 1.02 !important;
    font-weight: 600 !important;
    letter-spacing: -0.035em !important;

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

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

    transform: none !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     5. NEUTRALIZAR ESPACIOS HEREDADOS DE SALIENT
  ======================================================= */

  body.single-post
  .container-wrap.no-sidebar {
    min-height: 0 !important;
    height: auto !important;

    margin-top: 0 !important;

    padding-top: 0 !important;
  }


  body.single-post
  .container-wrap.no-sidebar
  > .container,

  body.single-post
  .container-wrap.no-sidebar
  .main-content,

  body.single-post
  .container-wrap.no-sidebar
  .post-area,

  body.single-post
  .container-wrap.no-sidebar
  .content-inner {
    min-height: 0 !important;
    height: auto !important;

    margin-top: 0 !important;

    padding-top: 0 !important;
  }


  /* =======================================================
     6. CONTENEDOR EXTERIOR DE LA FICHA

     Usa el mismo espacio que existe antes del título.
  ======================================================= */

  body.single-post
  .content-inner
  > .wp-block-group.mau-post-master,

  body.single-post
  .mau-post-master {
    position: relative !important;
    left: 50% !important;

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

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

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

    padding-top: var(--mau-mob07-gap) !important;
    padding-right: 0 !important;
    padding-bottom: 34px !important;
    padding-left: 0 !important;

    transform: translateX(-50%) !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     7. CARD HORIZONTAL
  ======================================================= */

  body.single-post
  .mau-post-master
  > .wp-block-columns.mau-post-product-layout,

  body.single-post
  .mau-post-product-layout {
    position: relative !important;

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

    min-height: 180px !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;

    padding-top: 10px !important;
    padding-right: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;

    display: grid !important;

    grid-template-columns:
      minmax(0, 49%)
      minmax(0, 51%) !important;

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

    align-items: center !important;

    background-color: #f8f8f6 !important;

    border: 1px solid #171717 !important;
    border-radius: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-post-product-layout.wp-block-columns,

  body.single-post
  .mau-post-product-layout.are-vertically-aligned-center {
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    gap: 8px !important;

    margin: 0 !important;
  }


  /* =======================================================
     8. COLUMNA IZQUIERDA: INFORMACIÓN
  ======================================================= */

  body.single-post
  .mau-post-product-layout
  > .wp-block-column.mau-post-product-copy,

  body.single-post
  .mau-post-product-copy {
    order: 1 !important;

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

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

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

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

    flex: none !important;
    flex-basis: auto !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-post-product-copy
  > .wp-block-shortcode,

  body.single-post
  .mau-post-product-copy
  .wp-block-shortcode {
    width: 100% !important;
    max-width: 100% !important;

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

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

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-master-product-card {
    width: 100% !important;
    max-width: 100% !important;

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

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

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

    background: transparent !important;

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

    text-align: left !important;

    box-sizing: border-box !important;
  }


  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;
  }


  /* =======================================================
     9. OCULTAR TÍTULO DUPLICADO DE LA FICHA
  ======================================================= */

  body.single-post
  .mau-master-product-title {
    display: none !important;
    visibility: hidden !important;

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

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

    overflow: hidden !important;
  }


  /* =======================================================
     10. DATOS DEL PRODUCTO
  ======================================================= */

  body.single-post
  .mau-master-product-data {
    width: 100% !important;
    max-width: 100% !important;

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

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

    text-align: left !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-master-product-data p {
    width: 100% !important;
    max-width: 100% !important;

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

    padding: 0 !important;

    color: #111111 !important;

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

    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.16 !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;

    text-align: left !important;

    box-sizing: border-box !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: 800 !important;
  }


  /* =======================================================
     11. CAMBIAR TEXTO A “LANZAMIENTO”
  ======================================================= */

  body.single-post
  .mau-master-product-data
  p:first-child {
    white-space: nowrap !important;
  }


  body.single-post
  .mau-master-product-data
  p:first-child span,

  body.single-post
  .mau-master-product-data
  p:first-child strong,

  body.single-post
  .mau-master-product-data
  p:first-child b {
    font-size: 0 !important;
    line-height: 1 !important;
  }


  body.single-post
  .mau-master-product-data
  p:first-child span::after,

  body.single-post
  .mau-master-product-data
  p:first-child strong::after,

  body.single-post
  .mau-master-product-data
  p:first-child b::after {
    content: "Lanzamiento:\00a0" !important;

    color: #111111 !important;

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

    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
  }


  /* =======================================================
     12. BOTÓN COMPRAR AHORA
  ======================================================= */

  body.single-post
  .mau-master-product-cta {
    width: 100% !important;
    max-width: 160px !important;
    min-width: 0 !important;

    min-height: 39px !important;

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

    padding: 9px 8px !important;

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

    align-self: flex-start !important;

    background-color: var(--mau-infrared, #ff5a5f) !important;
    color: #ffffff !important;

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

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

    font-size: clamp(10.5px, 2.9vw, 12px) !important;
    line-height: 1 !important;
    font-weight: 800 !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;
    transform: none !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-master-product-cta:hover,

  body.single-post
  .mau-master-product-cta:focus {
    background-color: #111111 !important;
    color: #ffffff !important;

    transform: none !important;
  }


  /* =======================================================
     13. COLUMNA DERECHA: IMAGEN
  ======================================================= */

  body.single-post
  .mau-post-product-layout
  > .wp-block-column.mau-post-product-image,

  body.single-post
  .mau-post-product-image {
    order: 2 !important;

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

    min-height: 160px !important;
    height: 100% !important;

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

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

    flex: none !important;
    flex-basis: auto !important;

    overflow: visible !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-post-product-image figure,

  body.single-post
  .mau-post-product-image
  figure.wp-block-image,

  body.single-post
  .mau-post-product-image
  .wp-block-image {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 160px !important;
    height: 100% !important;

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

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

    overflow: visible !important;

    box-sizing: border-box !important;
  }


  body.single-post
  .mau-post-product-image img,

  body.single-post
  .mau-post-product-image
  figure.wp-block-image img {
    width: 100% !important;
    max-width: none !important;

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

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

    display: block !important;

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

    transform: scale(1.12) !important;
    transform-origin: center center !important;

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


/* =========================================================
   MOB-07.2 — PANTALLAS ANGOSTAS
========================================================= */

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

  body.single-post {
    --mau-mob07-gap: 14px;
  }


  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__content {
    width: calc(100% - 24px) !important;
  }


  body.single-post
  .row.featured-media-under-header
  .featured-media-under-header__content
  > h1.entry-title {
    max-width: 620px !important;

    font-size: clamp(28px, 7.3vw, 34px) !important;
    line-height: 1.02 !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
  }


  body.single-post
  .content-inner
  > .wp-block-group.mau-post-master,

  body.single-post
  .mau-post-master {
    width: calc(100vw - 12px) !important;

    padding-bottom: 30px !important;
  }


  body.single-post
  .mau-post-master
  > .wp-block-columns.mau-post-product-layout,

  body.single-post
  .mau-post-product-layout {
    min-height: 170px !important;

    padding-top: 8px !important;
    padding-right: 10px !important;
    padding-bottom: 8px !important;
    padding-left: 10px !important;

    grid-template-columns:
      minmax(0, 50%)
      minmax(0, 50%) !important;

    column-gap: 6px !important;
  }


  body.single-post
  .mau-master-product-data p {
    margin-bottom: 7px !important;

    font-size: 11.5px !important;
    line-height: 1.15 !important;
  }


  body.single-post
  .mau-master-product-data
  p:first-child span::after,

  body.single-post
  .mau-master-product-data
  p:first-child strong::after,

  body.single-post
  .mau-master-product-data
  p:first-child b::after {
    font-size: 11.5px !important;
    line-height: 1.15 !important;
  }


  body.single-post
  .mau-master-product-cta {
    max-width: 150px !important;
    min-height: 37px !important;

    margin-top: 7px !important;

    padding: 8px 6px !important;

    font-size: 10px !important;
  }


  body.single-post
  .mau-post-product-image,

  body.single-post
  .mau-post-product-image figure,

  body.single-post
  .mau-post-product-image
  figure.wp-block-image,

  body.single-post
  .mau-post-product-image
  .wp-block-image {
    min-height: 150px !important;
  }


  body.single-post
  .mau-post-product-image img,

  body.single-post
  .mau-post-product-image
  figure.wp-block-image img {
    max-height: 165px !important;

    transform: scale(1.1) !important;
  }
}