html body [style*="background-clip: text"],
        html body [style*="-webkit-background-clip: text"],
        html body [data-has-gradient="true"],
        html body [data-xioleni-has-gradient="true"] {
            color: transparent !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            display: inline-block !important;
        }
        
        /* Selector de máxima prioridad para degradados en publicación */
        .xioleni-post-content [style*="background-clip: text"],
        .xioleni-post-content [style*="-webkit-background-clip: text"],
        .xioleni-post-content [data-has-gradient="true"],
        .xioleni-post-content [data-xioleni-has-gradient="true"] {
            color: transparent !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
        }

        /* Estilos específicos para etiquetas (upload-tag) para permitir text wrapping REAL como en Word */
        /* REGLAS CON MÁXIMA ESPECIFICIDAD para sobreescribir editor.css */
        body #xioleni-editor img.xioleni-upload-tag, 
        body #xioleni-editor img[data-tag-image="true"], 
        body #xioleni-editor img[data-is-tag="true"],
        body .xioleni-post-content img.xioleni-upload-tag,
        body .xioleni-post-content img[data-tag-image="true"],
        body .xioleni-post-content img[data-is-tag="true"] {
            /* Configuración básica para text wrapping como en Word */
            display: inline !important;
            vertical-align: top !important;
            margin: 4px !important;
            border: none !important;
            position: relative !important;
            z-index: 1 !important;
            border-radius: 8px !important;
            /* Mantener el tamaño fijo */
            width: var(--tag-size, 100px) !important;
            height: var(--tag-size, 100px) !important;
            min-width: var(--tag-size, 100px) !important;
            min-height: var(--tag-size, 100px) !important;
            max-width: var(--tag-size, 100px) !important;
            max-height: var(--tag-size, 100px) !important;
            object-fit: cover !important;
            cursor: pointer !important;
            /* TEXT WRAPPING REAL - como Word opción "estrecho" */
            float: left !important;
            clear: none !important;
            margin: 4px 8px 4px 4px !important;
            shape-outside: margin-box !important;
            -webkit-shape-outside: margin-box !important;
            -moz-shape-outside: margin-box !important;
            /* Permitir line-height natural del texto */
            line-height: 0 !important;
        }

        /* Etiquetas específicamente marcadas como inline (sin text wrapping) */
        body #xioleni-editor img.xioleni-upload-tag.inline-only,
        body #xioleni-editor img[data-tag-image="true"].inline-only,
        body #xioleni-editor img[data-is-tag="true"].inline-only {
            float: none !important;
            display: inline !important;
            margin: 2px !important;
            shape-outside: none !important;
            -webkit-shape-outside: none !important;
            -moz-shape-outside: none !important;
        }

        /* Tamaños para móviles */
        @media (max-width: 768px) {
            body #xioleni-editor img.xioleni-upload-tag, 
            body #xioleni-editor img[data-tag-image="true"], 
            body #xioleni-editor img[data-is-tag="true"],
            body .xioleni-post-content img.xioleni-upload-tag,
            body .xioleni-post-content img[data-tag-image="true"],
            body .xioleni-post-content img[data-is-tag="true"] {
                --tag-size: 80px;
                margin: 3px 6px 3px 3px !important;
            }
        }

        /* Clases de posicionamiento específicas para las etiquetas */
        body #xioleni-editor img.xioleni-upload-tag.float-left,
        body #xioleni-editor img[data-tag-image="true"].float-left,
        body #xioleni-editor img[data-is-tag="true"].float-left {
            float: left !important;
            margin: 4px 8px 4px 4px !important;
            clear: none !important;
        }

        body #xioleni-editor img.xioleni-upload-tag.float-right,
        body #xioleni-editor img[data-tag-image="true"].float-right,
        body #xioleni-editor img[data-is-tag="true"].float-right {
            float: right !important;
            margin: 4px 4px 4px 8px !important;
            clear: none !important;
        }

        body #xioleni-editor img.xioleni-upload-tag.float-center,
        body #xioleni-editor img[data-tag-image="true"].float-center,
        body #xioleni-editor img[data-is-tag="true"].float-center {
            float: none !important;
            display: block !important;
            margin: 10px auto !important;
            clear: both !important;
            shape-outside: none !important;
            -webkit-shape-outside: none !important;
            -moz-shape-outside: none !important;
        }

        /* Mejorar el comportamiento del texto alrededor de las etiquetas */
        #xioleni-editor p,
        #xioleni-editor div,
        .xioleni-post-content p,
        .xioleni-post-content div {
            overflow: visible !important;
            position: relative !important;
            line-height: 1.5 !important;
            text-align: justify !important;
        }

        /* Asegurar que el editor permita text wrapping natural */
        #xioleni-editor {
            overflow: visible !important;
            word-wrap: break-word !important;
            overflow-wrap: break-word !important;
            line-height: 1.5 !important;
            text-align: left !important;
        }

        /* Mejorar espaciado del texto después de etiquetas flotantes */
        body #xioleni-editor img.xioleni-upload-tag + *,
        body #xioleni-editor img[data-tag-image="true"] + *,
        body #xioleni-editor img[data-is-tag="true"] + * {
            margin-left: 0 !important;
        }