body {
        background: url("fondo.jpg") no-repeat center center fixed;
        background-size: cover;
        height: 100vh;
        margin: 0;
        font-family: sans-serif;
      }

      /* Personalización del modal */
      #promoModal .modal-dialog {
        max-width: 450px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
      }

      #promoModal .modal-content {
        border: none;
        border-radius: 10px;
        background-color: transparent;
        box-shadow: none;
      }

      #promoModal .modal-body {
        padding: 0;
        text-align: center;
      }

      #promoModal .modal-body img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        cursor: pointer;
        transition: transform 0.2s;
      }

      #promoModal .modal-body img:hover {
        transform: scale(1.02);
      }

      .modal:focus {
        outline: none;
        box-shadow: none;
      }

      .modal-backdrop.show {
        opacity: 0.7;
      }