#chip {
    background: url(../img/home/chipFondo.png), black;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: darken;
}

.rounded-top-end {
    border-radius: 0 3rem 0 0;
}

.rounded-bottom-end {
    border-radius: 0 0 3rem 0;
}

#productos {
    --s: 30px; /* control the size*/
    --c1: #386641;
    --c2: #1e1e1e;

    --c:#0000 71%,var(--c1) 0 79%,#0000 0;
    --_s:calc(var(--s)/2)/calc(2*var(--s)) calc(2*var(--s));
    
    background:
    linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, hwb(0 12% 88% / 0.695) 15%, rgba(30, 30, 30, 1) 30%),
    linear-gradient(45deg,var(--c))
     calc(var(--s)/-2) var(--_s),
    linear-gradient(135deg,var(--c))
     calc(var(--s)/2) var(--_s),
    radial-gradient(var(--c1) 35%,var(--c2) 37%)
     0 0/var(--s) var(--s);

}


.fotos-productos{
    object-fit: cover;
    height: 30vh;
}

.flechas{
    background: none;
}

.flechas svg{
    fill:#6A994E
}

.flechas:hover svg{
    fill: #A7C957 !important;
}

.splide__pagination__page.is-active{
    background-color: #6A994E;
}

.splide__pagination__page:hover{
    background-color: #A7C957;
}

#quienes-somos img{
    height: 10rem;
}