.la-instruction-cta{
    --la-cta-bg:#fff;
    --la-cta-card:#EAF0FF;
    background: var(--la-cta-bg);
    position: relative;
}

.la-instruction-cta__header{ padding-top: 3rem; padding-bottom: 1.25rem; }

.la-instruction-cta__title{
    font-weight: 900;
    letter-spacing: -0.02em;
    font-size: clamp(28px, 3vw, 44px);
    margin: 0;
}

.la-instruction-cta__desc{
    opacity: .85;
    font-size: clamp(15px, 1.15vw, 18px);
    max-width: 72ch;
    margin-left: auto;
    margin-right: auto;
}

.la-instruction-cta__body-wrap{ padding-bottom: 2.75rem; }

.la-instruction-cta__body{
    position: relative;
}

.la-instruction-cta__center{
    display: flex;
    justify-content: center;
    width: 100%;
}

.la-instruction-cta__carousel{
    width: 100%;
    display: flex;
    justify-content: center;
}

.la-instruction-cta__stage{
    width: 100%;
    max-width: 400px;
    position: relative;
}

.la-instruction-cta__slides{
    position: relative;
    min-height: 560px;
}

.la-instruction-cta__slide{
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}

.la-instruction-cta__slide.is-active{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    position: relative;
}

.la-instruction-cta__card{
    border-radius: 18px;
    background: var(--la-cta-card);
    box-shadow: 0 18px 28px rgba(0,0,0,.08);
    padding: 18px;
}

.la-instruction-cta__stepbar{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.la-instruction-cta__step{
    font-weight: 900;
    letter-spacing: .04em;
    font-size: 20px;
    text-transform: uppercase;
    opacity: .92;
}

.la-instruction-cta__media{
    border-radius: 16px;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.la-instruction-cta__shot{
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    display: block;
    box-shadow: none;
}

.la-instruction-cta__placeholder{
    width: 100%;
    height: 320px;
    border-radius: 14px;
    background: rgba(255,255,255,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .75;
    font-size: 14px;
}

.la-instruction-cta__text{
    margin-top: 16px;
    text-align: center;
}

.la-instruction-cta__h2
{
    margin: 0 0 8px;
    text-align: center;
}

.la-instruction-cta__p{
    font-size: clamp(16px, 1.1vw, 16px);
    opacity: .88;
    line-height: 1.55;
    margin: 0;
}

/* Flechas */
.la-instruction-cta__nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

.la-instruction-cta__prev {
    left: -130px;
}

.la-instruction-cta__next {
    right: -130px;
}

@media (max-width: 991px){
    .la-instruction-cta__prev { left: -10px; }
    .la-instruction-cta__next { right: -10px; }
}

.la-instruction-cta__dots{
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
}

.la-instruction-cta__dot{
    width: 10px;
    height: 10px;
    border-radius: 999px;
    border: 0;
    background: rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: all 0.3s ease;
}

.la-instruction-cta__dot.is-active{
    width: 45px;
    background: var(--tc-theme-primary);
}

.la-instruction-cta__nav:focus-visible,
.la-instruction-cta__dot:focus-visible{
    outline: 2px solid rgba(0, 0, 0, 0.35);
    outline-offset: 3px;
}

.la-instruction-cta__float {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.la-instruction-cta__pos-right .la-instruction-cta__float {
    left: calc(50% + 280px);
}

.la-instruction-cta__pos-left .la-instruction-cta__float {
    right: calc(50% + 330px);
}

.la-instruction-cta__float-img{
    width: min(340px, 30vw);
    height: auto;
    display: block;
    filter: drop-shadow(0 18px 22px rgba(0,0,0,.10));
}

@media (max-width: 991px){
    .la-instruction-cta__float{
        position: static;
        transform: none;
        display: flex;
        justify-content: center;
        margin: 0 auto 18px;
    }
    .la-instruction-cta__pos-left .la-instruction-cta__float,
    .la-instruction-cta__pos-right .la-instruction-cta__float{
        left: auto;
        right: auto;
        transform: none;
    }
}

.la-instruction-cta.is-no-float .la-instruction-cta__float{ display:none; }