/* ======================================================================
/* 🔹 Regla general: todas las imágenes en texto+imagen (PC y Tablet) */
.elementor-widget-text-editor img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ===========================================================
/* 🔹 Clases específicas para PC y Tablet (img-pc-XXX) */
.elementor-widget-text-editor img.img-pc-300 { width: clamp(250px, 30vw, 300px); }
.elementor-widget-text-editor img.img-pc-290 { width: clamp(240px, 29vw, 290px); }
.elementor-widget-text-editor img.img-pc-280 { width: clamp(230px, 28vw, 280px); }
.elementor-widget-text-editor img.img-pc-270 { width: clamp(220px, 27vw, 270px); }
.elementor-widget-text-editor img.img-pc-260 { width: clamp(210px, 26vw, 260px); }
.elementor-widget-text-editor img.img-pc-250 { width: clamp(200px, 25vw, 250px); }
.elementor-widget-text-editor img.img-pc-240 { width: clamp(200px, 25vw, 240px); }
.elementor-widget-text-editor img.img-pc-230 { width: clamp(200px, 25vw, 230px); }
.elementor-widget-text-editor img.img-pc-220 { width: clamp(200px, 25vw, 220px); }
.elementor-widget-text-editor img.img-pc-210 { width: clamp(200px, 25vw, 210px); }
.elementor-widget-text-editor img.img-pc-200 { width: clamp(200px, 25vw, 200px); }
.elementor-widget-text-editor img.img-pc-190 { width: clamp(160px, 21vw, 190px); }
.elementor-widget-text-editor img.img-pc-180 { width: clamp(150px, 20vw, 180px); }
.elementor-widget-text-editor img.img-pc-170 { width: clamp(140px, 19vw, 170px); }
.elementor-widget-text-editor img.img-pc-160 { width: clamp(130px, 18vw, 160px); }
.elementor-widget-text-editor img.img-pc-150 { width: clamp(120px, 17vw, 150px); }
.elementor-widget-text-editor img.img-pc-140 { width: clamp(110px, 16vw, 140px); }
.elementor-widget-text-editor img.img-pc-130 { width: clamp(100px, 15vw, 130px); }
.elementor-widget-text-editor img.img-pc-120 { width: clamp(90px, 14vw, 120px); }
.elementor-widget-text-editor img.img-pc-110 { width: clamp(80px, 13vw, 110px); }
.elementor-widget-text-editor img.img-pc-100 { width: clamp(70px, 12vw, 100px); }

/* ===============================================================
/* 🔹 Clases específicas para Móviles (img-movil-XXX) */
@media (max-width: 480px) {
    .elementor-widget-text-editor img.img-movil-300 { width: 300px !important; }
    .elementor-widget-text-editor img.img-movil-290 { width: 290px !important; }
    .elementor-widget-text-editor img.img-movil-280 { width: 280px !important; }
    .elementor-widget-text-editor img.img-movil-270 { width: 270px !important; }
    .elementor-widget-text-editor img.img-movil-260 { width: 260px !important; }
    .elementor-widget-text-editor img.img-movil-250 { width: 250px !important; }
    .elementor-widget-text-editor img.img-movil-240 { width: 240px !important; }
    .elementor-widget-text-editor img.img-movil-230 { width: 230px !important; }
    .elementor-widget-text-editor img.img-movil-220 { width: 220px !important; }
    .elementor-widget-text-editor img.img-movil-210 { width: 210px !important; }
    .elementor-widget-text-editor img.img-movil-200 { width: 200px !important; }
    .elementor-widget-text-editor img.img-movil-190 { width: 190px !important; }
    .elementor-widget-text-editor img.img-movil-180 { width: 180px !important; }
    .elementor-widget-text-editor img.img-movil-170 { width: 170px !important; }
    .elementor-widget-text-editor img.img-movil-160 { width: 160px !important; }
    .elementor-widget-text-editor img.img-movil-150 { width: 150px !important; }
    .elementor-widget-text-editor img.img-movil-140 { width: 140px !important; }
    .elementor-widget-text-editor img.img-movil-130 { width: 130px !important; }
    .elementor-widget-text-editor img.img-movil-120 { width: 120px !important; }
    .elementor-widget-text-editor img.img-movil-110 { width: 110px !important; }
    .elementor-widget-text-editor img.img-movil-100 { width: 100px !important; }
}

/* =================================================
/* 🔹 Alineación Imagenes: izquierda / derecha */

/* Clase para imágenes a la izquierda del texto */
.elementor-widget-text-editor img.img-izquierda {
    margin-right: 12px; /* Separación a la derecha de la imagen (escritorio) */
    margin-left: 0;    /* Aseguramos que no haya margen a la izquierda */
}

/* Clase para imágenes a la derecha del texto */
.elementor-widget-text-editor img.img-derecha {
    margin-left: 12px;  /* Separación a la izquierda de la imagen (escritorio) */
    margin-right: 0;   /* Aseguramos que no haya margen a la derecha */
}

/* Ajuste para móviles (izquierda o derecha) */
@media (max-width: 768px) {
    .elementor-widget-text-editor img.img-izquierda,
    .elementor-widget-text-editor img.img-derecha {
        margin-right: 6px; /* Separación en móviles (misma para ambos lados) */
        margin-left: 6px;
    }
}