:root{--primary: #33786e;--primary-hover: #1e524b;--primary-light: #e6f4f1;--spain-red: #c60b1e;--spain-red-light: #fde8ea;--spain-red-hover: #a00918;--secondary: #ffc107;--secondary-dark: #e6a800;--secondary-light: #fff8e1;--background: #f8fafc;--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Lora,Georgia,serif}h1{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:600;letter-spacing:-.01em;line-height:1.25}h3{font-size:clamp(1rem,2vw,1.2rem);font-weight:600;letter-spacing:0;line-height:1.3}.container{width:100%;margin:0 auto;padding:var(--spacing-md) var(--spacing-md)}@media(min-width:768px){.container{max-width:720px}}@media(min-width:1024px){.container{max-width:960px}}@media(min-width:1280px){.container{max-width:1140px}}.container-fluid{width:100%;margin:0 auto;padding:clamp(var(--spacing-sm),2vw,var(--spacing-md)) clamp(var(--spacing-md),4vw,var(--spacing-xxl))}.responsive-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media(min-width:768px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.flex-align-center{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}button,select,a{cursor:pointer}a{text-decoration:none}.btn{appearance:none;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9375rem;min-height:48px;padding:.75rem 1.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-sm{min-height:36px;padding:.4rem .9rem;font-size:.875rem;gap:.3rem}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#e01616}.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-danger-outline{background:transparent;border-color:#fca5a5;color:#dc2626}.btn-danger-outline:hover{background:#fee2e2;border-color:#dc2626}.icon-primary{color:var(--primary)}.icon-red{color:var(--spain-red)}.icon-gold{color:var(--secondary-dark)}.icon-sm{width:16px;height:16px}.icon-md{width:24px;height:24px}.icon-lg{width:32px;height:32px}.icon-xl{width:48px;height:48px}lucide-icon{display:inline-flex;align-items:center;justify-content:center}.smooth-transition{transition:all .25s cubic-bezier(.4,0,.2,1)}.validation-error{color:#ef4444}.validation-error-list{list-style:none}.avatar-container{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--primary-light);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:1rem;box-shadow:var(--shadow-sm)}.avatar-container img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:clamp(80px,20vw,110px);height:clamp(80px,20vw,110px);font-size:3rem;border:4px solid var(--surface);outline:1px solid var(--border)}.icon-xs{width:12px;height:12px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}kbd{display:inline-flex;align-items:center;font-family:Inter,system-ui,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.01em;background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);padding:.1rem .3rem;color:var(--text-muted);line-height:1.5;-webkit-user-select:none;user-select:none;vertical-align:middle}.app-tooltip{position:fixed;z-index:10000;background:var(--text-main);color:#fff;font-family:Inter,system-ui,sans-serif;font-size:.7rem;font-weight:500;line-height:1.4;padding:.3rem .6rem;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;max-width:260px}.app-tooltip--visible{opacity:1}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.fade-in{animation:fade-in .22s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.markdown-body{font-size:.9375rem;line-height:1.65;color:inherit;word-break:break-word}.markdown-body p{margin:0 0 .6em}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-family:Inter,system-ui,sans-serif;font-weight:700;line-height:1.35;margin:.9em 0 .4em;color:inherit}.markdown-body h1{font-size:1.05em}.markdown-body h2{font-size:1em}.markdown-body h3{font-size:.95em}.markdown-body h4{font-size:.9em}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body ul,.markdown-body ol{padding-left:1.5em;margin:.4em 0 .6em;display:flex;flex-direction:column;gap:.2em}.markdown-body li{line-height:1.6}.markdown-body li>ul,.markdown-body li>ol{margin:.2em 0 0}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body code{font-family:Courier New,Consolas,monospace;font-size:.85em;background:var(--background);border:1px solid var(--border);border-radius:4px;padding:.1em .35em}.markdown-body pre{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;overflow-x:auto;margin:.5em 0}.markdown-body pre code{background:none;border:none;padding:0;font-size:.875em}.markdown-body blockquote{border-left:3px solid var(--primary);margin:.5em 0;padding:.2em 0 .2em .75em;color:var(--text-muted)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:.75em 0}.markdown-body a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}
