/* Evita que <picture> cause CLS — se comporta igual que su <img> hijo */
picture {
    display: contents;
}

/*
 * Reserva SIEMPRE el espacio de la barra de scroll vertical. Sin esto, cuando la
 * barra aparece durante la carga (el contenido crece), el ancho util cambia ~15px y
 * las secciones de ancho completo del Maquetador (width:100vw; margin:calc(50% - 50vw))
 * se recalculan y SALTAN horizontalmente -> CLS alto en escritorio (ej: 0.44 en inmed
 * al abrir un popup). Al reservar el gutter, el ancho es constante desde el 1er frame
 * y esas secciones no se mueven. Solo afecta escritorio (en movil el scrollbar es
 * overlay y no ocupa ancho). Complementa el overflow-x:clip que evita el scroll lateral.
 */
html {
    scrollbar-gutter: stable;
}

.ozopt-content-visibility .ozlazy {
    content-visibility: auto;
    contain-intrinsic-size: 1px 600px;
}

.ozopt-iframe-placeholder {
    background: #f0f0f1;
    border: 1px solid #dcdcde;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}