/* =========================================================
   Mi PDF Web - soporte modo claro
   Archivo dedicado: wwwroot/css/mipdf-theme.css
========================================================= */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-page {
    color: #0f172a !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mired-content {
    background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.10), transparent 34%), linear-gradient(180deg, #f8fbff, #eaf2fb) !important;
}

/* ===== Hero ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-hero {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 42%), linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96)) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-kicker {
    color: #0369a1 !important;
    background: rgba(224, 242, 254, 0.86) !important;
    border-color: rgba(14, 165, 233, 0.24) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-hero h1 {
    color: #0f172a !important;
    text-shadow: none !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-hero p {
    color: #475569 !important;
}

/* ===== Workspace y paneles ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-workspace {
    background: transparent !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-panel {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 42%), rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.30) !important;
    box-shadow: 0 22px 64px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-section-title span {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.22) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-section-title h2 {
    color: #0f172a !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-section-title p {
    color: #64748b !important;
}

/* ===== Panel vacío de páginas ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-empty-panel {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.08), transparent 42%), rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.30) !important;
    color: #0f172a !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-empty-panel strong {
        color: #0f172a !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-empty-panel p {
        color: #64748b !important;
    }

/* ===== Lista de páginas ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-page-item {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.08), transparent 42%), rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #0f172a !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-page-item:hover {
        border-color: rgba(37, 99, 235, 0.38) !important;
        background: rgba(255, 255, 255, 0.96) !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-page-item.active,
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-page-item.selected {
        background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 42%), rgba(239, 246, 255, 0.96) !important;
        border-color: rgba(37, 99, 235, 0.56) !important;
    }

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-thumb-placeholder {
    background: rgba(241, 245, 249, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-page-drag-handle {
    color: #2563eb !important;
    background: rgba(219, 234, 254, 0.86) !important;
    border-color: rgba(37, 99, 235, 0.22) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-selected-mark {
    color: #1e3a8a !important;
    background: rgba(219, 234, 254, 0.86) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-drop-end {
    color: #64748b !important;
    background: rgba(255, 255, 255, 0.76) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

/* ===== Barra superior de vista previa ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-top-toolbar {
    background: linear-gradient(90deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.92)) !important;
    border-bottom-color: rgba(148, 163, 184, 0.24) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-top-toolbar strong {
        color: #0f172a !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-top-toolbar span {
        color: #64748b !important;
    }

/* ===== Botones Mi PDF ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-toolbar-actions button,
:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-tool-stack button,
:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-tool-upload {
    color: #334155 !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.30) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-toolbar-actions button:hover:not(:disabled),
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-tool-stack button:hover:not(:disabled),
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-tool-upload:hover:not(.disabled) {
        color: #0f172a !important;
        border-color: rgba(37, 99, 235, 0.38) !important;
        background: rgba(239, 246, 255, 0.98) !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-toolbar-actions button:disabled,
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-tool-stack button:disabled,
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-tool-upload.disabled {
        color: #94a3b8 !important;
        background: rgba(226, 232, 240, 0.66) !important;
        border-color: rgba(203, 213, 225, 0.70) !important;
        opacity: 0.76 !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-toolbar-actions button.primary,
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-tool-stack button.primary,
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-upload-main {
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
        border-color: rgba(37, 99, 235, 0.32) !important;
        box-shadow: 0 18px 44px rgba(37, 99, 235, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    }

/* ===== Canvas de vista previa ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-preview-canvas {
    background: radial-gradient(circle at center, rgba(219, 234, 254, 0.62), transparent 42%), linear-gradient(180deg, #f8fbff, #edf4fc) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-preview-empty {
    color: #0f172a !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-preview-empty div {
        color: #2563eb !important;
        background: rgba(219, 234, 254, 0.82) !important;
        border-color: rgba(37, 99, 235, 0.24) !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-preview-empty h2 {
        color: #0f172a !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-preview-empty p {
        color: #64748b !important;
    }

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-real-preview {
    background: #ffffff !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(148, 163, 184, 0.22) !important;
}

/* ===== Panel derecho ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-privacy-note {
    background: radial-gradient(circle at top left, rgba(20, 184, 166, 0.10), transparent 42%), rgba(240, 253, 250, 0.86) !important;
    border-color: rgba(20, 184, 166, 0.28) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-privacy-note strong {
        color: #0f766e !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-privacy-note p {
        color: #334155 !important;
    }

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-message {
    color: #1e3a8a !important;
    background: rgba(219, 234, 254, 0.82) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
}

/* ===== Herramientas overlay firma/sello ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-overlay-tools {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-overlay-tools strong {
        color: #0f172a !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-overlay-tools p {
        color: #64748b !important;
    }

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-overlay-warning {
    color: #92400e !important;
    background: rgba(254, 243, 199, 0.84) !important;
    border-color: rgba(245, 158, 11, 0.30) !important;
}

/* ===== Modales: firma, dividir, comprimir ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-modal {
    background: radial-gradient(circle at top, rgba(37, 99, 235, 0.18), transparent 42%), rgba(226, 232, 240, 0.78) !important;
    backdrop-filter: blur(18px) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-card {
    color: #0f172a !important;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.12), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(239, 246, 255, 0.99)) !important;
    border-color: rgba(148, 163, 184, 0.30) !important;
    box-shadow: 0 34px 90px rgba(15, 23, 42, 0.18) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-card header {
        border-bottom-color: rgba(148, 163, 184, 0.22) !important;
    }

        :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-card header strong {
            color: #0f172a !important;
        }

        :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-card header span {
            color: #64748b !important;
        }

        :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-card header button,
        :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-card footer button {
            color: #334155 !important;
            background: rgba(255, 255, 255, 0.86) !important;
            border-color: rgba(148, 163, 184, 0.30) !important;
        }

            :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-card footer button.primary {
                color: #ffffff !important;
                background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
                border-color: rgba(37, 99, 235, 0.32) !important;
            }

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-signature-canvas {
    background: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.30) !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-split-body label {
    color: #1e3a8a !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-split-body p {
    color: #64748b !important;
}

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-split-input {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

/* ===== Modal comprimir ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-option {
    color: #0f172a !important;
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 42%), rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-option:hover {
        border-color: rgba(37, 99, 235, 0.42) !important;
        background: rgba(239, 246, 255, 0.96) !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-option.active {
        border-color: rgba(37, 99, 235, 0.58) !important;
        background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 42%), rgba(239, 246, 255, 0.98) !important;
        box-shadow: 0 18px 42px rgba(37, 99, 235, 0.18) !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-option strong {
        color: #0f172a !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-option span {
        color: #64748b !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-option small {
        color: #1e3a8a !important;
        background: rgba(219, 234, 254, 0.84) !important;
        border-color: rgba(37, 99, 235, 0.24) !important;
    }

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-note,
:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-status {
    color: #1e3a8a !important;
    background: rgba(219, 234, 254, 0.82) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-note strong {
        color: #0f172a !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-compress-note span {
        color: #475569 !important;
    }

/* ===== Presentación ===== */

:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-presentation-top,
:is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-presentation-controls {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: #0f172a !important;
}

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-presentation-top strong {
        color: #0f172a !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-presentation-top span {
        color: #64748b !important;
    }

    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-presentation-zoombar button,
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-presentation-controls button,
    :is(html[data-theme="light"], body[data-theme="light"], html.light, body.light, html.theme-light, body.theme-light, [data-bs-theme="light"]) .mipdf-presentation-close {
        color: #334155 !important;
        background: rgba(255, 255, 255, 0.88) !important;
        border-color: rgba(148, 163, 184, 0.30) !important;
    }


/* =========================================================
   Mi PDF Web - Lector de PDF
========================================================= */

.mipdf-reader-card {
    margin-top: 18px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.14), transparent 42%), rgba(15, 23, 42, 0.62) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
}

.mipdf-reader-head {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    margin-bottom: 14px !important;
}

    .mipdf-reader-head > span {
        width: 38px !important;
        height: 38px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 14px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
        font-size: 0.78rem !important;
        font-weight: 950 !important;
    }

    .mipdf-reader-head strong {
        display: block !important;
        color: #f8fafc !important;
        font-weight: 950 !important;
    }

    .mipdf-reader-head small {
        display: block !important;
        margin-top: 3px !important;
        color: #94a3b8 !important;
        line-height: 1.35 !important;
    }

.mipdf-reader-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
}

    .mipdf-reader-actions button {
        min-height: 38px !important;
        border-radius: 13px !important;
        border: 1px solid rgba(148, 163, 184, 0.18) !important;
        background: rgba(30, 41, 59, 0.68) !important;
        color: #dbeafe !important;
        font-weight: 850 !important;
        cursor: pointer !important;
    }

        .mipdf-reader-actions button:hover:not(:disabled) {
            transform: translateY(-1px) !important;
            border-color: rgba(96, 165, 250, 0.46) !important;
            background: rgba(30, 64, 175, 0.34) !important;
        }

        .mipdf-reader-actions button:disabled {
            opacity: 0.48 !important;
            cursor: not-allowed !important;
        }

        .mipdf-reader-actions button.danger {
            color: #fecaca !important;
            border-color: rgba(248, 113, 113, 0.32) !important;
            background: rgba(127, 29, 29, 0.16) !important;
        }

.mipdf-reader-rate {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 14px !important;
    color: #bfdbfe !important;
    font-size: 0.86rem !important;
    font-weight: 850 !important;
}

    .mipdf-reader-rate input {
        width: 100% !important;
        accent-color: #38bdf8 !important;
    }

