/* ============================================================
   [Autorys] Estilos propios del CRM (fuera de Vue: Vue borra los <style> que van dentro de #app)
   Desarrollado por Autorys · https://autorys.com
   ============================================================ */

/* --- Selector de idioma (es, en, pt, fr, de) --- */
.autorys-idioma { position: relative; font-family: inherit; }
.autorys-idioma--flotante { position: fixed; top: 16px; right: 16px; z-index: 10002; }
.autorys-idioma > summary {
    list-style: none; display: flex; align-items: center; gap: 6px; cursor: pointer;
    padding: 6px 10px; border-radius: 6px; font-size: 14px; font-weight: 600;
    text-transform: uppercase; color: #374151; user-select: none;
}
.autorys-idioma > summary::-webkit-details-marker { display: none; }
.autorys-idioma > summary::marker { content: ""; }
.autorys-idioma > summary:hover { background: #f3f4f6; }
.autorys-idioma__menu {
    position: absolute; right: 0; top: calc(100% + 6px); min-width: 170px; padding: 6px 0;
    background: #fff; border: 1px solid #e5e7eb; border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12); z-index: 10003;
}
.autorys-idioma__menu a {
    display: flex; justify-content: space-between; gap: 12px; padding: 8px 16px;
    font-size: 15px; color: #1f2937; text-decoration: none;
}
.autorys-idioma__menu a:hover { background: #f3f4f6; }
.autorys-idioma__menu a.activo { font-weight: 700; color: var(--brand-color, #0a84ff); }
.autorys-idioma__menu small { color: #9ca3af; text-transform: uppercase; }
.dark .autorys-idioma > summary { color: #d1d5db; }
.dark .autorys-idioma > summary:hover { background: #030712; }
.dark .autorys-idioma__menu { background: #111827; border-color: #1f2937; }
.dark .autorys-idioma__menu a { color: #f9fafb; }
.dark .autorys-idioma__menu a:hover { background: #030712; }

/* --- Logo en las pantallas de entrada (login, olvidé contraseña, restablecer) --- */
.autorys-logo-entrada { display: block; height: 56px; width: auto; max-width: 90vw; }