/* WRAPPER PRINCIPAL */
.mayemedia-carousel-wrapper {
    position: relative;
    overflow: hidden; 
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 2000px;
    margin: 0 auto;
    min-height: 500px; 
}

/* CILINDRO CENTRAL (Siempre existe) */
.mayemedia-center-cylinder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Elementor controla ancho/alto */
    z-index: 0;
    pointer-events: none;
    display: flex;
    /* Elementor controla flex alignment */
}

.mayemedia-center-cylinder img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* TRACK */
.mayemedia-carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transform-style: preserve-3d;
    will-change: transform;
    z-index: 2; 
}

/* ITEMS (LOGOS) */
.mayemedia-carousel-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Elementor controla Width, Height y Background */
    box-sizing: border-box;
}

.mayemedia-carousel-item img {
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    pointer-events: none;
    max-width: 90%; 
    max-height: 90%;
}

.mayemedia-carousel-item a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

/* Espiral: Posicionamiento Absoluto */
.mayemedia-mode-spiral .mayemedia-carousel-track {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    overflow: visible; 
}
.mayemedia-mode-spiral .mayemedia-carousel-item {
    position: absolute;
    top: 0;
    left: 0;
}

/* Horizontal */
.mayemedia-mode-horizontal .mayemedia-carousel-track {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    align-items: center;
}