.mipdf-reader-status,
.mipdf-reader-message {
    margin-top: 12px !important;
    padding: 12px 13px !important;
    border-radius: 16px !important;
    color: #bfdbfe !important;
    background: rgba(37, 99, 235, 0.13) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    line-height: 1.45 !important;
    font-size: 0.86rem !important;
}

    .mipdf-reader-status.loading {
        color: #fde68a !important;
        background: rgba(250, 204, 21, 0.10) !important;
        border-color: rgba(250, 204, 21, 0.28) !important;
    }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-card {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 42%), rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(37, 99, 235, 0.22) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-head strong {
    color: #0f172a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-head small {
    color: #64748b !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-actions button {
    color: #334155 !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.30) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-actions button:hover:not(:disabled) {
        color: #0f172a !important;
        background: rgba(239, 246, 255, 0.98) !important;
        border-color: rgba(37, 99, 235, 0.36) !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-actions button.danger {
        color: #991b1b !important;
        background: rgba(254, 226, 226, 0.80) !important;
        border-color: rgba(239, 68, 68, 0.28) !important;
    }

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-rate {
    color: #1e3a8a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-status,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-message {
    color: #1e3a8a !important;
    background: rgba(219, 234, 254, 0.82) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
}

.mipdf-reader-shortcuts {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 12px !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
    color: #dbeafe !important;
    background: rgba(15, 23, 42, 0.46) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    cursor: pointer !important;
}

    .mipdf-reader-shortcuts input {
        width: 16px !important;
        height: 16px !important;
        accent-color: #38bdf8 !important;
    }

    .mipdf-reader-shortcuts span {
        display: grid !important;
        gap: 3px !important;
        font-weight: 900 !important;
    }

    .mipdf-reader-shortcuts small {
        color: #94a3b8 !important;
        font-size: 0.78rem !important;
        font-weight: 750 !important;
    }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-shortcuts {
    color: #1e3a8a !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-reader-shortcuts small {
        color: #64748b !important;
    }

/* =========================================================
   Mi PDF Web - Subrayado exacto por coordenadas
========================================================= */

.mipdf-search-exact-highlight {
    position: absolute !important;
    z-index: 16 !important;
    pointer-events: none !important;
    border-radius: 3px !important;
    background: rgba(250, 204, 21, 0.16) !important;
    box-shadow: inset 0 -3px 0 rgba(250, 204, 21, 0.92), 0 0 12px rgba(250, 204, 21, 0.20) !important;
    animation: mipdfExactSearchIn 0.22s ease-out !important;
}

    .mipdf-search-exact-highlight.active {
        background: rgba(250, 204, 21, 0.28) !important;
        box-shadow: inset 0 -4px 0 rgba(245, 158, 11, 1), 0 0 18px rgba(250, 204, 21, 0.55), 0 0 34px rgba(250, 204, 21, 0.28) !important;
        outline: 2px solid rgba(250, 204, 21, 0.40) !important;
        outline-offset: 2px !important;
    }

@keyframes mipdfExactSearchIn {
    from {
        opacity: 0;
        transform: translateY(4px) scaleY(0.7);
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-exact-highlight {
    background: rgba(253, 230, 138, 0.34) !important;
    box-shadow: inset 0 -3px 0 rgba(217, 119, 6, 0.90), 0 0 12px rgba(217, 119, 6, 0.18) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-exact-highlight.active {
        background: rgba(253, 230, 138, 0.52) !important;
        box-shadow: inset 0 -4px 0 rgba(180, 83, 9, 1), 0 0 18px rgba(217, 119, 6, 0.34), 0 0 34px rgba(217, 119, 6, 0.18) !important;
        outline-color: rgba(217, 119, 6, 0.32) !important;
    }


/* =========================================================
   Mi PDF Web - Buscar texto flotante
========================================================= */

.mipdf-search-floating {
    position: fixed !important;
    top: 92px !important;
    right: 28px !important;
    z-index: 99998 !important;
    width: min(430px, calc(100vw - 32px)) !important;
    padding: 16px !important;
    border-radius: 24px !important;
    color: #e5edf8 !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 42%), linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)) !important;
    border: 1px solid rgba(96, 165, 250, 0.30) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(18px) !important;
}

    .mipdf-search-floating header {
        display: flex !important;
        justify-content: space-between !important;
        gap: 14px !important;
        align-items: flex-start !important;
        margin-bottom: 12px !important;
    }

        .mipdf-search-floating header strong {
            display: block !important;
            color: #ffffff !important;
            font-size: 1.06rem !important;
            font-weight: 950 !important;
        }

        .mipdf-search-floating header span {
            display: block !important;
            margin-top: 3px !important;
            color: #94a3b8 !important;
            font-size: 0.86rem !important;
            line-height: 1.35 !important;
        }

        .mipdf-search-floating header button {
            width: 32px !important;
            height: 32px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 999px !important;
            border: 1px solid rgba(148, 163, 184, 0.28) !important;
            background: rgba(15, 23, 42, 0.76) !important;
            color: #cbd5e1 !important;
            cursor: pointer !important;
        }

.mipdf-search-input-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 9px !important;
}

.mipdf-search-input {
    min-height: 42px !important;
    border-radius: 15px !important;
    padding: 0 13px !important;
    color: #e5edf8 !important;
    background: rgba(2, 6, 23, 0.72) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    font-weight: 800 !important;
}

    .mipdf-search-input:focus {
        outline: none !important;
        border-color: rgba(56, 189, 248, 0.66) !important;
        box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12) !important;
    }

.mipdf-search-input-row button,
.mipdf-search-controls button {
    min-height: 42px !important;
    border-radius: 15px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(96, 165, 250, 0.28) !important;
    background: rgba(30, 64, 175, 0.28) !important;
    color: #dbeafe !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

    .mipdf-search-input-row button:hover:not(:disabled),
    .mipdf-search-controls button:hover:not(:disabled) {
        background: rgba(37, 99, 235, 0.42) !important;
        border-color: rgba(96, 165, 250, 0.52) !important;
    }

    .mipdf-search-input-row button:disabled,
    .mipdf-search-controls button:disabled {
        opacity: 0.48 !important;
        cursor: not-allowed !important;
    }

.mipdf-search-controls {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    margin-top: 10px !important;
}

    .mipdf-search-controls span {
        justify-self: end !important;
        color: #bfdbfe !important;
        font-size: 0.84rem !important;
        font-weight: 900 !important;
    }

.mipdf-search-message,
.mipdf-search-current {
    margin-top: 11px !important;
    padding: 12px 13px !important;
    border-radius: 16px !important;
    line-height: 1.45 !important;
}

.mipdf-search-message {
    color: #bfdbfe !important;
    background: rgba(37, 99, 235, 0.13) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    font-size: 0.86rem !important;
}

.mipdf-search-current {
    color: #e5edf8 !important;
    background: rgba(15, 23, 42, 0.56) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
}

    .mipdf-search-current strong {
        display: block !important;
        color: #ffffff !important;
        margin-bottom: 5px !important;
    }

    .mipdf-search-current p {
        margin: 0 !important;
        color: #b6c4d8 !important;
        font-size: 0.88rem !important;
    }

.mipdf-search-mark {
    display: inline-flex !important;
    width: fit-content !important;
    margin-top: 6px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    color: #fde68a !important;
    background: rgba(250, 204, 21, 0.12) !important;
    border: 1px solid rgba(250, 204, 21, 0.26) !important;
    font-size: 0.72rem !important;
    font-weight: 950 !important;
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-floating {
    color: #0f172a !important;
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.14), transparent 42%), linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.98)) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-floating header strong {
        color: #0f172a !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-floating header span {
        color: #64748b !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-floating header button {
        color: #334155 !important;
        background: rgba(255, 255, 255, 0.86) !important;
        border-color: rgba(148, 163, 184, 0.30) !important;
    }

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-input {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-input-row button,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-controls button {
    color: #1e3a8a !important;
    background: rgba(219, 234, 254, 0.82) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-controls span {
    color: #1e3a8a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-message {
    color: #1e3a8a !important;
    background: rgba(219, 234, 254, 0.82) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-current {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-current strong {
        color: #0f172a !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-current p {
        color: #475569 !important;
    }

@media (max-width: 760px) {
    .mipdf-search-floating {
        top: auto !important;
        right: 12px !important;
        left: 12px !important;
        bottom: 16px !important;
        width: auto !important;
    }

    .mipdf-search-controls {
        grid-template-columns: 1fr 1fr !important;
    }

        .mipdf-search-controls span {
            grid-column: 1 / -1 !important;
            justify-self: start !important;
        }
}

/* =========================================================
   Mi PDF Web - Subrayado asistido de búsqueda
========================================================= */

.mipdf-search-inline-mark {
    display: inline !important;
    padding: 0 2px !important;
    border-radius: 4px !important;
    color: #fef3c7 !important;
    background: rgba(250, 204, 21, 0.20) !important;
    box-shadow: inset 0 -2px 0 rgba(250, 204, 21, 0.88) !important;
    font-weight: 950 !important;
}

.mipdf-search-page-active {
    position: absolute !important;
    top: 18px !important;
    left: 50% !important;
    z-index: 18 !important;
    width: min(420px, calc(100% - 36px)) !important;
    transform: translateX(-50%) !important;
    display: grid !important;
    gap: 4px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    color: #fef3c7 !important;
    background: radial-gradient(circle at top left, rgba(250, 204, 21, 0.18), transparent 42%), rgba(15, 23, 42, 0.88) !important;
    border: 1px solid rgba(250, 204, 21, 0.42) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(14px) !important;
    pointer-events: none !important;
    animation: mipdfSearchPulse 0.35s ease-out !important;
}

    .mipdf-search-page-active span {
        color: #fde68a !important;
        font-size: 0.72rem !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.10em !important;
    }

    .mipdf-search-page-active strong {
        color: #ffffff !important;
        font-size: 1rem !important;
        font-weight: 950 !important;
        overflow-wrap: anywhere !important;
    }

    .mipdf-search-page-active small {
        color: #fef3c7 !important;
        font-weight: 800 !important;
    }

.mipdf-search-page-underline {
    position: absolute !important;
    left: 14% !important;
    right: 14% !important;
    top: 50% !important;
    z-index: 17 !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: linear-gradient( 90deg, transparent, rgba(250, 204, 21, 0.92), transparent ) !important;
    box-shadow: 0 0 20px rgba(250, 204, 21, 0.58), 0 0 42px rgba(250, 204, 21, 0.24) !important;
    pointer-events: none !important;
    animation: mipdfSearchUnderline 0.42s ease-out !important;
}

@keyframes mipdfSearchPulse {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-8px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

@keyframes mipdfSearchUnderline {
    from {
        opacity: 0;
        transform: scaleX(0.45);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-inline-mark {
    color: #78350f !important;
    background: rgba(254, 243, 199, 0.96) !important;
    box-shadow: inset 0 -2px 0 rgba(245, 158, 11, 0.88) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active {
    color: #78350f !important;
    background: radial-gradient(circle at top left, rgba(250, 204, 21, 0.22), transparent 42%), rgba(255, 251, 235, 0.94) !important;
    border-color: rgba(245, 158, 11, 0.42) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active span {
        color: #92400e !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active strong {
        color: #111827 !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active small {
        color: #92400e !important;
    }

.mipdf-search-page-active {
    padding-right: 48px !important;
}

.mipdf-search-page-active-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(250, 204, 21, 0.34) !important;
    background: rgba(15, 23, 42, 0.72) !important;
    color: #fde68a !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

    .mipdf-search-page-active-close:hover {
        color: #ffffff !important;
        background: rgba(127, 29, 29, 0.72) !important;
        border-color: rgba(248, 113, 113, 0.46) !important;
    }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active-close {
    color: #92400e !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(245, 158, 11, 0.34) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active-close:hover {
        color: #991b1b !important;
        background: rgba(254, 226, 226, 0.92) !important;
        border-color: rgba(239, 68, 68, 0.36) !important;
    }

.mipdf-search-page-active {
    padding-right: 48px !important;
}

.mipdf-search-page-active-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(250, 204, 21, 0.34) !important;
    background: rgba(15, 23, 42, 0.72) !important;
    color: #fde68a !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

    .mipdf-search-page-active-close:hover {
        color: #ffffff !important;
        background: rgba(127, 29, 29, 0.72) !important;
        border-color: rgba(248, 113, 113, 0.46) !important;
    }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active-close {
    color: #92400e !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(245, 158, 11, 0.34) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-page-active-close:hover {
        color: #991b1b !important;
        background: rgba(254, 226, 226, 0.92) !important;
        border-color: rgba(239, 68, 68, 0.36) !important;
    }

/* Permite cerrar la tarjeta de coincidencia activa sin afectar el subrayado */
.mipdf-search-page-active {
    pointer-events: auto !important;
}

.mipdf-search-exact-highlight,
.mipdf-search-page-underline {
    pointer-events: none !important;
}

.mipdf-search-page-active-close {
    pointer-events: auto !important;
}

.mipdf-search-exact-highlight {
    pointer-events: none !important;
    position: absolute !important;
    border-radius: 18px !important;
    background: rgba(250, 204, 21, 0.10) !important;
    border: 2px solid rgba(245, 158, 11, 0.88) !important;
    box-shadow: 0 0 0 6px rgba(250, 204, 21, 0.22), 0 10px 24px rgba(245, 158, 11, 0.14) !important;
}

    /* si el subrayado se está dibujando con pseudo-elemento */
    .mipdf-search-exact-highlight::after,
    .mipdf-search-exact-highlight::before {
        content: none !important;
    }

    /* =========================================================
   Mi PDF Web - Highlight premium definitivo sin línea interna
========================================================= */

    .mipdf-search-exact-highlight,
    .mipdf-search-exact-highlight.active {
        position: absolute !important;
        z-index: 16 !important;
        pointer-events: none !important;
        border-radius: 999px !important;
        background: rgba(250, 204, 21, 0.08) !important;
        border: 2px solid rgba(245, 158, 11, 0.86) !important;
        box-shadow: 0 0 0 5px rgba(250, 204, 21, 0.20), 0 0 22px rgba(245, 158, 11, 0.22) !important;
        outline: none !important;
        animation: mipdfExactSearchIn 0.22s ease-out !important;
    }

        .mipdf-search-exact-highlight.active {
            background: rgba(250, 204, 21, 0.12) !important;
            border-color: rgba(245, 158, 11, 0.95) !important;
            box-shadow: 0 0 0 6px rgba(250, 204, 21, 0.24), 0 0 26px rgba(245, 158, 11, 0.30), 0 12px 24px rgba(245, 158, 11, 0.10) !important;
        }

            .mipdf-search-exact-highlight::before,
            .mipdf-search-exact-highlight::after,
            .mipdf-search-exact-highlight.active::before,
            .mipdf-search-exact-highlight.active::after {
                content: none !important;
                display: none !important;
            }

/* =========================================================
   Mi PDF Web - Resultado de búsqueda compacto
========================================================= */

.mipdf-search-current.compact {
    display: grid !important;
    gap: 5px !important;
    overflow: hidden !important;
}

    .mipdf-search-current.compact strong {
        margin: 0 !important;
        color: #ffffff !important;
        font-size: 0.95rem !important;
    }

    .mipdf-search-current.compact span {
        display: block !important;
        color: #bfdbfe !important;
        font-size: 0.84rem !important;
        font-weight: 800 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .mipdf-search-current.compact p {
        display: none !important;
    }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-current.compact strong {
    color: #0f172a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-search-current.compact span {
    color: #1e3a8a !important;
}

/* =========================================================
   Mi PDF Web - Traductor temporal
========================================================= */

.mipdf-translate-card {
    margin-top: 18px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at top left, rgba(168, 85, 247, 0.14), transparent 42%), rgba(15, 23, 42, 0.62) !important;
    border: 1px solid rgba(168, 85, 247, 0.24) !important;
}

.mipdf-translate-field {
    display: grid !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

    .mipdf-translate-field span {
        color: #c4b5fd !important;
        font-size: 0.82rem !important;
        font-weight: 900 !important;
    }

    .mipdf-translate-field select,
    .mipdf-translate-field input {
        min-height: 42px !important;
        border-radius: 14px !important;
        padding: 0 12px !important;
        color: #e5edf8 !important;
        background: rgba(2, 6, 23, 0.72) !important;
        border: 1px solid rgba(148, 163, 184, 0.24) !important;
        font-weight: 800 !important;
    }

.mipdf-translation-page {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: start center !important;
    padding: 28px !important;
    overflow: auto !important;
    background: radial-gradient(circle at top, rgba(168, 85, 247, 0.12), transparent 42%), linear-gradient(180deg, rgba(241, 245, 249, 0.95), rgba(226, 232, 240, 0.78)) !important;
}

.mipdf-translation-sheet {
    width: min(820px, 100%) !important;
    min-height: 1060px !important;
    padding: 42px 52px !important;
    border-radius: 22px !important;
    color: #1f2937 !important;
    background: #fffdf8 !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

.mipdf-translation-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding-bottom: 16px !important;
    margin-bottom: 28px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.28) !important;
}

    .mipdf-translation-header strong {
        display: block !important;
        color: #111827 !important;
        font-size: 1.05rem !important;
        font-weight: 950 !important;
    }

    .mipdf-translation-header span {
        display: block !important;
        margin-top: 4px !important;
        color: #64748b !important;
        font-weight: 800 !important;
    }

    .mipdf-translation-header button {
        min-height: 40px !important;
        border-radius: 14px !important;
        padding: 0 14px !important;
        color: #1e3a8a !important;
        background: rgba(219, 234, 254, 0.88) !important;
        border: 1px solid rgba(37, 99, 235, 0.24) !important;
        font-weight: 900 !important;
        cursor: pointer !important;
    }

.mipdf-translation-body {
    font-family: Georgia, "Times New Roman", serif !important;
    color: #1f2937 !important;
    font-size: 1.08rem !important;
    line-height: 1.85 !important;
}

    .mipdf-translation-body p {
        margin: 0 0 18px 0 !important;
        text-align: justify !important;
    }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-translate-card {
    background: radial-gradient(circle at top left, rgba(168, 85, 247, 0.10), transparent 42%), rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(124, 58, 237, 0.20) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-translate-field span {
    color: #5b21b6 !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-translate-field select,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-translate-field input {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

@media (max-width: 760px) {
    .mipdf-translation-page {
        padding: 14px !important;
    }

    .mipdf-translation-sheet {
        min-height: auto !important;
        padding: 28px 22px !important;
        border-radius: 18px !important;
    }

    .mipdf-translation-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .mipdf-translation-body {
        font-size: 1rem !important;
        line-height: 1.72 !important;
    }
}

/* =========================================================
   Mi PDF Web - Menú flotante de acciones
========================================================= */

.mipdf-preview-panel {
    position: relative !important;
}

.mipdf-toolbar-actions-clean {
    flex-wrap: nowrap !important;
}

.mipdf-preview-action-layer {
    position: absolute !important;
    top: 96px !important;
    right: 20px !important;
    z-index: 80 !important;
    pointer-events: none !important;
}

.mipdf-preview-action-fab {
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    border: 1px solid rgba(96, 165, 250, 0.36) !important;
    color: #ffffff !important;
    background: radial-gradient(circle at top, rgba(56, 189, 248, 0.34), transparent 58%), linear-gradient(135deg, rgba(37, 99, 235, 0.96), rgba(14, 165, 233, 0.92)) !important;
    box-shadow: 0 20px 48px rgba(14, 165, 233, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

    .mipdf-preview-action-fab span {
        display: block !important;
        font-size: 1.45rem !important;
        font-weight: 950 !important;
        transform: rotate(90deg) !important;
        transition: transform 0.22s ease !important;
    }

    .mipdf-preview-action-fab:hover {
        transform: translateY(-2px) scale(1.03) !important;
        border-color: rgba(191, 219, 254, 0.62) !important;
        box-shadow: 0 24px 58px rgba(14, 165, 233, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    }

    .mipdf-preview-action-fab.active span {
        transform: rotate(270deg) !important;
    }

.mipdf-preview-action-menu {
    position: absolute !important;
    top: 58px !important;
    right: 0 !important;
    width: min(390px, calc(100vw - 34px)) !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    color: #e5edf8 !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 42%), linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)) !important;
    border: 1px solid rgba(96, 165, 250, 0.26) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.50), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(18px) !important;
    pointer-events: auto !important;
    animation: mipdfActionMenuIn 0.22s ease-out !important;
}

    .mipdf-preview-action-menu header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 14px !important;
        padding: 16px 16px 12px !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    }

        .mipdf-preview-action-menu header strong {
            display: block !important;
            color: #ffffff !important;
            font-size: 0.98rem !important;
            font-weight: 950 !important;
        }

        .mipdf-preview-action-menu header span {
            display: block !important;
            margin-top: 3px !important;
            color: #93c5fd !important;
            font-size: 0.82rem !important;
            font-weight: 800 !important;
        }

        .mipdf-preview-action-menu header button {
            width: 32px !important;
            height: 32px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 999px !important;
            color: #cbd5e1 !important;
            background: rgba(15, 23, 42, 0.72) !important;
            border: 1px solid rgba(148, 163, 184, 0.24) !important;
            cursor: pointer !important;
            font-size: 1.2rem !important;
            font-weight: 950 !important;
        }

.mipdf-action-list {
    max-height: min(64vh, 620px) !important;
    overflow-y: auto !important;
    padding: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

    .mipdf-action-list button {
        width: 100% !important;
        min-height: 58px !important;
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 9px 11px !important;
        border-radius: 18px !important;
        text-align: left !important;
        color: #e5edf8 !important;
        background: rgba(30, 41, 59, 0.54) !important;
        border: 1px solid rgba(148, 163, 184, 0.16) !important;
        cursor: pointer !important;
        animation: mipdfActionItemIn 0.24s ease-out both !important;
    }

        .mipdf-action-list button:nth-child(1) {
            animation-delay: 0.02s !important;
        }

        .mipdf-action-list button:nth-child(2) {
            animation-delay: 0.04s !important;
        }

        .mipdf-action-list button:nth-child(3) {
            animation-delay: 0.06s !important;
        }

        .mipdf-action-list button:nth-child(4) {
            animation-delay: 0.08s !important;
        }

        .mipdf-action-list button:nth-child(5) {
            animation-delay: 0.10s !important;
        }

        .mipdf-action-list button:nth-child(6) {
            animation-delay: 0.12s !important;
        }

        .mipdf-action-list button:nth-child(7) {
            animation-delay: 0.14s !important;
        }

        .mipdf-action-list button:nth-child(8) {
            animation-delay: 0.16s !important;
        }

        .mipdf-action-list button:nth-child(9) {
            animation-delay: 0.18s !important;
        }

        .mipdf-action-list button:nth-child(10) {
            animation-delay: 0.20s !important;
        }

        .mipdf-action-list button:nth-child(11) {
            animation-delay: 0.22s !important;
        }

        .mipdf-action-list button:nth-child(12) {
            animation-delay: 0.24s !important;
        }

        .mipdf-action-list button:hover:not(:disabled) {
            transform: translateY(-1px) !important;
            background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 54%), rgba(30, 64, 175, 0.42) !important;
            border-color: rgba(96, 165, 250, 0.42) !important;
        }

        .mipdf-action-list button:disabled {
            opacity: 0.44 !important;
            cursor: not-allowed !important;
        }

        .mipdf-action-list button > span {
            width: 38px !important;
            height: 38px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 14px !important;
            color: #bfdbfe !important;
            background: rgba(37, 99, 235, 0.20) !important;
            border: 1px solid rgba(96, 165, 250, 0.24) !important;
            font-weight: 950 !important;
        }

    .mipdf-action-list strong {
        display: block !important;
        color: #ffffff !important;
        font-size: 0.92rem !important;
        font-weight: 950 !important;
    }

    .mipdf-action-list small {
        display: block !important;
        margin-top: 2px !important;
        color: #94a3b8 !important;
        font-size: 0.76rem !important;
        font-weight: 750 !important;
        line-height: 1.3 !important;
    }

.mipdf-tool-stack-compact {
    margin-bottom: 18px !important;
}

/* Mini carga tipo puntos */
.mipdf-action-loader {
    padding: 24px 18px 26px !important;
    display: grid !important;
    justify-content: center !important;
    gap: 8px !important;
}

    .mipdf-action-loader .row {
        display: flex !important;
        justify-content: center !important;
        gap: 9px !important;
        animation: mipdfLoaderRow 1.15s infinite ease-in-out !important;
    }

        .mipdf-action-loader .row:nth-child(2) {
            animation-delay: 0.12s !important;
        }

        .mipdf-action-loader .row:nth-child(3) {
            animation-delay: 0.24s !important;
        }

    .mipdf-action-loader i {
        width: 9px !important;
        height: 9px !important;
        display: block !important;
        border-radius: 999px !important;
        background: #38bdf8 !important;
        box-shadow: 0 0 16px rgba(56, 189, 248, 0.60) !important;
        animation: mipdfLoaderPoint 1.15s infinite ease-in-out !important;
    }

        .mipdf-action-loader i:nth-child(2) {
            animation-delay: 0.08s !important;
        }

        .mipdf-action-loader i:nth-child(3) {
            animation-delay: 0.16s !important;
        }

        .mipdf-action-loader i:nth-child(4) {
            animation-delay: 0.24s !important;
        }

@keyframes mipdfActionMenuIn {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes mipdfActionItemIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes mipdfLoaderRow {
    0%, 100% {
        opacity: 0.45;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

@keyframes mipdfLoaderPoint {
    0%, 100% {
        background: #ca3737;
        filter: blur(0.4px);
        transform: scale(0.86);
    }

    50% {
        background: #4cd4ee;
        filter: blur(1px);
        transform: scale(1.15);
    }
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-preview-action-menu {
    color: #0f172a !important;
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.14), transparent 42%), linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.98)) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
    box-shadow: 0 30px 90px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-preview-action-menu header strong,
    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-action-list strong {
        color: #0f172a !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-preview-action-menu header span {
        color: #1e3a8a !important;
    }

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-action-list button {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.84) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-action-list small {
    color: #64748b !important;
}

@media (max-width: 760px) {
    .mipdf-preview-action-layer {
        top: auto !important;
        right: 14px !important;
        bottom: 16px !important;
    }

    .mipdf-preview-action-menu {
        top: auto !important;
        right: 0 !important;
        bottom: 58px !important;
        width: min(360px, calc(100vw - 28px)) !important;
    }

    .mipdf-action-list {
        max-height: 58vh !important;
    }
}

/* =========================================================
   Mi PDF Web - Etiquetas de texto
========================================================= */

.mipdf-text-overlay-input {
    width: 100% !important;
    height: 100% !important;
    border: 1px dashed rgba(56, 189, 248, 0.58) !important;
    outline: none !important;
    resize: none !important;
    overflow: hidden !important;
    line-height: 1.32 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}

.mipdf-page-overlay.active .mipdf-text-overlay-input {
    border-color: rgba(14, 165, 233, 0.95) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.18), 0 12px 26px rgba(14, 165, 233, 0.14) !important;
}

.mipdf-text-tools {
    margin-top: 16px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.13), transparent 42%), rgba(15, 23, 42, 0.72) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
}

    .mipdf-text-tools strong {
        display: block !important;
        color: #ffffff !important;
        font-weight: 950 !important;
    }

    .mipdf-text-tools p {
        margin: 6px 0 14px !important;
        color: #94a3b8 !important;
        font-size: 0.86rem !important;
        line-height: 1.45 !important;
    }

    .mipdf-text-tools label {
        display: grid !important;
        gap: 7px !important;
        margin-top: 12px !important;
        color: #bfdbfe !important;
        font-size: 0.82rem !important;
        font-weight: 900 !important;
    }

    .mipdf-text-tools input,
    .mipdf-text-tools select,
    .mipdf-text-tools textarea {
        width: 100% !important;
        border-radius: 14px !important;
        border: 1px solid rgba(148, 163, 184, 0.24) !important;
        background: rgba(2, 6, 23, 0.72) !important;
        color: #e5edf8 !important;
        padding: 10px 12px !important;
        outline: none !important;
        font-weight: 800 !important;
    }

        .mipdf-text-tools input[type="color"] {
            height: 42px !important;
            padding: 4px !important;
        }

.mipdf-text-tool-area {
    min-height: 76px !important;
    resize: vertical !important;
}

.mipdf-symbol-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

    .mipdf-symbol-grid button {
        min-height: 38px !important;
        border-radius: 13px !important;
        color: #e0f2fe !important;
        background: rgba(37, 99, 235, 0.18) !important;
        border: 1px solid rgba(96, 165, 250, 0.24) !important;
        font-size: 1.05rem !important;
        font-weight: 950 !important;
        cursor: pointer !important;
    }

        .mipdf-symbol-grid button:hover {
            background: rgba(37, 99, 235, 0.34) !important;
            border-color: rgba(125, 211, 252, 0.48) !important;
        }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 42%), rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(37, 99, 235, 0.20) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools strong {
        color: #0f172a !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools p {
        color: #64748b !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools label {
        color: #1e3a8a !important;
    }

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools input,
    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools select,
    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools textarea {
        color: #0f172a !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border-color: rgba(148, 163, 184, 0.34) !important;
    }

.mipdf-tool-stack-compact .mipdf-tool-upload {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    color: #dbeafe !important;
    background: rgba(30, 41, 59, 0.68) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    display: grid !important;
    place-items: center start !important;
    position: relative !important;
    overflow: hidden !important;
}

    .mipdf-tool-stack-compact .mipdf-tool-upload:hover:not(.disabled) {
        transform: translateY(-1px) !important;
        border-color: rgba(96, 165, 250, 0.42) !important;
        background: rgba(30, 64, 175, 0.32) !important;
    }

    .mipdf-tool-stack-compact .mipdf-tool-upload.disabled {
        opacity: 0.45 !important;
        cursor: not-allowed !important;
    }

    .mipdf-tool-stack-compact .mipdf-tool-upload input {
        position: absolute !important;
        inset: 0 !important;
        opacity: 0 !important;
        cursor: pointer !important;
    }

.mipdf-action-list label.mipdf-tool-upload {
    position: relative;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    width: 100%;
    padding: 14px 16px;
    border-radius: 18px;
    cursor: pointer;
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(148, 163, 184, 0.16);
    color: #e5edf8;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

    .mipdf-action-list label.mipdf-tool-upload:hover:not(.disabled) {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, 0.42);
        background: rgba(30, 64, 175, 0.22);
    }

    .mipdf-action-list label.mipdf-tool-upload > span {
        display: grid;
        place-items: center;
        font-size: 1.1rem;
        font-weight: 900;
    }

    .mipdf-action-list label.mipdf-tool-upload strong {
        display: block;
        color: #ffffff;
        font-size: .95rem;
        font-weight: 900;
    }

    .mipdf-action-list label.mipdf-tool-upload small {
        display: block;
        margin-top: 2px;
        color: #94a3b8;
        font-size: .8rem;
        line-height: 1.35;
    }

    .mipdf-action-list label.mipdf-tool-upload input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

    .mipdf-action-list label.mipdf-tool-upload.disabled {
        opacity: .45;
        cursor: not-allowed;
    }

/* =========================================================
   Mi PDF Web - Texto editable avanzado
========================================================= */

.mipdf-text-overlay-preview,
.mipdf-text-overlay-input {
    width: 100% !important;
    height: 100% !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.mipdf-text-overlay-preview {
    cursor: grab !important;
    border: 1px dashed rgba(56, 189, 248, 0.48) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

.mipdf-text-overlay-input {
    border: 1px dashed rgba(56, 189, 248, 0.82) !important;
    outline: none !important;
    resize: none !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.18), 0 12px 26px rgba(14, 165, 233, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}

.mipdf-page-overlay.active .mipdf-text-overlay-preview,
.mipdf-page-overlay.active .mipdf-text-overlay-input {
    border-color: rgba(14, 165, 233, 0.95) !important;
}

.mipdf-text-tools {
    margin-top: 16px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.13), transparent 42%), rgba(15, 23, 42, 0.76) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
}

.mipdf-text-tools-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

    .mipdf-text-tools-head strong,
    .mipdf-symbol-panel strong {
        display: block !important;
        color: #ffffff !important;
        font-weight: 950 !important;
    }

    .mipdf-text-tools-head p,
    .mipdf-text-tools p {
        margin: 5px 0 0 !important;
        color: #94a3b8 !important;
        font-size: 0.84rem !important;
        line-height: 1.45 !important;
    }

    .mipdf-text-tools-head button {
        min-height: 34px !important;
        padding: 0 12px !important;
        border-radius: 12px !important;
        color: #dbeafe !important;
        background: rgba(37, 99, 235, 0.22) !important;
        border: 1px solid rgba(96, 165, 250, 0.28) !important;
        font-weight: 900 !important;
        cursor: pointer !important;
    }

.mipdf-text-tools label {
    display: grid !important;
    gap: 7px !important;
    margin-top: 12px !important;
    color: #bfdbfe !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
}

.mipdf-text-tools input,
.mipdf-text-tools select,
.mipdf-text-tools textarea {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    background: rgba(2, 6, 23, 0.72) !important;
    color: #e5edf8 !important;
    padding: 10px 12px !important;
    outline: none !important;
    font-weight: 800 !important;
}

    .mipdf-text-tools input[type="color"] {
        height: 42px !important;
        padding: 4px !important;
    }

.mipdf-text-tool-area {
    min-height: 82px !important;
    resize: vertical !important;
}

.mipdf-text-format-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

.mipdf-text-format-button {
    min-height: 38px !important;
    border-radius: 13px !important;
    color: #e0f2fe !important;
    background: rgba(30, 41, 59, 0.68) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

    .mipdf-text-format-button.active {
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
        border-color: rgba(191, 219, 254, 0.34) !important;
    }

.mipdf-symbol-panel {
    margin-top: 16px !important;
}

.mipdf-symbol-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

    .mipdf-symbol-grid button {
        min-height: 38px !important;
        border-radius: 13px !important;
        color: #e0f2fe !important;
        background: rgba(37, 99, 235, 0.18) !important;
        border: 1px solid rgba(96, 165, 250, 0.24) !important;
        font-size: 1.05rem !important;
        font-weight: 950 !important;
        cursor: pointer !important;
    }

        .mipdf-symbol-grid button:hover {
            background: rgba(37, 99, 235, 0.34) !important;
            border-color: rgba(125, 211, 252, 0.48) !important;
        }

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 42%), rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(37, 99, 235, 0.20) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools-head strong,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-symbol-panel strong {
    color: #0f172a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools p,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools-head p {
    color: #64748b !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools label {
    color: #1e3a8a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools input,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools select,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-text-tools textarea {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

/* =========================================================
   Mi PDF Web - Editor de texto flotante
========================================================= */

.mipdf-floating-text-editor {
    position: fixed !important;
    z-index: 1400 !important;
    width: min(372px, calc(100vw - 28px)) !important;
    max-height: calc(100vh - 132px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    color: #e5edf8 !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 42%), linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)) !important;
    border: 1px solid rgba(96, 165, 250, 0.30) !important;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(18px) !important;
    animation: mipdfFloatingTextEditorIn 0.18s ease-out !important;
}

    .mipdf-floating-text-editor.dragging {
        user-select: none !important;
        box-shadow: 0 38px 110px rgba(14, 165, 233, 0.28), 0 18px 60px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
    }

.mipdf-floating-text-editor-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 15px 15px 12px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
    cursor: grab !important;
}

.mipdf-floating-text-editor.dragging .mipdf-floating-text-editor-head {
    cursor: grabbing !important;
}

.mipdf-floating-text-editor-head strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 0.98rem !important;
    font-weight: 950 !important;
}

.mipdf-floating-text-editor-head span {
    display: block !important;
    margin-top: 3px !important;
    color: #93c5fd !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}

.mipdf-floating-text-editor-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

    .mipdf-floating-text-editor-actions button {
        min-height: 34px !important;
        padding: 0 12px !important;
        border-radius: 13px !important;
        color: #dbeafe !important;
        background: rgba(37, 99, 235, 0.24) !important;
        border: 1px solid rgba(96, 165, 250, 0.30) !important;
        font-weight: 950 !important;
        cursor: pointer !important;
    }

        .mipdf-floating-text-editor-actions button:hover {
            transform: translateY(-1px) !important;
            border-color: rgba(191, 219, 254, 0.46) !important;
            background: rgba(37, 99, 235, 0.38) !important;
        }

.mipdf-floating-text-editor-body {
    padding: 15px !important;
    overflow-y: auto !important;
    display: grid !important;
    gap: 12px !important;
}

    .mipdf-floating-text-editor-body label {
        display: grid !important;
        gap: 7px !important;
        color: #bfdbfe !important;
        font-size: 0.82rem !important;
        font-weight: 900 !important;
    }

    .mipdf-floating-text-editor-body input,
    .mipdf-floating-text-editor-body select,
    .mipdf-floating-text-editor-body textarea {
        width: 100% !important;
        border-radius: 14px !important;
        border: 1px solid rgba(148, 163, 184, 0.24) !important;
        background: rgba(2, 6, 23, 0.76) !important;
        color: #e5edf8 !important;
        padding: 10px 12px !important;
        outline: none !important;
        font-weight: 800 !important;
    }

        .mipdf-floating-text-editor-body input[type="color"] {
            height: 42px !important;
            padding: 4px !important;
        }

.mipdf-floating-color-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

@keyframes mipdfFloatingTextEditorIn {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-floating-text-editor {
    color: #0f172a !important;
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 42%), linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.98)) !important;
    border-color: rgba(37, 99, 235, 0.24) !important;
    box-shadow: 0 32px 90px rgba(15, 23, 42, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-floating-text-editor-head strong {
    color: #0f172a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-floating-text-editor-head span,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-floating-text-editor-body label {
    color: #1e3a8a !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-floating-text-editor-body input,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-floating-text-editor-body select,
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-floating-text-editor-body textarea {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
}

@media (max-width: 760px) {
    .mipdf-floating-text-editor {
        top: auto !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 14px !important;
        width: auto !important;
        max-height: 66vh !important;
    }
}

/* =========================================================
   Mi PDF Web - Texto natural sin borde cuando es transparente
========================================================= */

.mipdf-text-overlay-preview,
.mipdf-text-overlay-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.mipdf-page-overlay.active .mipdf-text-overlay-preview,
.mipdf-page-overlay.active .mipdf-text-overlay-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.mipdf-text-overlay-input:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================================
   Mi PDF Web - Responsive móvil estable
========================================================= */

@media (max-width: 1100px) {
    .mipdf-workspace {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        align-items: start !important;
        overflow: visible !important;
    }

    .mipdf-pages-panel,
    .mipdf-preview-panel,
    .mipdf-tools-panel {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        z-index: 1 !important;
    }

    .mipdf-pages-panel {
        order: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .mipdf-preview-panel {
        order: 2 !important;
    }

    .mipdf-tools-panel {
        order: 3 !important;
    }

    .mipdf-page-list {
        display: flex !important;
        flex-direction: row !important;
        gap: 12px !important;
        width: 100% !important;
        max-height: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 4px 4px 12px !important;
        scroll-snap-type: x proximity !important;
        overscroll-behavior-x: contain !important;
    }

    .mipdf-page-item {
        flex: 0 0 190px !important;
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
        scroll-snap-align: start !important;
        margin: 0 !important;
    }

    .mipdf-thumb-placeholder {
        height: 118px !important;
        overflow: hidden !important;
        border-radius: 16px !important;
    }

        .mipdf-thumb-placeholder img {
            width: 100% !important;
            height: 100% !important;
            object-fit: contain !important;
        }

    .mipdf-page-item > span {
        font-size: 0.9rem !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .mipdf-drop-end {
        flex: 0 0 210px !important;
        min-width: 210px !important;
        height: 118px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
    }

    .mipdf-real-preview {
        width: 100% !important;
        min-height: auto !important;
        padding: 16px !important;
        overflow: visible !important;
    }

    .mipdf-preview-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .mipdf-preview-canvas {
        min-height: auto !important;
        overflow: visible !important;
    }

    .mipdf-top-toolbar {
        gap: 12px !important;
        align-items: flex-start !important;
    }

    .mipdf-toolbar-actions-clean {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
    }

        .mipdf-toolbar-actions-clean button {
            width: 100% !important;
            min-width: 0 !important;
        }
}

@media (max-width: 760px) {
    .mipdf-page {
        padding-inline: 10px !important;
    }

    .mipdf-hero {
        padding: 22px !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

        .mipdf-hero h1 {
            font-size: 2rem !important;
        }

    .mipdf-upload-main {
        width: 100% !important;
    }

    .mipdf-panel {
        border-radius: 22px !important;
    }

    .mipdf-page-item {
        flex-basis: 165px !important;
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }

    .mipdf-thumb-placeholder {
        height: 104px !important;
    }

    .mipdf-section-title {
        align-items: center !important;
    }

    .mipdf-tools-panel {
        margin-top: 0 !important;
    }

    .mipdf-reader-actions {
        grid-template-columns: 1fr !important;
    }

    .mipdf-preview-action-layer {
        position: fixed !important;
        right: 16px !important;
        bottom: 18px !important;
        top: auto !important;
        z-index: 1300 !important;
    }

    .mipdf-preview-action-menu {
        position: fixed !important;
        right: 12px !important;
        left: 12px !important;
        bottom: 78px !important;
        top: auto !important;
        width: auto !important;
        max-height: 70vh !important;
    }

    .mipdf-action-list {
        max-height: 58vh !important;
    }
}

@media (max-width: 1100px) {
    .mipdf-pages-panel,
    .mipdf-tools-panel {
        opacity: 1 !important;
        pointer-events: auto !important;
        backdrop-filter: none !important;
    }

        .mipdf-pages-panel::before,
        .mipdf-pages-panel::after,
        .mipdf-tools-panel::before,
        .mipdf-tools-panel::after {
            pointer-events: none !important;
        }
}

/* =========================================================
   Mi PDF Web - Loader de vista previa principal
========================================================= */

:root {
    --mipdf-loader-panel: linear-gradient(180deg, rgba(6, 17, 43, 0.96), rgba(4, 10, 30, 0.98));
    --mipdf-loader-border: rgba(96, 165, 250, 0.18);
    --mipdf-loader-shadow: 0 20px 50px rgba(2, 6, 23, 0.34);
    --mipdf-loader-title: #f8fbff;
    --mipdf-loader-subtitle: #9fb4d9;
    --mipdf-loader-cube-top: #4cc9ff;
    --mipdf-loader-cube-left: #2563eb;
    --mipdf-loader-cube-right: #1d4ed8;
    --mipdf-loader-glow: rgba(56, 189, 248, 0.35);
}

/* Ajusta aquí al selector real de tu modo claro si usa otro nombre */
html.light,
body.light,
body.light-mode,
body.modo-claro,
.mired-light,
.theme-light {
    --mipdf-loader-panel: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.96));
    --mipdf-loader-border: rgba(59, 130, 246, 0.16);
    --mipdf-loader-shadow: 0 20px 45px rgba(59, 130, 246, 0.10);
    --mipdf-loader-title: #13315c;
    --mipdf-loader-subtitle: #55739d;
    --mipdf-loader-cube-top: #60a5fa;
    --mipdf-loader-cube-left: #3b82f6;
    --mipdf-loader-cube-right: #2563eb;
    --mipdf-loader-glow: rgba(96, 165, 250, 0.22);
}

.mipdf-preview-loader-shell {
    width: 100%;
    min-height: clamp(420px, 62vh, 760px);
    display: grid;
    place-items: center;
    padding: 24px;
}

.mipdf-preview-loader-card {
    width: min(440px, 100%);
    min-height: 340px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 24px;
    padding: 34px 28px;
    border-radius: 28px;
    background: var(--mipdf-loader-panel);
    border: 1px solid var(--mipdf-loader-border);
    box-shadow: var(--mipdf-loader-shadow);
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .mipdf-preview-loader-card::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at top, rgba(56, 189, 248, 0.12), transparent 40%), radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.10), transparent 36%);
    }

.mipdf-cube-loader {
    position: relative;
    width: 180px;
    height: 150px;
    filter: drop-shadow(0 10px 26px var(--mipdf-loader-glow));
    transform: scale(1);
}

.mipdf-cube {
    --row: 0;
    --col: 0;
    position: absolute;
    width: 34px;
    height: 34px;
    left: calc(32px + (var(--i) % 3) * 38px + floor(var(--i) / 3) * 18px);
    top: calc(18px + floor(var(--i) / 3) * 28px);
    transform: translateZ(0);
    animation: mipdfCubeFloat 2.2s ease-in-out infinite;
    animation-delay: calc(var(--i) * 0.08s);
}

    /* Fallback por compatibilidad: colocación manual */
    .mipdf-cube:nth-child(1) {
        left: 44px;
        top: 20px;
    }

    .mipdf-cube:nth-child(2) {
        left: 82px;
        top: 20px;
    }

    .mipdf-cube:nth-child(3) {
        left: 120px;
        top: 20px;
    }

    .mipdf-cube:nth-child(4) {
        left: 62px;
        top: 48px;
    }

    .mipdf-cube:nth-child(5) {
        left: 100px;
        top: 48px;
    }

    .mipdf-cube:nth-child(6) {
        left: 138px;
        top: 48px;
    }

    .mipdf-cube:nth-child(7) {
        left: 80px;
        top: 76px;
    }

    .mipdf-cube:nth-child(8) {
        left: 118px;
        top: 76px;
    }

    .mipdf-cube:nth-child(9) {
        left: 156px;
        top: 76px;
    }

    .mipdf-cube::before,
    .mipdf-cube::after {
        content: "";
        position: absolute;
    }

/* Cara superior */
.mipdf-cube {
    background: var(--mipdf-loader-cube-top);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    z-index: 3;
}

    /* Cara izquierda */
    .mipdf-cube::before {
        width: 18px;
        height: 18px;
        left: 0;
        top: 16px;
        background: var(--mipdf-loader-cube-left);
        clip-path: polygon(100% 0, 100% 100%, 0 68%, 0 18%);
        transform: translate(-8px, 8px);
        z-index: 1;
    }

    /* Cara derecha */
    .mipdf-cube::after {
        width: 18px;
        height: 18px;
        right: 0;
        top: 16px;
        background: var(--mipdf-loader-cube-right);
        clip-path: polygon(0 0, 100% 18%, 100% 68%, 0 100%);
        transform: translate(8px, 8px);
        z-index: 1;
    }

.mipdf-preview-loader-text {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    max-width: 320px;
}

    .mipdf-preview-loader-text strong {
        color: var(--mipdf-loader-title);
        font-size: clamp(1.35rem, 2vw, 1.7rem);
        font-weight: 950;
        letter-spacing: -0.03em;
        line-height: 1.15;
    }

    .mipdf-preview-loader-text span {
        color: var(--mipdf-loader-subtitle);
        font-size: 0.98rem;
        line-height: 1.55;
        font-weight: 600;
    }

@keyframes mipdfCubeFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
        filter: brightness(1);
    }

    25% {
        transform: translateY(-12px) scale(1.03);
        filter: brightness(1.12);
    }

    50% {
        transform: translateY(-4px) scale(0.98);
        filter: brightness(0.96);
    }

    75% {
        transform: translateY(-16px) scale(1.04);
        filter: brightness(1.18);
    }
}

@media (max-width: 760px) {
    .mipdf-preview-loader-shell {
        min-height: 320px;
        padding: 14px;
    }

    .mipdf-preview-loader-card {
        min-height: 270px;
        padding: 24px 18px;
        border-radius: 22px;
    }

    .mipdf-cube-loader {
        transform: scale(0.84);
        transform-origin: center;
    }

    .mipdf-preview-loader-text strong {
        font-size: 1.25rem;
    }

    .mipdf-preview-loader-text span {
        font-size: 0.92rem;
    }
}


/* =========================================================
   Mi PDF Web - Loader alternado de carga PDF
========================================================= */

.mipdf-loader-rotator {
    position: relative !important;
    width: 220px !important;
    height: 170px !important;
    display: grid !important;
    place-items: center !important;
    isolation: isolate !important;
}

.mipdf-loader-scene {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
}

.mipdf-loader-scene-cubes {
    animation: mipdfLoaderSceneOne 9s infinite ease-in-out !important;
}

.mipdf-loader-scene-boxes {
    animation: mipdfLoaderSceneTwo 9s infinite ease-in-out !important;
}

/* Recoloca el loader anterior dentro del rotador */
.mipdf-loader-rotator .mipdf-cube-loader {
    position: relative !important;
    width: 180px !important;
    height: 150px !important;
    transform: scale(0.92) !important;
    filter: drop-shadow(0 12px 30px rgba(56, 189, 248, 0.28)) !important;
}

/* Segunda animación */
.mipdf-flow-wrapper {
    position: relative !important;
    width: 170px !important;
    height: 170px !important;
    background: transparent !important;
    border: none !important;
    filter: drop-shadow(0 16px 34px rgba(14, 165, 233, 0.26)) drop-shadow(0 0 28px rgba(96, 165, 250, 0.14)) !important;
}

    .mipdf-flow-wrapper::before {
        content: "" !important;
        position: absolute !important;
        inset: 18px !important;
        border-radius: 32px !important;
        background: radial-gradient(circle at 30% 20%, rgba(125, 211, 252, 0.20), transparent 38%), radial-gradient(circle at 70% 80%, rgba(37, 99, 235, 0.20), transparent 42%) !important;
        filter: blur(8px) !important;
        opacity: 0.9 !important;
    }

.mipdf-flow-box-wrap {
    width: 72% !important;
    height: 72% !important;
    margin: 14% !important;
    position: relative !important;
    transform: rotate(-45deg) !important;
}

.mipdf-flow-box {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    visibility: hidden !important;
    border-radius: 18px !important;
    background: linear-gradient( 90deg, #0f172a, #1d4ed8, #2563eb, #38bdf8, #7dd3fc, #60a5fa, #2563eb, #0ea5e9, #1e40af, #0f172a ) !important;
    background-position: 0% 50% !important;
    background-size: 1000% 1000% !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 18px 42px rgba(14, 165, 233, 0.14) !important;
}

    .mipdf-flow-box.one {
        animation: mipdfFlowGradient 15s infinite linear, mipdfFlowOne 3.5s infinite !important;
    }

    .mipdf-flow-box.two {
        animation: mipdfFlowGradient 15s infinite linear, mipdfFlowTwo 3.5s 0.15s infinite !important;
    }

    .mipdf-flow-box.three {
        animation: mipdfFlowGradient 15s infinite linear, mipdfFlowThree 3.5s 0.30s infinite !important;
    }

    .mipdf-flow-box.four {
        animation: mipdfFlowGradient 15s infinite linear, mipdfFlowFour 3.5s 0.575s infinite !important;
    }

    .mipdf-flow-box.five {
        animation: mipdfFlowGradient 15s infinite linear, mipdfFlowFive 3.5s 0.725s infinite !important;
    }

    .mipdf-flow-box.six {
        animation: mipdfFlowGradient 15s infinite linear, mipdfFlowSix 3.5s 0.875s infinite !important;
    }

@keyframes mipdfLoaderSceneOne {
    0%, 42% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    48%, 94% {
        opacity: 0;
        transform: translateY(8px) scale(0.94);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes mipdfLoaderSceneTwo {
    0%, 42% {
        opacity: 0;
        transform: translateY(-8px) scale(0.94);
    }

    48%, 94% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-8px) scale(0.94);
    }
}

@keyframes mipdfFlowGradient {
    to {
        background-position: 100% 50%;
    }
}

@keyframes mipdfFlowOne {
    0%, 14.2857% {
        visibility: visible;
        clip-path: inset(0% 35% 70% round 5%);
    }

    28.5714% {
        clip-path: inset(35% round 5%);
    }

    42.8571%, 57.1428% {
        clip-path: inset(35% 70% 35% 0 round 5%);
    }

    71.4285%, 85.7142% {
        clip-path: inset(0% 70% 70% 0 round 5%);
    }

    100% {
        visibility: visible;
        clip-path: inset(0% 35% 70% round 5%);
    }
}

@keyframes mipdfFlowTwo {
    0%, 14.2857% {
        visibility: visible;
        clip-path: inset(0% 70% 70% 0 round 5%);
    }

    28.5714%, 42.8571% {
        clip-path: inset(0% 35% 70% round 5%);
    }

    57.1428% {
        clip-path: inset(35% round 5%);
    }

    71.4285%, 85.7142% {
        clip-path: inset(35% 70% 35% 0 round 5%);
    }

    100% {
        visibility: visible;
        clip-path: inset(0% 70% 70% 0 round 5%);
    }
}

@keyframes mipdfFlowThree {
    0%, 14.2857% {
        visibility: visible;
        clip-path: inset(35% 70% 35% 0 round 5%);
    }

    28.5714%, 42.8571% {
        clip-path: inset(0% 70% 70% 0 round 5%);
    }

    57.1428%, 71.4285% {
        clip-path: inset(0% 35% 70% round 5%);
    }

    85.7142% {
        clip-path: inset(35% round 5%);
    }

    100% {
        visibility: visible;
        clip-path: inset(35% 70% 35% 0 round 5%);
    }
}

@keyframes mipdfFlowFour {
    0%, 14.2857% {
        visibility: visible;
        clip-path: inset(35% 0% 35% 70% round 5%);
    }

    28.5714% {
        clip-path: inset(35% round 5%);
    }

    42.8571%, 57.1428% {
        clip-path: inset(70% 35% 0% 35% round 5%);
    }

    71.4285%, 85.7142% {
        clip-path: inset(70% 0 0 70% round 5%);
    }

    100% {
        visibility: visible;
        clip-path: inset(35% 0% 35% 70% round 5%);
    }
}

@keyframes mipdfFlowFive {
    0%, 14.2857% {
        visibility: visible;
        clip-path: inset(70% 0 0 70% round 5%);
    }

    28.5714%, 42.8571% {
        clip-path: inset(35% 0% 35% 70% round 5%);
    }

    57.1428% {
        clip-path: inset(35% round 5%);
    }

    71.4285%, 85.7142% {
        clip-path: inset(70% 35% 0% 35% round 5%);
    }

    100% {
        visibility: visible;
        clip-path: inset(70% 0 0 70% round 5%);
    }
}

@keyframes mipdfFlowSix {
    0%, 14.2857% {
        visibility: visible;
        clip-path: inset(70% 35% 0% 35% round 5%);
    }

    28.5714%, 42.8571% {
        clip-path: inset(70% 0 0 70% round 5%);
    }

    57.1428%, 71.4285% {
        clip-path: inset(35% 0% 35% 70% round 5%);
    }

    85.7142% {
        clip-path: inset(35% round 5%);
    }

    100% {
        visibility: visible;
        clip-path: inset(70% 35% 0% 35% round 5%);
    }
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-flow-box {
    background: linear-gradient( 90deg, #dbeafe, #93c5fd, #60a5fa, #38bdf8, #0ea5e9, #2563eb, #60a5fa, #bfdbfe, #93c5fd, #dbeafe ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 18px 42px rgba(37, 99, 235, 0.18) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-flow-wrapper {
    filter: drop-shadow(0 14px 30px rgba(37, 99, 235, 0.18)) drop-shadow(0 0 22px rgba(14, 165, 233, 0.12)) !important;
}

@media (max-width: 760px) {
    .mipdf-loader-rotator {
        width: 184px !important;
        height: 142px !important;
    }

        .mipdf-loader-rotator .mipdf-cube-loader {
            transform: scale(0.78) !important;
        }

    .mipdf-flow-wrapper {
        transform: scale(0.82) !important;
    }
}

/* =========================================================
   Mi PDF Web - Loader alternado corregido / segunda animación estable
========================================================= */

.mipdf-loader-rotator {
    width: 220px !important;
    height: 172px !important;
}

.mipdf-loader-scene-cubes {
    animation: mipdfLoaderSceneOneClean 10s infinite ease-in-out !important;
}

.mipdf-loader-scene-boxes {
    animation: mipdfLoaderSceneTwoClean 10s infinite ease-in-out !important;
}

/* Segunda animación corregida */
.mipdf-flow-wrapper {
    width: 156px !important;
    height: 128px !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    filter: drop-shadow(0 18px 34px rgba(14, 165, 233, 0.24)) drop-shadow(0 0 30px rgba(56, 189, 248, 0.16)) !important;
}

    .mipdf-flow-wrapper::before {
        content: "" !important;
        position: absolute !important;
        inset: 16px !important;
        border-radius: 999px !important;
        background: radial-gradient(circle, rgba(56, 189, 248, 0.24), transparent 64%) !important;
        filter: blur(14px) !important;
        opacity: 0.85 !important;
    }

.mipdf-flow-box-wrap {
    width: 132px !important;
    height: 96px !important;
    margin: 0 !important;
    position: relative !important;
    transform: none !important;
}

.mipdf-flow-box {
    width: 34px !important;
    height: 34px !important;
    position: absolute !important;
    visibility: visible !important;
    border-radius: 11px !important;
    background: linear-gradient( 135deg, #dbeafe 0%, #7dd3fc 26%, #38bdf8 52%, #2563eb 100% ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), 0 12px 24px rgba(14, 165, 233, 0.18) !important;
    clip-path: none !important;
    transform: rotate(45deg) scale(0.92) !important;
    opacity: 0.78 !important;
    animation: mipdfBlueTilePulse 2.2s infinite ease-in-out !important;
}

    /* Posiciones limpias */
    .mipdf-flow-box.one {
        left: 18px !important;
        top: 8px !important;
        animation-delay: 0s !important;
    }

    .mipdf-flow-box.two {
        left: 58px !important;
        top: 8px !important;
        animation-delay: 0.12s !important;
    }

    .mipdf-flow-box.three {
        left: 98px !important;
        top: 8px !important;
        animation-delay: 0.24s !important;
    }

    .mipdf-flow-box.four {
        left: 38px !important;
        top: 48px !important;
        animation-delay: 0.36s !important;
    }

    .mipdf-flow-box.five {
        left: 78px !important;
        top: 48px !important;
        animation-delay: 0.48s !important;
    }

    .mipdf-flow-box.six {
        left: 118px !important;
        top: 48px !important;
        animation-delay: 0.60s !important;
    }

@keyframes mipdfBlueTilePulse {
    0%, 100% {
        opacity: 0.58;
        transform: rotate(45deg) translateY(0) scale(0.88);
        filter: brightness(0.95);
    }

    35% {
        opacity: 1;
        transform: rotate(45deg) translateY(-10px) scale(1.06);
        filter: brightness(1.18);
    }

    65% {
        opacity: 0.82;
        transform: rotate(45deg) translateY(-3px) scale(0.96);
        filter: brightness(1.02);
    }
}

/* Transición entre animaciones más suave */
@keyframes mipdfLoaderSceneOneClean {
    0%, 44% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    50%, 94% {
        opacity: 0;
        transform: translateY(8px) scale(0.94);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes mipdfLoaderSceneTwoClean {
    0%, 44% {
        opacity: 0;
        transform: translateY(-8px) scale(0.94);
    }

    50%, 94% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-8px) scale(0.94);
    }
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-flow-box {
    background: linear-gradient( 135deg, #eff6ff 0%, #bfdbfe 24%, #60a5fa 56%, #2563eb 100% ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 12px 24px rgba(37, 99, 235, 0.18) !important;
}

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-flow-wrapper::before {
    background: radial-gradient(circle, rgba(37, 99, 235, 0.18), transparent 64%) !important;
}

/* Móvil */
@media (max-width: 760px) {
    .mipdf-loader-rotator {
        width: 188px !important;
        height: 146px !important;
    }

    .mipdf-flow-wrapper {
        transform: scale(0.86) !important;
    }
}

/* =========================================================
   Mi PDF Web - Carrusel móvil nativo y compacto
========================================================= */

@media (max-width: 1100px) {
    .mipdf-workspace {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        align-items: start !important;
        overflow: visible !important;
    }

    .mipdf-pages-panel,
    .mipdf-preview-panel,
    .mipdf-tools-panel {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        z-index: 1 !important;
    }

    .mipdf-pages-panel {
        order: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 230px !important;
        padding: 18px 18px 14px !important;
        overflow: hidden !important;
    }

    .mipdf-preview-panel {
        order: 2 !important;
    }

    .mipdf-tools-panel {
        order: 3 !important;
    }

    .mipdf-pages-panel .mipdf-section-title {
        margin-bottom: 12px !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

        .mipdf-pages-panel .mipdf-section-title > span {
            width: 42px !important;
            height: 42px !important;
            border-radius: 15px !important;
            font-size: 0.82rem !important;
        }

        .mipdf-pages-panel .mipdf-section-title h2 {
            font-size: 1.18rem !important;
            margin: 0 !important;
        }

        .mipdf-pages-panel .mipdf-section-title p {
            font-size: 0.86rem !important;
            margin-top: 2px !important;
        }

    #mipdf-page-list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        padding: 2px 2px 12px !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain !important;
        scroll-snap-type: none !important;
        /* Esta es la clave: Android puede deslizar horizontal */
        touch-action: pan-x !important;
        pointer-events: auto !important;
        cursor: grab !important;
        scrollbar-width: thin !important;
    }

        #mipdf-page-list.is-drag-scrolling {
            cursor: grabbing !important;
            scroll-snap-type: none !important;
        }

        #mipdf-page-list .mipdf-page-item {
            flex: 0 0 132px !important;
            width: 132px !important;
            min-width: 132px !important;
            max-width: 132px !important;
            height: 104px !important;
            min-height: 104px !important;
            max-height: 104px !important;
            padding: 0 !important;
            margin: 0 !important;
            border-radius: 16px !important;
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
            overflow: visible !important;
            touch-action: pan-x !important;
            pointer-events: auto !important;
            user-select: none !important;
            -webkit-user-select: none !important;
            -webkit-touch-callout: none !important;
        }

        #mipdf-page-list .mipdf-thumb-placeholder {
            width: 132px !important;
            height: 78px !important;
            min-height: 78px !important;
            max-height: 78px !important;
            border-radius: 14px !important;
            overflow: hidden !important;
            margin: 0 !important;
            touch-action: pan-x !important;
            pointer-events: auto !important;
        }

            #mipdf-page-list .mipdf-thumb-placeholder img,
            #mipdf-page-list .mipdf-no-native-touch {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                touch-action: pan-x !important;
                pointer-events: none !important;
                user-select: none !important;
                -webkit-user-select: none !important;
                -webkit-user-drag: none !important;
                -webkit-touch-callout: none !important;
            }

        #mipdf-page-list .mipdf-page-item > span {
            display: block !important;
            margin-top: 4px !important;
            color: #e5edf8 !important;
            font-size: 0.76rem !important;
            font-weight: 950 !important;
            line-height: 1.1 !important;
            white-space: nowrap !important;
            touch-action: pan-x !important;
            pointer-events: auto !important;
        }

        #mipdf-page-list .mipdf-selected-mark {
            position: absolute !important;
            right: 0 !important;
            bottom: 18px !important;
            max-width: 82px !important;
            padding: 3px 7px !important;
            border-radius: 999px !important;
            font-size: 0.68rem !important;
            line-height: 1 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            pointer-events: none !important;
        }

        #mipdf-page-list .mipdf-page-drag-handle {
            top: 6px !important;
            right: 6px !important;
            width: 34px !important;
            height: 34px !important;
            border-radius: 12px !important;
            pointer-events: auto !important;
            touch-action: none !important;
            z-index: 4 !important;
        }

        #mipdf-page-list .mipdf-drop-end {
            display: none !important;
        }

        #mipdf-page-list::-webkit-scrollbar {
            height: 6px !important;
        }

        #mipdf-page-list::-webkit-scrollbar-track {
            background: rgba(15, 23, 42, 0.32) !important;
            border-radius: 999px !important;
        }

        #mipdf-page-list::-webkit-scrollbar-thumb {
            background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
            border-radius: 999px !important;
        }
}

@media (max-width: 760px) {
    .mipdf-page {
        padding-inline: 8px !important;
    }

    .mipdf-pages-panel {
        padding: 16px 16px 12px !important;
        border-radius: 22px !important;
        max-height: 218px !important;
    }

    #mipdf-page-list {
        height: 110px !important;
        min-height: 110px !important;
        max-height: 110px !important;
        gap: 9px !important;
    }

        #mipdf-page-list .mipdf-page-item {
            flex-basis: 120px !important;
            width: 120px !important;
            min-width: 120px !important;
            max-width: 120px !important;
            height: 98px !important;
            min-height: 98px !important;
            max-height: 98px !important;
        }

        #mipdf-page-list .mipdf-thumb-placeholder {
            width: 120px !important;
            height: 72px !important;
            min-height: 72px !important;
            max-height: 72px !important;
        }

        #mipdf-page-list .mipdf-page-item > span {
            font-size: 0.72rem !important;
        }
}

