
.avandra-resources {
    width: 100%;
    color: var(--ar-text);
    font-family: "Poppins", Arial, sans-serif;
}

.avandra-resources *,
.avandra-resources *::before,
.avandra-resources *::after {
    box-sizing: border-box;
}

.avandra-resources__header {
    margin-bottom: 34px;
    text-align: center;
}

.avandra-resources__eyebrow,
.avandra-resources__eyebrow.ak-etiqueta {
    margin: 0 0 8px;
    color: #19C6D3;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-align: center;
}

.avandra-resources__title,
.avandra-resources__title.ak-titulo-seccion-centro {
    margin: 0;
    color: var(--ar-accent);
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(30px, 3.2vw, 44px);
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.8px;
    text-align: center;
}

.avandra-resources__divider {
    width: 92px;
    height: 14px;
    margin: 8px auto 0;
    line-height: 0;
}

.avandra-resources__divider svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.avandra-resources__divider path {
    fill: none;
    stroke: var(--ar-orange);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .9;
    filter: drop-shadow(0 2px 2px rgba(255,140,28,.18));
}

.avandra-resources__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

.avandra-resource-card {
    position: relative;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 18px;
    min-width: 0;
    padding: 8px 34px;
}

.avandra-resource-card:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 1px;
    height: calc(100% - 4px);
    background: rgba(107,9,122,.11);
}

.avandra-resource-card__icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 2px;
}

.avandra-resource-card__icon img {
    display: block;
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.avandra-resource-card__title {
    margin: 0 0 5px;
    color: var(--ar-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.avandra-resource-card__description {
    margin: 0 0 8px;
    color: #5f5861;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
}

.avandra-resource-card__link,
.avandra-resource-card__link:visited {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ar-orange);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: color .25s ease;
}

.avandra-resource-card__link span {
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    transition: transform .25s ease;
}

.avandra-resource-card__link:hover,
.avandra-resource-card__link:focus {
    color: var(--ar-accent);
}

.avandra-resource-card__link:hover span,
.avandra-resource-card__link:focus span {
    transform: translateX(4px);
}

@media (max-width: 1024px) {
    .avandra-resource-card {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 14px;
        padding: 8px 22px;
    }

    .avandra-resource-card__icon img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 767px) {
    .avandra-resources__header {
        margin-bottom: 22px;
    }

    .avandra-resources__title {
        font-size: 31px;
    }

    .avandra-resources__grid {
        grid-template-columns: 1fr;
    }

    .avandra-resource-card {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 16px;
        padding: 22px 0;
    }

    .avandra-resource-card:not(:last-child)::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
    }

    .avandra-resource-card__icon img {
        width: 54px;
        height: 54px;
    }
}

@media (max-width: 420px) {
    .avandra-resource-card {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 13px;
    }

    .avandra-resource-card__icon img {
        width: 46px;
        height: 46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .avandra-resource-card__link,
    .avandra-resource-card__link span {
        transition: none;
    }
}
