/* Ajuste final: experiencia compacta y controles accesibles. */
.hero-editorial,
#experiencia .experience-carousel {
    touch-action: pan-y;
}

#experiencia.experience-editorial {
    padding-top: clamp(52px, 5vw, 72px);
    padding-bottom: clamp(58px, 6vw, 82px);
}

#experiencia .experience-header,
#experiencia.experience-editorial .section-heading {
    margin-bottom: clamp(16px, 1.8vw, 24px);
}

#experiencia .experience-carousel {
    padding: clamp(20px, 2vw, 28px) clamp(26px, 4vw, 58px) clamp(16px, 1.8vw, 24px);
}

#experiencia .experience-carousel__viewport {
    min-height: 0;
    height: auto;
    transition: height 0.3s ease;
}

#experiencia .experience-case-slide {
    grid-template-rows: auto auto auto;
    gap: clamp(8px, 1vw, 12px);
    align-content: start;
}

#experiencia .experience-case-slide.is-active {
    position: relative;
    inset: auto;
}

#experiencia .experience-case-slide:first-child {
    grid-template-rows: auto auto auto;
}

#experiencia .experience-case-slide:first-child .experience-case-slide__middle,
#experiencia .experience-case-slide__bottom {
    align-self: start;
}

#experiencia .experience-case-slide__brief {
    margin-top: clamp(14px, 1.6vw, 22px);
    gap: clamp(16px, 2vw, 28px);
}

#experiencia .experience-case-slide__metric {
    padding-top: clamp(8px, 0.8vw, 10px);
}

#experiencia .experience-case-slide__bottom {
    margin-top: clamp(6px, 0.7vw, 10px);
}

#experiencia .experience-case-slide small {
    margin-top: 10px;
}

#experiencia .experience-carousel__controls {
    margin-top: 8px;
    flex-direction: row;
    gap: 16px;
}

#experiencia .experience-carousel__button {
    position: static;
    width: 42px;
    height: 42px;
    padding: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 1px solid rgba(10, 47, 87, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: var(--gv-navy);
    font-size: 1.1rem;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

#experiencia .experience-carousel__button:hover,
#experiencia .experience-carousel__button:focus-visible {
    border-color: var(--gv-gold);
    background: var(--gv-navy);
    color: #ffffff;
}

#experiencia .experience-carousel__dots {
    margin-top: 6px;
}

#experiencia .experience-trust-strip {
    margin-top: clamp(22px, 2.5vw, 34px);
}

@media (max-width: 1180px) {
    #experiencia .experience-carousel {
        padding: clamp(22px, 3vw, 32px);
    }

    #experiencia .experience-carousel__viewport { min-height: 0; }
}

@media (max-width: 760px) {
    #experiencia.experience-editorial {
        padding-top: 48px;
        padding-bottom: 56px;
    }

    #experiencia .experience-carousel {
        padding: 22px 18px 24px;
    }

    #experiencia .experience-carousel__viewport { min-height: 0; }

    #experiencia .experience-case-slide {
        gap: 14px;
    }

    #experiencia .experience-case-slide__brief {
        margin-top: 14px;
        gap: 10px;
    }
}

@media (max-width: 340px) {
    #experiencia .experience-carousel {
        padding-inline: 14px;
    }

    #experiencia .experience-carousel__viewport { min-height: 0; }
}