/* Contenedor general */
.iframe-display-wrapper {
    display: block;
    width: 100%;
}

/* Ítem individual */
.iframe-item {
    margin: 0 0 1.5em 0;
    max-width: 100%;
}

.iframe-item iframe {
    border: 1px solid #CCCCCC;
    display: block;
    max-width: 100%;
}

/* Modo responsive por proporción (Alto = auto) */
.iframe-item--responsive {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.iframe-item--responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #CCCCCC;
}