.green-navbar {
        background-color: rgb(0, 119, 57);
      }

      .imgbackground {
      background-size: cover;
      background-position: center;
      position: relative;
      padding: 15%;
    }
  
    .imgbackground::before {
      position: absolute;
      content: "";
      inset: 0;
      background-color: rgba(0,0,0,.44);
    }
    
    .imgbackground.reclamacion::before {
      background-color: transparent;
    }
    
    .txtbackground {
        color: white;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .btnbackground {
        color: white;
        background-color: rgb(0, 119, 57);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        border-radius: 1px;
        border: none;
        padding: 7px 12px;
        cursor: pointer;
        
    }

    .separadorfinal{
      background: rgb(0, 119, 57);
      height: 50px;
    }
    
    .zoom-effect {
      width: 100%; /* La imagen ocupará el 100% del ancho del contenedor */
      max-width: 100%; /* Limita el tamaño máximo al 100% del ancho del contenedor */
      height: auto; /* Ajusta la altura automáticamente para mantener la proporción */
  }
  
  @media (max-width: 768px) {
      /* Cuando el ancho de la pantalla sea 768px o menos, aplica el zoom */
      .zoom-effect {
          max-width: 80vw; /* Ajusta el tamaño máximo en relación con el ancho de la ventana */
      }
  }