/* =========================================================
   Mi PDF Web - Menú de conversiones
========================================================= */

.mipdf-hero-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    position: relative !important;
}

.mipdf-conversion-wrap {
    position: relative !important;
    z-index: 40 !important;
}

.mipdf-convert-main {
    min-height: 52px !important;
    padding: 0 20px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(96, 165, 250, 0.30) !important;
    color: #eaf4ff !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.22), transparent 42%), linear-gradient(135deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.94)) !important;
    box-shadow: 0 18px 38px rgba(2, 6, 23, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

    .mipdf-convert-main b {
        font-size: 1rem !important;
        transition: transform .18s ease !important;
    }

    .mipdf-convert-main:hover,
    .mipdf-convert-main.active {
        transform: translateY(-1px) !important;
        border-color: rgba(125, 211, 252, 0.62) !important;
        box-shadow: 0 20px 46px rgba(14, 165, 233, 0.18), 0 0 0 4px rgba(14, 165, 233, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
    }

        .mipdf-convert-main.active b {
            transform: rotate(180deg) !important;
        }

    .mipdf-convert-main:disabled {
        opacity: .55 !important;
        cursor: not-allowed !important;
        transform: none !important;
    }

.mipdf-conversion-menu {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 14px) !important;
    width: min(430px, calc(100vw - 28px)) !important;
    max-height: min(78vh, 760px) !important;
    overflow-y: auto !important;
    padding: 16px !important;
    border-radius: 26px !important;
    color: #e5edf8 !important;
    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 44%), linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)) !important;
    border: 1px solid rgba(96, 165, 250, 0.28) !important;
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(18px) !important;
    animation: mipdfConversionMenuIn .2s ease-out !important;
}

    .mipdf-conversion-menu header {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 4px 4px 12px !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
    }

        .mipdf-conversion-menu header strong {
            display: block !important;
            color: #ffffff !important;
            font-size: 1.05rem !important;
            font-weight: 950 !important;
        }

        .mipdf-conversion-menu header span {
            display: block !important;
            margin-top: 3px !important;
            color: #93c5fd !important;
            font-size: .82rem !important;
            font-weight: 750 !important;
        }

        .mipdf-conversion-menu header button {
            width: 34px !important;
            height: 34px !important;
            border-radius: 13px !important;
            color: #dbeafe !important;
            background: rgba(30, 41, 59, 0.78) !important;
            border: 1px solid rgba(148, 163, 184, 0.20) !important;
            font-weight: 950 !important;
            cursor: pointer !important;
        }

    .mipdf-conversion-menu section {
        display: grid !important;
        gap: 9px !important;
        padding-top: 14px !important;
    }

        .mipdf-conversion-menu section small {
            color: #7dd3fc !important;
            font-weight: 950 !important;
            letter-spacing: .02em !important;
            text-transform: uppercase !important;
            font-size: .72rem !important;
        }

