@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 {
    overflow: hidden; }
    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%; }

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

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