@charset "UTF-8";
@keyframes errorBackgroundAnimation {
  from {
    background-color: rgba(255, 0, 0, 0.6); /* rojo sólido */
  }
  to {
    background-color: rgba(255, 0, 0, 0.2); /* rojo transparente */
  }
}
body .wp-block-broom-container .container-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body .wp-block-broom-container .container-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
body .wp-block-broom-container .container-background .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body .wp-block-broom-container .container-border {
  display: flex;
  flex-direction: column;
  gap: 0;
  box-sizing: border-box;
}
body .wp-block-broom-container .container-border .border-side-image .border-side-image-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body .wp-block-broom-container .container-border .container-main {
  flex-grow: 1;
  box-sizing: border-box;
}
body .wp-block-broom-container .container-border .container-main .container-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
body .wp-block-broom-container .container-border .container-main .container-content > .broom-buttons:last-child {
  margin-top: 1em;
}
body .wp-block-broom-container .container-border.withBorders {
  overflow: hidden;
}
body .wp-block-broom-container .container-border.withBorders .container-main {
  overflow: auto;
}
body .wp-block-broom-container .container-border:not(.withBorders) .container-main, body .wp-block-broom-container .container-border:not(.withBorders) .container-main > * {
  border-radius: inherit !important;
}

.broomBackgroundImagesModal {
  width: 95%;
  max-width: none;
  max-height: 90%;
}
.broomBackgroundImagesModal .components-modal__content {
  margin: 0 !important;
  padding: 15px !important;
  background: #FFF;
}
.broomBackgroundImagesModal .components-modal__content .components-modal__header {
  margin: 0;
  padding: 10px 0 0px;
  height: auto !important;
  border-bottom: #000 1px solid;
  position: sticky;
  top: 0;
  margin-bottom: 20px;
  background: inherit;
}