.mipdf-conversion-option {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    background: rgba(15, 23, 42, 0.72) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

    .mipdf-conversion-option:hover,
    .mipdf-conversion-option.selected {
        transform: translateY(-1px) !important;
        background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.24), transparent 46%), rgba(30, 41, 59, 0.88) !important;
        border-color: rgba(125, 211, 252, 0.58) !important;
        box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.10), 0 18px 34px rgba(14, 165, 233, 0.12) !important;
    }

        .mipdf-conversion-option.selected::after {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            border-radius: inherit !important;
            padding: 1px !important;
            background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.95), transparent) !important;
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
            -webkit-mask-composite: xor !important;
            mask-composite: exclude !important;
            animation: mipdfConversionLed 1.15s linear infinite !important;
            pointer-events: none !important;
        }

    .mipdf-conversion-option i {
        width: 46px !important;
        height: 46px !important;
        border-radius: 16px !important;
        display: grid !important;
        place-items: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
        font-style: normal !important;
        font-size: .82rem !important;
        font-weight: 950 !important;
        box-shadow: 0 12px 24px rgba(14, 165, 233, 0.22) !important;
    }

    .mipdf-conversion-option strong {
        display: block !important;
        color: #ffffff !important;
        font-size: .92rem !important;
        font-weight: 950 !important;
    }

    .mipdf-conversion-option span {
        display: block !important;
        margin-top: 3px !important;
        color: #94a3b8 !important;
        font-size: .78rem !important;
        line-height: 1.35 !important;
        font-weight: 750 !important;
    }

    .mipdf-conversion-option input[type="file"] {
        position: absolute !important;
        inset: 0 !important;
        opacity: 0 !important;
        cursor: pointer !important;
    }

