body {
      font-family: 'Montserrat', sans-serif;
      color: #333;
      background: linear-gradient(120deg, #e8f5e9, #ffffff);
      overflow-x: hidden;
      position: relative;
    }

    /* Fondo animado ecol¨®gico */
    .animated-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: -1;
      background: radial-gradient(circle at 20% 20%, #c8facc, transparent 60%),
                  radial-gradient(circle at 80% 80%, #b2fab4, transparent 60%);
      animation: moveBg 8s ease-in-out infinite alternate;
    }
    @keyframes moveBg {
      0% { background-position: 0% 0%; }
      100% { background-position: 100% 100%; }
    }

    header {
      text-align: center;
      padding: 40px 20px;
      color: white;
      background: linear-gradient(135deg, #00a859, #00773d);
      border-bottom: 5px solid #00c853;
    }

    header img {
      width: 110px;
      margin-bottom: 10px;
    }

    nav.navbar {
      background-color: #004d26;
    }

    nav a.nav-link {
      color: white !important;
      font-weight: 600;
      text-transform: uppercase;
    }

    nav a.nav-link:hover {
      color: #a5d6a7 !important;
    }

    section {
      padding: 60px 20px;
    }

    h2 {
      color: #00773d;
      margin-bottom: 20px;
    }
     h3 {
      color: #00773d;
      margin-bottom: 10px;
    }

    form input, form textarea {
      border-radius: 8px;
      border: 1px solid #ccc;
      padding: 10px;
    }

    button.btn-green {
      background-color: #00a859;
      color: white;
      font-weight: bold;
      border-radius: 8px;
      padding: 10px 20px;
      border: none;
    }

    button.btn-green:hover {
      background-color: #00773d;
    }

    footer {
      background-color: #004d26;
      color: white;
      text-align: center;
      padding: 25px 10px;
      margin-top: 60px;
    }
    p b {
      font-weight: 700;
      color:#004d26;
      font-style: italic;
  }
.bg-dark {
  position: relative;
  background-color: #1d5401;
  /*border-radius: 16px;*/
  border: 0;
  padding: 2rem;
  color: white;
  overflow: hidden;
}

.bg-dark::before,.bg-dark::after {
  content: "";
  position: absolute;
  top: 0;
  border: 0;
  width: 15%;
  height: 100%;
  background-color: rgb(255,193,7);
  
}
.bg-dark::before{
  left: 0;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 100%);
}
.bg-dark::after{
  right: 0;
  clip-path: polygon(100% 0, 100% 100%, 0 50%, 0 50%);
}

  center p{
    font-size: clamp(24px, 4vw, 42px);;
  }