.watermarkcontainer {
    position: relative;
    width: 100%;
    /* height: 100vh; Ajusta la altura según tus necesidades */
  }
  
  .watermark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: left;
    align-items: left;
    pointer-events: none; /* Evita que el texto afecte a la interacción con otros elementos */
  }
  
  .watermark span {
    font-size: 14px;
    font-weight: bold;
    color: rgba(250, 0, 0, 0.247); /* Color de la marca de agua con transparencia */
    /* transform: rotate(-35deg); Opcional: Rotar el texto */
  }

  /* .container {
    position: relative;
  }
  
  .container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; /* Evita que el pseudo-elemento afecte a la interacción con otros elementos 
  }
  
  .watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3); /* Color de la marca de agua con transparencia 
    transform: rotate(-45deg); /* Opcional: Rotar el texto 
  } */