.mipdf-conversion-status {
    margin: 14px 0 0 !important;
    padding: 11px 13px !important;
    border-radius: 16px !important;
    color: #bfdbfe !important;
    background: rgba(37, 99, 235, 0.16) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    line-height: 1.45 !important;
}

@keyframes mipdfConversionMenuIn {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes mipdfConversionLed {
    from {
        filter: hue-rotate(0deg);
        opacity: .62;
    }

    50% {
        opacity: 1;
    }

    to {
        filter: hue-rotate(80deg);
        opacity: .62;
    }
}

/* Modo claro */
:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-conversion-menu {
    color: #0f172a !important;
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 44%), linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,246,255,.98)) !important;
    border-color: rgba(37, 99, 235, 0.22) !important;
    box-shadow: 0 34px 90px rgba(15, 23, 42, .20) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-conversion-menu header strong,
    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-conversion-option strong {
        color: #0f172a !important;
    }

:is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-conversion-option {
    background: rgba(255,255,255,.86) !important;
    border-color: rgba(148, 163, 184, .30) !important;
}

    :is(html.theme-light, html[data-theme="light"], body.theme-light, body[data-theme="light"], [data-bs-theme="light"]) .mipdf-conversion-option span {
        color: #64748b !important;
    }

@media (max-width: 760px) {
    .mipdf-hero-actions {
        width: 100% !important;
        justify-content: stretch !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .mipdf-convert-main,
    .mipdf-upload-main {
        width: 100% !important;
        justify-content: center !important;
    }

    .mipdf-conversion-menu {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: 18px !important;
        width: auto !important;
        max-height: 78vh !important;
        z-index: 1600 !important;
    }
}