/* El modal por defecto está oculto */
      .modal-simple {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
      }

      /* Contenedor de la imagen dentro del modal */
      .modal-simple > .modal-content {
        display: block;
        margin: 10% auto;
        max-width: 45%;
        max-height: 80%;
        text-align: center;
      }

      /* Imagen dentro del modal */
      .modal-simple > .modal-content img {
        width: 100%;
        height: auto;
        border-radius: 8px;
      }

      /* Botón de cierre */
      .modal-simple > .close {
        position: absolute;
        top: 15%;
        right: 3%;
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
      }

      .modal-simple > .close:hover {
        color: #bbb;
      }