@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";:root{--font-heading: "Montserrat", sans-serif;--font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--purple-50: #F3E8FF;--purple-100: #E0BAFF;--purple-200: #C580FF;--purple-400: #9B3FEE;--purple-600: #6F00CE;--purple-800: #4A0089;--purple-900: #2D0057;--orange-50: #FFF3E6;--orange-100: #FFD4A0;--orange-400: #FF9A33;--orange-600: #FF7900;--orange-800: #CC5500;--orange-900: #7A3000;--steel-50: #EEF2F5;--steel-100: #C8D4DC;--steel-200: #A8BCC8;--steel-400: #8FA3B4;--steel-600: #5B6E81;--steel-800: #3A4F5E;--steel-900: #1E2E38;--success-bg: #EDFAF3;--success-text: #1A6B3F;--success-border: #5CB88A;--warning-bg: #FFF8E6;--warning-text: #92600A;--warning-border: #F0C060;--error-bg: #FDECEA;--error-text: #9B2020;--error-border: #E86060;--info-bg: #F3E8FF;--info-text: #4A0089;--info-border: #C580FF;--sidebar-width: 260px;--sidebar-collapsed: 60px;--topbar-height: 56px;--t-fast: .1s ease;--t-base: .15s ease;--t-slow: .25s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}:root,[data-theme=corporativo]{--color-bg-base: #F8F4FF;--color-bg-surface: #FFFFFF;--color-bg-elevated:#FFFFFF;--color-bg-hover: #F3E8FF;--color-bg-input: #FFFFFF;--color-bg-sidebar: #6F00CE;--color-bg-sidebar-hover: rgba(255,255,255,.1);--color-bg-sidebar-active: rgba(255,255,255,.18);--color-sidebar-border: rgba(255,255,255,.12);--color-text-primary: #1A0835;--color-text-secondary: #5B6E81;--color-text-tertiary: #8FA3B4;--color-text-sidebar: #FFFFFF;--color-text-sidebar-muted: rgba(255,255,255,.6);--color-border: rgba(111,0,206,.12);--color-border-strong:rgba(111,0,206,.28);--color-primary: #6F00CE;--color-primary-hover:#5800A8;--color-primary-text: #FFFFFF;--color-action: #FF7900;--color-action-hover: #D96600;--color-action-text: #FFFFFF;--color-stat-bg: #F3E8FF;--color-stat-text: #4A0089;--shadow-card: 0 1px 4px rgba(111,0,206,.08);--shadow-elevated:0 4px 16px rgba(111,0,206,.12);--shadow-primary: 0 4px 12px rgba(111,0,206,.3);--shadow-action: 0 4px 12px rgba(255,121,0,.3)}[data-theme=oscuro]{--color-bg-base: #0F0820;--color-bg-surface: #1A0F30;--color-bg-elevated:#221540;--color-bg-hover: rgba(111,0,206,.15);--color-bg-input: #1A0F30;--color-bg-sidebar: #1E0F3A;--color-bg-sidebar-hover: rgba(111,0,206,.22);--color-bg-sidebar-active: rgba(111,0,206,.38);--color-sidebar-border: rgba(111,0,206,.25);--color-text-primary: #F0E8FF;--color-text-secondary: #B8A8D0;--color-text-tertiary: #7A6A9A;--color-text-sidebar: #F0E8FF;--color-text-sidebar-muted: rgba(240,232,255,.48);--color-border: rgba(111,0,206,.25);--color-border-strong: rgba(111,0,206,.5);--color-primary: #9B4DFF;--color-primary-hover: #B370FF;--color-primary-text: #FFFFFF;--color-action: #FF7900;--color-action-hover: #FF9A33;--color-action-text: #FFFFFF;--color-stat-bg: rgba(111,0,206,.2);--color-stat-text: #D0A8FF;--shadow-card: 0 1px 4px rgba(0,0,0,.3);--shadow-elevated: 0 4px 16px rgba(0,0,0,.4);--shadow-primary: 0 4px 12px rgba(155,77,255,.35);--shadow-action: 0 4px 12px rgba(255,121,0,.3)}[data-theme=acero]{--color-bg-base: #EDF0F3;--color-bg-surface: #FFFFFF;--color-bg-elevated:#FFFFFF;--color-bg-hover: #EEF2F5;--color-bg-input: #FFFFFF;--color-bg-sidebar: #3A4F5E;--color-bg-sidebar-hover: rgba(255,255,255,.1);--color-bg-sidebar-active: rgba(255,255,255,.2);--color-sidebar-border: rgba(255,255,255,.1);--color-text-primary: #1E2E38;--color-text-secondary: #5B6E81;--color-text-tertiary: #8FA3B4;--color-text-sidebar: #FFFFFF;--color-text-sidebar-muted: rgba(255,255,255,.55);--color-border: rgba(91,110,129,.15);--color-border-strong: rgba(91,110,129,.32);--color-primary: #3A4F5E;--color-primary-hover: #2A3D4A;--color-primary-text: #FFFFFF;--color-action: #FF7900;--color-action-hover: #D96600;--color-action-text: #FFFFFF;--color-stat-bg: #C8D4DC;--color-stat-text: #1E2E38;--shadow-card: 0 1px 4px rgba(58,79,94,.1);--shadow-elevated: 0 4px 16px rgba(58,79,94,.14);--shadow-primary: 0 4px 12px rgba(58,79,94,.3);--shadow-action: 0 4px 12px rgba(255,121,0,.3)}[data-theme=alto-contraste]{--color-bg-base: #0A0A0A;--color-bg-surface: #111111;--color-bg-elevated:#1A1A1A;--color-bg-hover: rgba(255,121,0,.12);--color-bg-input: #1A1A1A;--color-bg-sidebar: #FF7900;--color-bg-sidebar-hover: rgba(0,0,0,.15);--color-bg-sidebar-active: rgba(0,0,0,.25);--color-sidebar-border: rgba(0,0,0,.15);--color-text-primary: #F0F0F0;--color-text-secondary: #AAAAAA;--color-text-tertiary: #666666;--color-text-sidebar: #1A0800;--color-text-sidebar-muted: rgba(26,8,0,.6);--color-border: rgba(255,121,0,.22);--color-border-strong: rgba(255,121,0,.45);--color-primary: #FF7900;--color-primary-hover: #FF9A33;--color-primary-text: #1A0800;--color-action: #FF7900;--color-action-hover: #FF9A33;--color-action-text: #1A0800;--color-stat-bg: rgba(255,121,0,.14);--color-stat-text: #FF9A33;--shadow-card: 0 1px 4px rgba(0,0,0,.5);--shadow-elevated: 0 4px 16px rgba(0,0,0,.6);--shadow-primary: 0 4px 12px rgba(255,121,0,.35);--shadow-action: 0 4px 12px rgba(255,121,0,.35)}.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:200;transform:translate(calc(-1 * var(--sidebar-width)));transition:transform var(--t-slow)}.app-sidebar.sidebar-open{transform:translate(0)}.app-topbar{display:flex;align-items:center;gap:12px;padding:0 16px;height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#00000073}.app-content{margin-left:0;padding:16px}@media (min-width: 768px){.app-sidebar{position:sticky!important;transform:translate(0)!important;height:100vh;flex-shrink:0}.app-topbar,.sidebar-overlay{display:none}.app-content{margin-left:0;padding:24px}}.dashboard-stats{display:flex;gap:12px;flex-wrap:wrap}.dashboard-stats>*{flex:1 1 100%}@media (min-width: 480px){.dashboard-stats>*{flex:1 1 45%}}@media (min-width: 900px){.dashboard-stats>*{flex:1 1 200px}}.dashboard-sections{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.dashboard-sections>*{flex:1 1 100%}@media (min-width: 900px){.dashboard-sections>*{flex:1 1 320px}}.meetings-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 540px){.meetings-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.meetings-grid{grid-template-columns:repeat(3,1fr)}}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-header-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%}@media (min-width: 540px){.page-header-actions{width:auto}}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>*{flex:1 1 100%}@media (min-width: 480px){.form-row>*{flex:1 1 120px}}.detail-columns{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.detail-columns>.detail-main{flex:1 1 100%}.detail-columns>.detail-side{flex:1 1 100%}@media (min-width: 768px){.detail-columns>.detail-main{flex:2 1 400px}.detail-columns>.detail-side{flex:1 1 240px}}.tabs-bar{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--color-border);margin-bottom:16px}.tabs-bar::-webkit-scrollbar{display:none}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:420px}@media (max-width: 440px){.modal-card{max-width:100%!important;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;position:fixed;bottom:0;left:0;right:0}}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:initial}}.hide-desktop{display:initial}@media (min-width: 768px){.hide-desktop{display:none}}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-slow),color var(--t-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.25;color:var(--color-text-primary)}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.9rem}h6{font-size:.8rem}p{line-height:1.65}a{color:var(--color-primary);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--color-primary-hover)}input,textarea,select{font-family:var(--font-body);font-size:.875rem;background-color:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .75rem;width:100%;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6f00ce1f}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@layer components{.btn-primary{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm tracking-wide bg-primary text-white hover:-translate-y-px transition-all duration-base;box-shadow:var(--shadow-primary);background-color:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-action{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm tracking-wide hover:-translate-y-px transition-all duration-base;background-color:var(--color-action);color:var(--color-action-text);box-shadow:var(--shadow-action)}.btn-action:hover{background-color:var(--color-action-hover)}.btn-ghost{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm tracking-wide bg-transparent border border-solid transition-all duration-base;color:var(--color-primary);border-color:var(--color-primary)}.btn-ghost:hover{background-color:var(--purple-50)}.btn-neutral{@apply inline-flex items-center gap-2 px-4 py-2 rounded-md font-heading font-semibold text-sm transition-all duration-base;background-color:var(--steel-50);color:var(--steel-800);border:1px solid var(--steel-100)}.btn-neutral:hover{background-color:var(--steel-100);color:var(--steel-900)}.card{@apply rounded-lg p-5;background-color:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.stat-card{@apply rounded-md p-4;background-color:var(--color-stat-bg)}.pill{@apply inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-heading font-semibold tracking-wide;}.pill-pending{background:var(--steel-50);color:var(--steel-800)}.pill-progress{background:var(--purple-50);color:var(--purple-800)}.pill-done{background:var(--success-bg);color:var(--success-text)}.pill-overdue{background:var(--error-bg);color:var(--error-text)}.pill-postponed{background:var(--warning-bg);color:var(--warning-text)}.pill-followup{background:var(--orange-50);color:var(--orange-800)}.form-label{@apply block text-sm font-heading font-medium mb-1;color:var(--color-text-secondary)}.form-error{@apply text-xs mt-1;color:var(--error-text)}}
