[data-template="AcesosFrecuencia"] .AcesosFrecuencia_items--img.amarrillo {
  --afc-c1: #FFDD00;
  --afc-c2: #FFDD00;
}

[data-template="AcesosFrecuencia"] .AcesosFrecuencia_items--img.naranja {
  --afc-c1: #F26522;
  --afc-c2: #F26522;
}

[data-template="AcesosFrecuencia"] .AcesosFrecuencia_items--img.rojo {
  --afc-c1: #E31937;
  --afc-c2: #E31937;
}
.AcesosFrecuencia_items {
    position: relative;
    width: 24%;
}

.AcesosFrecuencia_items:before {
    content: "";
    width: 92%;
    height: 85%;
    display: block;
    position: absolute;
    background: var(--color-black);
    bottom: 0;
    border-radius: 0 44px 44px 0;
}

.AcesosFrecuencia_items--img {
    position: relative;
}

.AcesosFrecuencia_items--cta {
    position: absolute;
    z-index: 2;
    background: var(--color-black);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 90%;
    width: 87%;
    text-align: center;
    /* color: var(--color-white); */
    padding: 0.7rem;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    transition: .6s ease;
    border:2px solid transparent;
}
.AcesosFrecuencia_items--cta a {
    font-size: 13px;
    margin: 0;
    transition: .6s ease;
    font-weight: 500;
    color: var(--color-white);
}
.AcesosFrecuencia_items--cta a strong{
        font-size: 13px;
        font-weight: 800;
}
.AcesosFrecuencia_items--cta:hover{
    background: var(--color-red);
    border:2px solid var(  --color-black);
    color: var(--color-white);
}
.AcesosFrecuencia_items--cta a:hover{
    color: var(--color-white);
}
.frecuenciaCards_list {
    gap: 3rem;
}

.frecuenciaCards {
    padding: 2rem 0;
}
.AcesosFrecuencia_items--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}
 .AcesosFrecuencia_items--img::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 32%;
  background: linear-gradient(    180deg,    rgba(255, 255, 255, 0) 0%,    var(--afc-c1, #cccccc 52%,    var(--afc-c2, #999999) 100%));
  pointer-events: none;
}

@media screen and (max-width: 768px) {
.frecuenciaCards_list {
    flex-direction: column;
    gap: 1rem;
}

.AcesosFrecuencia_items{
    width: 100%;
}

.AcesosFrecuencia_items--img {
    width: 75%;
}

.AcesosFrecuencia_items:before {
    width: 70%;
}

.AcesosFrecuencia_items--cta {
    top: 90%;
    width: 80%;
}
.AcesosFrecuencia_items--img::after{
    height: 30%;
}    
}