/* Contenedor de anuncios: siempre el 100 % del ancho del contenedor padre */
.pd-anuncios {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0; /* Evita que crezca con la imagen dentro de columnas flex/grid */
    margin: 24px 0;
    box-sizing: border-box;
}

.pd-anuncio {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    float: none;
    box-sizing: border-box;
    overflow: hidden; /* Nada del anuncio se sale de su caja */
    text-align: center;
}

/* Anuncios de imagen */
.pd-anuncio-enlace {
    display: block;
    max-width: 100%;
    line-height: 0;
}

.pd-anuncio-imagen {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}

/* Anuncios HTML: sus bloques y medios también ocupan todo el ancho */
.pd-anuncio--html > * {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pd-anuncio--html * {
    max-width: 100%;
    box-sizing: border-box;
}

.pd-anuncio--html img,
.pd-anuncio--html video {
    height: auto;
}

/* Si tienen URL de destino, toda la zona es pulsable */
.pd-anuncio--html[data-pd-url]:not([data-pd-url=""]) {
    cursor: pointer;
}

/* Vista previa en el editor de bloques */
.pd-editor-nota {
    padding: 14px 16px;
    border: 1px dashed #8c8f94;
    background: #f6f7f7;
    color: #50575e;
}