/* Visor embebido: la ficha vista DENTRO del popup del widget, en el ERP del cliente.

   Portado del `site.css` del portal antiguo, con los colores literales cambiados por tokens.
   Va en su propia hoja porque solo la necesita `/incrustado`, que se sirve dentro de un iframe
   de otro dominio y no comparte marco con el resto del portal. */

.dp-incrustado {
    padding: 6px 22px 24px;
}

.dp-doc--incrustado {
    /* Aquí no hay barra lateral: la ficha ocupa todo el ancho del popup. */
    max-width: none;
    padding: 12px 0;
}

.dp-doc--incrustado h1,
.dp-doc--incrustado h2,
.dp-doc--incrustado h3,
.dp-doc--incrustado h4 {
    /* Al saltar a una sección desde el chat, el encabezado no queda pegado al borde. */
    scroll-margin-top: 12px;
}

/* Sección consultada: destello que se desvanece + marca lateral que permanece. */
@keyframes dp-flash {
    0%, 12% { background: rgba(var(--dp-primary-rgb), .20); }
    100%    { background: transparent; }
}

.dp-resaltado {
    animation: dp-flash 3.5s ease-out;
    padding-left: 10px;
    border-left: 3px solid var(--dp-primary);
    border-radius: 3px;
}

/* La barra "Regresar" solo aparece si hay página anterior DENTRO del popup: navegar aquí nunca
   toca el historial de la aplicación que nos embebe. */
.dp-emb-barra {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0 8px;
    margin-bottom: 4px;
    background: var(--dp-surface);
    border-bottom: 1px solid var(--dp-line);
}

.dp-emb-volver {
    color: var(--dp-primary);
    font-size: .92rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.dp-emb-volver:hover {
    text-decoration: underline;
}

/* Los enlaces internos NO llevan href a propósito: así no se pueden "abrir en otra pestaña" ni
   copiar, y la navegación se queda dentro del popup. El cursor y el subrayado los hacen ver
   como enlaces igualmente. */
.dp-emb-link {
    color: var(--dp-primary);
    text-decoration: underline;
    cursor: pointer;
}

.dp-emb-link:hover {
    text-decoration: none;
}

.dp-emb-denegado {
    padding: 2rem;
    color: var(--dp-muted);
    font-size: 1.05rem;
}