/* ==========================================================================
   Image + Text Element — WPBakery Plugin
   ========================================================================== */

/* Wrapper principal: flex row, centrado vertical */
.ite-wrapper {
    display:         flex;
    flex-direction:  row;
    align-items:     center;   /* centrado vertical */
    width:           100%;
    box-sizing:      border-box;
}

/* ── Columna imagen: 25 % del ancho ──────────────────────────────────────── */
.ite-wrapper .ite-col-image {
    flex:            0 0 25%;
    max-width:       25%;
    box-sizing:      border-box;
    display:         flex;
    align-items:     center;
    justify-content: center;   /* centrado horizontal de la imagen */
}

.ite-wrapper .ite-col-image .ite-image {
    display:    block;
    width:      100%;          /* ocupa todo el espacio disponible (descontado padding) */
    height:     auto;
    object-fit: contain;
}

/* ── Columna texto: 75 % del ancho ───────────────────────────────────────── */
.ite-wrapper .ite-col-text {
    flex:       1 1 0;
    min-width:  0;             /* evita overflow en flex */
    box-sizing: border-box;
}

/* Quitar margen extra del último párrafo dentro del texto */
.ite-wrapper .ite-col-text p:last-child {
    margin-bottom: 0;
}

/* ── Orden invertido cuando imagen está a la derecha ─────────────────────── */
.ite-wrapper.ite-image-right {
    flex-direction: row-reverse;
}

/* ── Responsive: mantiene layout horizontal en todos los tamaños ─────────── */
/* Sin breakpoint de apilado: el flex row escala proporcionalmente */