/* MSDA · ajuste acotado de composición · 21/10/2026
 * Solo portada 1401; conserva imágenes, alturas, enlaces y forma del CTA.
 * Cargar después de las hojas de Elementor, story y fase 2.
 */

/* 1. El cartel sigue entero (contain). El espacio de su caja utiliza el
 * mismo fondo original del panel contiguo, en lugar de una banda negra.
 * No se modifica object-fit, object-position, tamaño ni proporción. */
body.page-id-1401:not(.elementor-editor-active) .msda-accordion .msda-open-right {
  background-color: #09071a !important;
  background-image: var(--msda-left-bg) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* 2–3. La superficie transparente de la barra no captura clics del pie.
 * Solo el enlace realmente visible puede recibirlos. */
body.page-id-1401:not(.elementor-editor-active) #msdaBar,
body.page-id-1401:not(.elementor-editor-active) #msdaBar .msda-bar-inner {
  pointer-events: none !important;
}
body.page-id-1401:not(.elementor-editor-active) #msdaBar.visible:not(.hide-mobile) .msda-btn {
  pointer-events: auto !important;
}
body.page-id-1401:not(.elementor-editor-active) #msdaBar:not(.visible) .msda-btn,
body.page-id-1401:not(.elementor-editor-active) #msdaBar.hide-mobile .msda-btn {
  pointer-events: none !important;
}

/* El estado over-footer no desplaza el control bajo el puntero ni su foco.
 * Se conserva la posición inferior existente; no se cambia el botón. */
@media (min-width: 769px) {
  body.page-id-1401:not(.elementor-editor-active) #msdaBar.over-footer,
  body.page-id-1401:not(.elementor-editor-active) #btn-play.over-footer {
    transform: none !important;
  }

  /* Dos carriles laterales reservan espacio para audio y compra. El correo
   * nunca se comprime entre columnas porcentuales cuya suma era 105 %. */
  body.page-id-1401:not(.elementor-editor-active) .elementor-1984 #barra1 {
    box-sizing: border-box;
    padding-left: 108px !important;
    padding-right: 344px !important;
    flex-wrap: wrap !important;
    column-gap: 24px !important;
    row-gap: 18px !important;
  }
  body.page-id-1401:not(.elementor-editor-active) .elementor-1984 #barra1 > .e-con {
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 260px;
  }
  body.page-id-1401:not(.elementor-editor-active) .elementor-1984 .elementor-element-fdb4cdc > .e-con-inner {
    box-sizing: border-box;
    padding-left: 108px !important;
    padding-right: 344px !important;
    min-width: 0;
    max-width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  /* Elementor ya dispone estas filas en columna: evitar que flex-basis
   * añada 260px de altura a cada una. */
  body.page-id-1401:not(.elementor-editor-active) .elementor-1984 #barra1 > .e-con {
    width: 100% !important;
    flex: 0 1 auto;
  }
}
body.page-id-1401:not(.elementor-editor-active) .elementor-1984 .elementor-element-96a1ecb a {
  overflow-wrap: anywhere;
}
body.page-id-1401:not(.elementor-editor-active) #msdaBar.over-footer::before {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* El controlador móvil puede pedir ocultación al llegar al pie. Si el
 * enlace tiene foco o una pulsación activa se conserva hasta terminar.
 * No cambia el destino ni añade un segundo controlador. */
@media (max-width: 768px) {
  body.page-id-1401:not(.elementor-editor-active) #msdaBar.visible.hide-mobile:is(:focus-within, :has(.msda-btn:active)) {
    opacity: 1 !important;
  }
  body.page-id-1401:not(.elementor-editor-active) #msdaBar.visible.hide-mobile:is(:focus-within, :has(.msda-btn:active)) .msda-btn {
    pointer-events: auto !important;
  }
  body.page-id-1401:not(.elementor-editor-active) #msdaBar.visible.hide-mobile:is(:focus-within, :has(.msda-btn:active))::before {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* 4. Esquinas rectas en los tres cuerpos de la tarjeta de noticias.
 * Sin clip/overflow nuevos: el foco y el botón inclinado siguen visibles. */
body.page-id-1401:not(.elementor-editor-active) .jet-listing-grid__item .elementor-3603 .elementor-element:is(.elementor-element-24f51ba, .elementor-element-3a5b8bf, .elementor-element-45bad68) {
  --border-radius: 0px !important;
  border-radius: 0 !important;
}

/* MSDA_CTA_HITBOX_STABLE_20261021_BEGIN */
body.page-id-1401 #msdaBar a.msda-btn {
  transform: none !important;
}
/* MSDA_CTA_HITBOX_STABLE_20261021_END */