/* ── ciees-carousel ─────────────────────────────────────── */
.ciees-carousel {
    position: relative;
    width: 100%;
}

/* El wrapper es quien corta — NO el track */
.ciees-carousel-track-wrapper {
    overflow: hidden;
    width: 100%;
}

.ciees-carousel-track {
    display: flex;
    gap: 1.5rem;
    padding: 1rem 0;
    will-change: transform;
    /* SIN overflow hidden aquí — el track debe poder salir del viewport */
}

/* Item genérico */
.ciees-carousel-item {
    flex: 0 0 auto;
    width: 280px;
    text-align: center;
}

.ciees-carousel-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.ciees-carousel-item iframe {
    display: block;
    width: 100%;
    border-radius: 4px;
}

.ciees-carousel-item p {
    margin-top: .6rem;
    font-size: .85rem;
    line-height: 1.3;
}

/* Widths específicos por carousel */
#magazineSlider   .ciees-carousel-item { width: 160px; cursor: pointer; }
#webinarSlider    .ciees-carousel-item,
#testimonioSlider .ciees-carousel-item { width: 320px; }
#anexoSlider      .ciees-carousel-item { width: 260px; }

/* Controles */
.ciees-carousel-controls {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: .75rem;
}

.ciees-carousel-prev,
.ciees-carousel-next {
    background: var(--blue-p, #1a3a6b);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, color .2s;
    flex-shrink: 0;
}

.ciees-carousel-prev:hover,
.ciees-carousel-next:hover {
    background: var(--yellow-p, #ffca28);
    color: var(--blue-p, #1a3a6b);
}