/* Bloque de opiniones de la ficha de artículo (responsive) */

/* Resumen (nota media + botón). En móvil no debe forzar 320px de ancho */
#opiniones .opiniones-resumen {
    min-width: 20rem;
}

/* Cada opinión: en móvil apilada, a partir de md en fila */
#opiniones .resena-item {
    display:        flex;
    flex-direction: column;
    gap:            0.75rem;
}

#opiniones .resena-datos {
    min-width: 0;
}

#opiniones .resena-texto {
    min-width:     0;
    flex:          1 1 auto;
    overflow-wrap: anywhere;
    word-break:    normal;
}

#opiniones .resena-acciones {
    display:         flex;
    flex-direction:  column;
    gap:             0.5rem;
    align-items:     flex-start;
    justify-content: flex-start;
}

#opiniones .resena-acciones button {
    padding-left:  0;
    padding-right: 0;
}

@media (min-width: 768px) {
    #opiniones .resena-item {
        flex-direction: row;
        align-items:    flex-start;
        gap:            1rem;
    }

    #opiniones .resena-datos {
        flex:      0 0 auto;
        min-width: 15rem;
    }

    #opiniones .resena-texto {
        padding-left: 0.5rem;
    }

    #opiniones .resena-acciones {
        flex:        0 0 auto;
        width:       10rem;
        align-items: flex-end;
    }

    #opiniones .resena-acciones button {
        padding-left:  0.75rem;
        padding-right: 0.75rem;
    }
}

@media (max-width: 767px) {
    #opiniones .opiniones-resumen {
        min-width: 0;
        width:     100%;
    }
}