/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/style.css ***!
  \*******************************************************************************************************************************************************************/
@charset "UTF-8";
/* Blindaje general */
.wp-block-cover {
  position: relative;
  overflow: hidden;
}
/* Tu <img> en frontend (por si lo sigues usando) */
.wp-block-cover.has-mobile-background .wp-block-cover__mobile-background {
  display: none;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  z-index: 0 !important;
  pointer-events: none;
}
/* Editor: capa móvil vía pseudo-elemento usando la CSS var */
.editor-styles-wrapper .wp-block-cover.has-mobile-background::before {
  content: "";
  display: none; /* se enciende en móvil */
  position: absolute;
  inset: 0;
  background-image: var(--cover-mobile-bg);
  z-index: 0;
  pointer-events: none;
  background-position: var(--cover-mobile-bg-pos, 50% 50%);
  background-size: cover;
}
/* Móvil/tablet: activar capa móvil y apagar fondos originales */
@media (max-width: 781px) {
  /* Frontend: mostrar <img> si existe */
  .wp-block-cover.has-mobile-background .wp-block-cover__mobile-background {
    display: block;
  }
  /* Editor: mostrar ::before */
  .editor-styles-wrapper .wp-block-cover.has-mobile-background::before {
    display: block;
    background-image: var(--cover-mobile-bg);
    background-position: var(--cover-mobile-bg-pos, 50% 50%);
    background-size: cover;
  }
  /* Ojo: solo apagamos fondos originales si hay mobile image */
  .wp-block-cover.has-mobile-background .wp-block-cover__image-background,
  .wp-block-cover.has-mobile-background video.wp-block-cover__video-background {
    opacity: 0 !important;
  }
}
/* Overlay siempre por encima del fondo (desktop y móvil) */
.wp-block-cover .wp-block-cover__background {
  z-index: 1;
}
/* Contenido del cover por encima del overlay */
.wp-block-cover .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}
/*# sourceMappingURL=style.css.map */


/*# sourceMappingURL=style-index.css.map*/