/* ── TinyMCE ──────────────────────────────────────────── */
.tox-tinymce { height: 500px !important; min-height: 400px !important; }

/* ── Constructor headers ──────────────────────────────── */
.pb-sec-header   { background-color: #2b87da !important; border-radius: 6px 6px 0 0; }
.pb-block-header { background-color: #29c4a9 !important; border-radius: 6px 6px 0 0; }
.pb-row-header   { background-color: #ff9232 !important; border-radius: 6px 6px 0 0; }
.pb-sec-header h4, .pb-sec-header button svg,
.pb-block-header h4, .pb-block-header button svg,
.pb-row-header h4, .pb-row-header button svg { color: #fff !important; }

/* ── Sidebar ──────────────────────────────────────────── */
.fi-sidebar-nav { font-size: 1rem !important; }
.fi-sidebar-nav .fi-sidebar-nav-groups { row-gap: 0.75rem !important; }
.fi-sidebar-item-button { padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; }
.fi-sidebar-group { margin-bottom: 0.25rem !important; }
.fi-sidebar-group-label { font-size: 1rem !important; letter-spacing: 0.05em !important; }

/* ── Logo ─────────────────────────────────────────────── */
.fi-logo img, .fi-sidebar-header img, [class*="fi-logo"] img {
    border-radius: 50% !important;
    border: 3px solid #000 !important;
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    background: white !important;
}

/* Las pantallas de acceso (login y contraseña) tienen su propia hoja: public/css/acceso.css */

/* ── Avisos ───────────────────────────────────────────── */
/* Por encima de los popups propios del panel (Estilos de plantilla: z-index 9000), que si no los tapan */
.fi-no { z-index: 9500 !important; }