/* .slick-slider .container {
  width: 100%;
  max-width: 100%;
} */


/* --- COMPONENT: EM OPINIONS --- */

.em-section-custom{
    padding-bottom: 0px;
}

.em-opinions-background {
    display: block;
    width: 100%;
    background: #f8f8f8;
    height: 750px;
    margin-top: -750px;
}

/* Forzamos a la fila a ser Flexbox para usar la propiedad 'order' correctamente */
.em-opinions-flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Centrado vertical natural */
}

/* --- TYPOGRAPHY & DETAILS --- */
.em-opinions-item-title {
    font-family: 'Poppins Semi-Bold', sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
}

.em-opinions-item-valoration {
    display: flex;
    gap: 2px; /* Mejor que depender del margen de las imágenes */
}

.em-opinions-item-valoration img {
    width: 18px;
    height: 17px;

    /* FIX: Previene que Flexbox encoja o estire la estrella */
    flex-shrink: 0;
    flex-grow: 0;

    /* FIX: Asegura que el SVG no se deforme internamente */
    object-fit: contain;
    display: block;
}


.em-opinions-item-text,
.em-opinions-item-served-in {
    font-family: 'Poppins Regular', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
}

.em-opinions-item-author {
    font-family: 'Poppins Semi-Bold', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    margin-bottom: 0;
}

/* --- LAYOUT & IMAGES (MOBILE FIRST APPROACH) --- */
.em-opinions-item-info {
    order: 2; /* Texto abajo en móviles */
    z-index: 1;
    margin-top: 20px;
}

.em-opinions-item-img {
    display: flex;
    justify-content: center;
    align-items: center; /* Centra el picture verticalmente */
    width: 100%;
}

/* FIX PRINCIPAL: Sobreescribir el CSS global que rompe el diseño */
.em-opinions-item-img .em-picture-wrapper {
    display: flex;          /* Cambiamos de block a flex */
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 650px;
}

.em-opinions-item-img .em-picture-wrapper img {
    display: block;
    width: 80%;
    max-height: 650px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}

/* --- DESKTOP QUERIES --- */
@media (min-width: 768px) {
    .em-opinions-background {
        margin-top: -360px;
        height: 360px;
    }

    .em-opinions-item-info {
        margin-top: 14rem;
        order: 1; /* Texto a la izquierda */
    }

    .em-opinions-item-img {
        margin-bottom: 0;
        order: 2; /* Imagen a la derecha */
    }

    .em-opinions-item-img {
        align-items: center; /* ya lo tienes, confirma que no esté sobreescrito */
    }

    .em-opinions-item-img .em-picture-wrapper {
        align-items: center;
    }

    .em-opinions-item-img .em-picture-wrapper img {
        margin-top: 8rem;
    }

}

@media (max-width: 767.98px) {

    .em-opinions-item-img .em-picture-wrapper img {
        width: 100%;
    }

    .em-opinions-item-info {
        margin-top: 4rem;
    }

    .em-opinions-background {
        margin-top: -625px;
    }

}