/* Ocultar admin bar cuando sesion expira */ body.login #wpadminbar, body:not(.logged-in) #wpadminbar, body.logged-in.admin-bar #wpadminbar { display: none !important; } body.login #backtoblog { display: none !important; } body.login { background: #5D55F0 !important; } html.wp-toolbar { padding-top: 0 !important; } /* ===== FIXES UI v2 ===== */ /* FIX: Nombre visible en panel RRHH header blanco */ .panel-header h1, .panel-header h2, .panel-header p, .panel-header span:not(.cerrar-sesion) { color: #1A1A2E !important; } .panel-header .bienvenida, .panel-header .panel-subtitulo { color: #6B7280 !important; font-size: 13px !important; } /* FIX: Nombre empleado más visible */ .panel-header .bienvenida strong, .panel-header .bienvenida b { font-size: 15px !important; color: #1A1A2E !important; } /* FIX NUCLEAR: Todas las tabs no activas = blanco limpio sin excepción */ .panel-tab:not(.active) { background: white !important; color: #6B7280 !important; border: 1px solid #e2e8f0 !important; box-shadow: none !important; } .panel-tab:not(.active):hover { background: #f1f5f9 !important; border-color: #c4b5fd !important; color: #5D55F0 !important; box-shadow: none !important; } /* FIX: Tab activa — panel normal */ .panel-tab.active { border: 1.5px solid #5D55F0 !important; color: #5D55F0 !important; background: white !important; box-shadow: none !important; } /* FIX: Tab activa dentro de la barra oscura — más específico para ganar al !important de arriba */ .panel-tabs-topbar .panel-tab.active { background: #5D55F0 !important; border-color: #5D55F0 !important; color: white !important; font-weight: 600 !important; box-shadow: 0 2px 10px rgba(93,85,240,0.4) !important; } .panel-tabs-topbar .panel-tab:not(.active) { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(255,255,255,0.14) !important; color: rgba(255,255,255,0.65) !important; box-shadow: none !important; } .panel-tabs-topbar .panel-tab:not(.active):hover { background: rgba(255,255,255,0.14) !important; border-color: rgba(255,255,255,0.28) !important; color: white !important; } /* FIX: Badges BETA dentro de tabs */ .panel-tab .badge-beta, .panel-tab [class*="beta"], .panel-tab [class*="BETA"] { background: #f59e0b !important; color: white !important; font-size: 9px !important; padding: 2px 5px !important; border-radius: 4px !important; margin-left: 4px !important; display: inline-block !important; } /* ===== REDISEÑO GLOBAL SISTEMA — LAVANDA SUAVE ===== */ /* BIENVENIDA / WELCOME CARD — lavanda suave */ .welcome-card, [class*="welcome"], [class*="bienvenida-card"], [class*="bienvenido"] { background: rgba(93,85,240,0.06) !important; border: 1px solid rgba(93,85,240,0.15) !important; color: #1A1A2E !important; border-radius: 12px !important; box-shadow: none !important; } .welcome-card *, [class*="welcome"] * { color: #1A1A2E !important; } .welcome-card h2, .welcome-card h3 { color: #1A1A2E !important; font-size: 22px !important; } .welcome-card p, .welcome-card span { color: #6B7280 !important; } /* GUÍA RÁPIDA — todos los bloques morados de onboarding */ [class*="guia-rapida"], [class*="guia_rapida"], [class*="quick-guide"], [class*="onboarding"], [class*="guide-banner"], .guia-rapida, div[style*="background: linear-gradient(135deg, #667eea"], div[style*="background:linear-gradient(135deg, #667eea"], div[style*="background: linear-gradient(135deg, #5D55F0"] { background: rgba(93,85,240,0.06) !important; border: 1px solid rgba(93,85,240,0.15) !important; color: #1A1A2E !important; border-radius: 12px !important; box-shadow: none !important; } /* Textos dentro de guías rápidas */ [class*="guia-rapida"] *, [class*="quick-guide"] * { color: #1A1A2E !important; } [class*="guia-rapida"] h3, [class*="guia-rapida"] h4, [class*="quick-guide"] h3 { color: #5D55F0 !important; font-size: 14px !important; } [class*="guia-rapida"] p, [class*="quick-guide"] p { color: #6B7280 !important; font-size: 13px !important; } /* Cards internas de los pasos dentro de guía rápida */ [class*="guia-rapida"] [class*="step"], [class*="guia-rapida"] [class*="paso"], [class*="guia-rapida"] > div > div, [class*="quick-guide"] > div { background: white !important; border: 1px solid rgba(93,85,240,0.12) !important; border-radius: 8px !important; color: #1A1A2E !important; } /* STAT CARDS de reportes — lavanda suave */ .stat-card { background: rgba(93,85,240,0.06) !important; color: #1A1A2E !important; border: 1px solid rgba(93,85,240,0.15) !important; box-shadow: none !important; } .stat-card h4 { color: #5D55F0 !important; opacity: 1 !important; } .stat-card .stat-numero { color: #1A1A2E !important; } .stat-card .stat-descripcion { color: #6B7280 !important; opacity: 1 !important; } /* VACACIONES CARD en perfil */ [class*="vacaciones-info"], [class*="vacaciones-card"], [class*="vacation"], [id*="vacaciones-info"] { background: rgba(93,85,240,0.06) !important; border: 1px solid rgba(93,85,240,0.15) !important; border-radius: 12px !important; color: #1A1A2E !important; box-shadow: none !important; } [class*="vacaciones-info"] *, [class*="vacaciones-card"] * { color: #1A1A2E !important; } [class*="vacaciones-info"] h3, [class*="vacaciones-card"] h3 { color: #5D55F0 !important; } /* Cards internas de vacaciones */ [class*="vacaciones"] .stat, [class*="vacaciones"] [class*="card"], [class*="vacaciones"] > div > div { background: white !important; border: 1px solid rgba(93,85,240,0.12) !important; border-radius: 8px !important; } [class*="vacaciones"] .stat p, [class*="vacaciones"] [class*="numero"], [class*="vacaciones"] [class*="count"] { color: #5D55F0 !important; } /* RESUMEN FICHAJE */ [class*="resumen-fichaje"], [class*="fichaje-resumen"], [id*="resumen-fichaje"], [class*="fichaje-summary"] { background: rgba(93,85,240,0.06) !important; border: 1px solid rgba(93,85,240,0.15) !important; border-radius: 12px !important; color: #1A1A2E !important; box-shadow: none !important; } [class*="resumen-fichaje"] h3, [class*="fichaje-resumen"] h3 { color: #1A1A2E !important; } [class*="resumen-fichaje"] > div, [class*="fichaje-resumen"] > div { background: white !important; border: 1px solid rgba(93,85,240,0.12) !important; border-radius: 8px !important; color: #1A1A2E !important; } /* BACKUP / CONFIGURACIÓN bloques morados */ [class*="backup"], [class*="sistema-profesional"], [class*="turnos-rotativos-mega"], [class*="auto-asignacion"], [id*="backup"], [id*="sistema-pro"] { background: rgba(93,85,240,0.06) !important; border: 1px solid rgba(93,85,240,0.15) !important; border-radius: 12px !important; box-shadow: none !important; } [class*="backup"] *, [class*="sistema-profesional"] * { color: #1A1A2E !important; } [class*="backup"] h3, [class*="backup"] h4 { color: #5D55F0 !important; } [class*="backup"] p { color: #6B7280 !important; } [class*="backup"] > div, [class*="backup"] [class*="card"] { background: white !important; border: 1px solid rgba(93,85,240,0.12) !important; border-radius: 8px !important; } /* MENSAJERÍA — fix padding top para separar del bloque anterior */ [id="tab-mensajeria"] { padding-top: 20px !important; margin-top: 0 !important; } #tab-mensajeria .mensajeria-container { margin-top: 0 !important; } #tab-mensajeria h2 { margin-top: 16px !important; padding-top: 0 !important; } /* BOTONES principales — morado sólido sin gradiente */ .btn-guardar, .btn-primary { background: #5D55F0 !important; border: none !important; box-shadow: none !important; } .btn-guardar:hover, .btn-primary:hover { background: #4a43d4 !important; transform: none !important; box-shadow: 0 4px 12px rgba(93,85,240,0.25) !important; } /* OVERRIDE NUCLEAR — cualquier div con gradiente morado inline */ *[style*="linear-gradient(135deg, #667eea"], *[style*="linear-gradient(135deg, #5D55F0"], *[style*="background: #5D55F0; color: white; padding: 30"], *[style*="background:#5D55F0;color:white;padding:30"] { background: rgba(93,85,240,0.06) !important; color: #1A1A2E !important; border: 1px solid rgba(93,85,240,0.15) !important; box-shadow: none !important; } *[style*="linear-gradient(135deg, #667eea"] *, *[style*="linear-gradient(135deg, #5D55F0"] * { color: #1A1A2E !important; } /* ===== FIX V2 — Cards internas de pasos y vacaciones ===== */ /* FIX: Cards internas de Guía Rápida — quitar borde rojo, fondo sutil */ [class*="guia-rapida"] > div > div, [class*="guia-rapida"] [class*="step"], [class*="guia-rapida"] [class*="paso"], [class*="guia-rapida"] div div { background: white !important; border: 1px solid rgba(93,85,240,0.10) !important; border-radius: 8px !important; padding: 14px 16px !important; box-shadow: none !important; } /* FIX NUCLEAR borde rojo — override inline border */ *[style*="border: 2px solid red"], *[style*="border:2px solid red"], *[style*="border-color: red"], *[style*="outline: red"] { border: 1px solid rgba(93,85,240,0.10) !important; } /* FIX: Pasos dentro de guía — quitar cualquier borde de color fuerte */ .guia-rapida-step, [class*="guia"] .step, [class*="guia"] [class*="card"], [class*="quick"] .step, [class*="onboarding"] .step { border: 1px solid rgba(93,85,240,0.10) !important; background: white !important; border-radius: 8px !important; box-shadow: none !important; } /* FIX: Vacaciones card — más compacta y elegante */ [class*="vacaciones-info"], [class*="vacaciones-card"], [id*="vacaciones-info"], [class*="vacation-info"] { padding: 20px 24px !important; } /* Cards 2x2 de vacaciones — más compactas */ [class*="vacaciones"] .stat-grid, [class*="vacaciones"] [class*="grid"], [class*="vacaciones"] > div > div { padding: 14px !important; border-radius: 8px !important; background: white !important; border: 1px solid rgba(93,85,240,0.10) !important; text-align: center !important; min-height: unset !important; } /* Números dentro de cards vacaciones */ [class*="vacaciones"] .stat-numero, [class*="vacaciones"] [class*="numero"], [class*="vacaciones"] [class*="count"], [class*="vacaciones"] strong:first-child, [class*="vacaciones"] .dias-numero { font-size: 28px !important; font-weight: 700 !important; color: #5D55F0 !important; display: block !important; } /* Labels bajo los números */ [class*="vacaciones"] .stat-label, [class*="vacaciones"] [class*="label"], [class*="vacaciones"] small, [class*="vacaciones"] span:not([class]) { font-size: 12px !important; color: #6B7280 !important; display: block !important; margin-top: 4px !important; } /* Botón solicitar vacaciones */ [class*="vacaciones"] button, [class*="vacaciones"] [class*="btn-solicitar"], [class*="btn-solicitar-vacaciones"] { background: #5D55F0 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 12px 24px !important; font-weight: 600 !important; box-shadow: none !important; } /* Info importante en vacaciones */ [class*="vacaciones"] [class*="info"], [class*="vacaciones"] [class*="importante"], [class*="vacaciones"] blockquote, [class*="vacaciones"] .alerta-info { background: white !important; border: 1px solid rgba(93,85,240,0.10) !important; border-left: 3px solid #5D55F0 !important; border-radius: 0 8px 8px 0 !important; color: #6B7280 !important; font-size: 13px !important; padding: 12px 16px !important; } /* ===== FIX GLOBAL: Cards internas sobre fondo lavanda — fondo blanco visible ===== */ /* Cualquier div con fondo semitransparente blanco dentro de contenedor lavanda */ div[style*="rgba(255,255,255,0.15)"], div[style*="rgba(255,255,255, 0.15)"], div[style*="rgba(255, 255, 255, 0.15)"], div[style*="rgba(255,255,255,0.2)"], div[style*="rgba(255,255,255, 0.2)"], div[style*="rgba(255, 255, 255, 0.2)"], div[style*="rgba(255,255,255,0.12)"], div[style*="rgba(255,255,255,0.1)"] { background: white !important; border: 1px solid rgba(93,85,240,0.12) !important; box-shadow: 0 1px 4px rgba(93,85,240,0.06) !important; } /* Textos dentro de esas cards — asegurar que son oscuros */ div[style*="rgba(255,255,255,0.15)"] *, div[style*="rgba(255,255,255, 0.15)"] *, div[style*="rgba(255,255,255,0.2)"] *, div[style*="rgba(255,255,255, 0.2)"] * { color: #1A1A2E !important; opacity: 1 !important; } /* Subtextos dentro — gris legible */ div[style*="rgba(255,255,255,0.15)"] div[style*="font-size: 13px"], div[style*="rgba(255,255,255,0.15)"] div[style*="opacity"], div[style*="rgba(255,255,255,0.2)"] div[style*="font-size: 13px"] { color: #6B7280 !important; opacity: 1 !important; } /* Títulos de pasos dentro de cards blancas */ div[style*="rgba(255,255,255,0.15)"] div[style*="font-weight: 700"], div[style*="rgba(255,255,255,0.15)"] div[style*="font-weight:700"], div[style*="rgba(255,255,255,0.2)"] div[style*="font-weight: 700"] { color: #1A1A2E !important; } /* ── Panel RRHH: barra de navegación con favoritos + dropdown ── */ .panel-tabs-wrapper { position: relative; margin-bottom: 20px; background: #1e1b4b; border-radius: 12px; padding: 14px 16px; } .panel-tabs-header { margin-bottom: 10px; padding: 0 2px; } .panel-tabs-header-title { font-size: 18px; font-weight: 700; color: white; line-height: 1.2; } .panel-tabs-header-sub { font-size: 11px; color: rgba(255,255,255,0.85); margin-top: 3px; font-weight: 400; } /* Fila superior con los 6 favoritos fijos */ .panel-tabs-topbar { display: flex; align-items: center; gap: 5px; background: #1e1b4b; border-radius: 0; padding: 0 0 14px 0; border: none; } /* Tabs se estiran para llenar el ancho */ .panel-tabs-topbar .panel-tab { flex: 1; justify-content: center; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14); color: rgba(255,255,255,0.65); box-shadow: none; } .panel-tabs-topbar .panel-tab:hover { background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.28); color: white; } .panel-tabs-topbar .panel-tab.active { background: #5D55F0; border-color: #5D55F0; color: white; font-weight: 600; box-shadow: 0 2px 10px rgba(93,85,240,0.4); } /* Separador vertical */ .panel-tabs-vsep { width: 1px; height: 20px; background: rgba(255,255,255,0.15); flex-shrink: 0; margin: 0 2px; } /* Botón "Todos los módulos" */ .panel-tabs-more { display: inline-flex; align-items: center; gap: 6px; border: none; background: white; border-radius: 8px; cursor: pointer; color: #1e1b4b; font-size: 12px; font-weight: 700; padding: 8px 14px; white-space: nowrap; transition: all 0.15s; font-family: inherit; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.2); } .panel-tabs-more:hover { background: #f1f0fe; color: #5D55F0; } .panel-tabs-more-arrow { transition: transform 0.3s; display: inline-block; font-size: 14px; opacity: 1; font-weight: 700; } .panel-tabs-more.open .panel-tabs-more-arrow { transform: rotate(180deg); } /* Dropdown */ .panel-tabs-dropdown { display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: white; border: 1px solid #ede9fe; border-radius: 14px; padding: 14px 16px; box-shadow: 0 12px 40px rgba(93,85,240,0.12); z-index: 100; animation: ptddFadeIn 0.15s ease; } @keyframes ptddFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .panel-tabs-dropdown.open { display: block; } /* 3 columnas dentro del dropdown */ .panel-tabs-dropdown-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; } .panel-tabs-col { padding: 0 16px; border-right: 1px solid #f3f4f6; } .panel-tabs-col:first-child { padding-left: 0; } .panel-tabs-col:last-child { padding-right: 0; border-right: none; } .panel-tabs-col-label { font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #9CA3AF; display: block; padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid #f3f4f6; } .panel-tabs-col-items { display: flex; flex-direction: column; gap: 1px; } /* Items dentro del dropdown */ .panel-tab-dd { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; cursor: pointer; font-size: 12px; color: #4B5563; background: transparent; border: none; width: 100%; text-align: left; font-family: inherit; transition: all 0.15s; } .panel-tab-dd:hover { background: #faf9ff; color: #5D55F0; } .panel-tab-dd.active { background: #faf9ff; color: #5D55F0; font-weight: 600; } /* Responsive móvil */ @media (max-width: 768px) { .panel-tabs-topbar { flex-wrap: wrap; gap: 4px; } .panel-tabs-vsep { display: none; } .panel-tabs-more { margin-left: 0; } .panel-tabs-dropdown-cols { grid-template-columns: 1fr; } .panel-tabs-col { padding: 0; border-right: none; border-bottom: 1px solid #f3f4f6; padding-bottom: 10px; margin-bottom: 10px; } .panel-tabs-col:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } }