/* ============================================================================
   THEME-STYLES.CSS - REFACTOR-001 (7 Diciembre 2025)
   ============================================================================
   
   FILOSOFIA DE TRANSPARENCIA CSS:
   Este archivo ahora SOLO contiene estilos para estados del EDITOR.
   
   ELIMINADO:
   - Estilos base para [gloryDiv], [gloryDivSecundario], [gloryButton], etc.
   - Variables CSS como defaults de componentes
   - Media queries de layout
   - Patrones de diseño (alternado_lr, etc.)
   
   RAZON:
   GBN es un editor WYSIWYG transparente. El desarrollador escribe su HTML/CSS
   y GBN solo aplica cambios via style="" inline cuando el usuario edita.
   Sin GBN activo, la pagina DEBE verse identica.
   
   Ver: reglas.md seccion 1.2 "Filosofia de Transparencia CSS"
   ============================================================================ */

/* ==========================================================================
   ESTADOS DEL EDITOR - Loading
   Solo visibles cuando GBN esta activo y procesando
   ========================================================================== */

/* Loading State para PostRender */
.gbn-loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.gbn-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: gbn-spin 0.8s linear infinite;
}

@keyframes gbn-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ==========================================================================
   ESTADOS DEL EDITOR - Empty/Feedback
   Mensajes de estado para el usuario del constructor
   ========================================================================== */

/* Empty State */
.gbn-post-render-empty {
    padding: 40px 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    color: #666;
    grid-column: 1 / -1;
}

/* Preview message styles */
.gbn-pr-preview-message {
    grid-column: 1 / -1;
}

/* Hidden item (for filtering in editor) */
.gbn-pr-hidden {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
}

/* ==========================================================================
   CLONES DE PREVIEW - PostRender
   Los clones son solo visuales, no editables
   ========================================================================== */

[data-gbn-pr-clone] {
    pointer-events: none !important;
    opacity: 0.85;
    cursor: default;
}