@font-face {
      font-family: 'Poppins';
      src: url('font/poppins/Poppins-Regular.ttf') format('truetype');
      font-weight: normal; /* Peso regular */
    }
    
    @font-face {
      font-family: 'Poppins';
      src: url('font/poppins/Poppins-SemiBold.ttf') format('truetype');
      font-weight: 600; /* Peso semibold */
    }
    
    @font-face {
      font-family: 'Poppins';
      src: url('font/poppins/Poppins-Bold.ttf') format('truetype');
      font-weight: bold; /* Peso bold */
    }

    
    body {
        position: relative;
        color: #333;
        height: 100vh;
        padding: 100px 0;
        font-family: 'Poppins', sans-serif;
        margin: 0;
        overflow: hidden;
        background: #29662a;
    }
    
    body::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url(/img/3d-green-illustration-minimalist-background-texture.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      filter: blur(5px); /* Ajusta el valor de desenfoque según tus preferencias */
      z-index: -1; /* Asegura que el fondo esté detrás del contenido */
    }

    h2{
        font-weight:bold;
    }
    
    h3{
        font-weight:semibold;
        font-size:20px;
    }
    
    #link-list a.btn {
        width: 100%;
        background: white;
        border: 1px solid #000;
        padding: 12px;
        border-radius: 10px;
        color: #000;
        font-weight: 600;
        transition: 0.3s ease-in-out;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }
    
    #link-list a.btn:hover {
        background: transparent;
        border-color: #fff;
        color: #fff;
    }
        
    .container-sm.text-center {
        max-width: 500px;
    }
    
    .container-buttons {
        padding: 30px;
        background: #ffffff63;
        border-radius: 20px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        color:white;
    }
    
    ul.list-beneficios {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px;
        list-style: none;
        flex-direction: column;
        margin-left: -28px;
    }
    
    ul.list-beneficios li {
      position: relative;
      padding-left: 25px;
      font-size:18px;
    }
    
    ul.list-beneficios li:before {
      content: " ";
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 20px; /* Ancho del icono, ajusta según sea necesario */
      height: 20px; /* Altura del icono, ajusta según sea necesario */
      background: url(/img/check.svg) no-repeat;
      background-size: contain; /* Ajusta según el tamaño del SVG */
    }