/* ============================================================
   Reglas adicionales fuera del Customizer.
   Cargadas vía inc/enqueue.php (handle: rv-custom).
   ============================================================ */

/* Imagen que ocupa todo el ancho y alto de su columna
   (secciones a dos columnas: texto + foto edge-to-edge)
   Uso: añadir className "rv-col-fill-img" a la wp:column. */
.wp-block-column.rv-col-fill-img {
    align-self: stretch !important;
    padding: 0 !important;
    display: flex !important;
}

.wp-block-column.rv-col-fill-img > .wp-block-image,
.wp-block-column.rv-col-fill-img > figure.wp-block-image {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    display: flex;
}

.wp-block-column.rv-col-fill-img .wp-block-image figure,
.wp-block-column.rv-col-fill-img figure.wp-block-image {
    margin: 0 !important;
    width: 100%;
    height: 100%;
}

.wp-block-column.rv-col-fill-img figure.wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    aspect-ratio: auto !important;
    display: block;
}

/* En móvil las columnas se apilan: dar altura mínima a la foto */
@media (max-width: 781px) {
    .wp-block-column.rv-col-fill-img {
        min-height: 280px;
    }
}