*{box-sizing:border-box;margin:0;padding:0}html{box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--bg);width:100%;height:100%;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}:root{--bg:#f4f8f6f3;--text:#3f2f1f;--muted:#7a6b5a;--primary-dark:#01579b;--primary:#0288d1;--neutral-light:#fff;--neutral-dark:#263238;--card:#fff;--shadow:#0000000d;--shadow-hover:#00000014;--border:#e0dbda;--input-bg:#fff;--readonly-banner-height:32px;--page-padding:2rem 1.5rem;--button-shadow:0 10px 20px #0f172a14;--button-shadow-hover:0 14px 24px #0f172a1f;--button-outline-bg:#0ea5e914;--button-outline-border:#0ea5e938;--button-outline-text:#0f5f7a}.dark{--bg:#161b1d;--text:#e8ded2;--muted:#a8b5a2;--primary:#4fc3f7;--primary-dark:#039be5;--neutral-light:#1b2324;--neutral-dark:#1b2324;--card:#2e3b3e;--border:#455a64;--input-bg:#1b2324;--shadow:#0003;--shadow-hover:#0000004d;--button-shadow:0 12px 22px #00000042;--button-shadow-hover:0 16px 28px #00000052;--button-outline-bg:#4fc3f71f;--button-outline-border:#7dd3fc3d;--button-outline-text:#d5f1ff}h1,h2,h3{color:var(--text);font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}p{color:var(--muted);font-size:1rem}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}section{padding:4rem 1rem}.button,a.button,.btn,a.btn,button:not([class]){background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;white-space:nowrap;cursor:pointer;min-height:44px;box-shadow:var(--button-shadow);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s,opacity .18s;display:inline-flex}.button:hover,a.button:hover,.btn:hover,a.btn:hover,button:not([class]):hover{color:#fff;box-shadow:var(--button-shadow-hover);background:linear-gradient(135deg, var(--primary-dark), #0b6da8);transform:translateY(-1px)}.button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}a.button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}a.btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button:not([class]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.button svg,.btn svg,button:not([class]) svg{flex-shrink:0}.button.primary,.btn.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff}.button.outlined,.btn-outlined{background:var(--button-outline-bg);border-color:var(--button-outline-border);color:var(--button-outline-text);box-shadow:none}.button.outlined:hover,.btn-outlined:hover{color:var(--button-outline-text);background:#0ea5e924;border-color:#0ea5e947;box-shadow:0 10px 18px #0ea5e91f}.button.warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.button.warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.button.danger,.btn.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.button.danger:hover,.btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.button.small,.btn.small{border-radius:10px;min-height:38px;padding:.58rem .82rem;font-size:.9rem}.button.full-width,.btn.full-width{width:100%}.button:disabled,.btn:disabled,button:not([class]):disabled{opacity:.58;cursor:not-allowed;box-shadow:none;filter:saturate(.85);transform:none}input,select,textarea{border:1px solid var(--border);background-color:var(--input-bg);color:var(--text);border-radius:8px;width:100%;padding:.6rem .75rem;font-size:1rem;transition:border-color .2s,background-color .2s}input::placeholder,textarea::placeholder{color:#7a6b5a}input:focus,select:focus,textarea:focus{border-color:var(--primary);background-color:var(--neutral-light);outline:none}.dark input:focus,.dark select:focus,.dark textarea:focus{background-color:#2e3b3e}.filter-panel,.filtros{background:var(--card);border:1px solid var(--border);box-shadow:0 6px 16px var(--shadow);border-radius:14px;padding:1rem}.filter-panel{flex-direction:column;gap:.9rem;display:flex}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.filter-inline{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.filter-field{flex-direction:column;gap:.45rem;min-width:0;display:flex}.filter-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.filter-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}body.dark .filter-panel,body.dark .filtros{background:var(--neutral-light)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.logo-vaca{filter:brightness();width:48px;height:48px}@keyframes fadein-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadein-up{animation:.6s forwards fadein-up}@media (max-width:1024px){section{padding:3rem 1rem}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.button,.btn,button:not([class]){padding:.6rem 1.25rem;font-size:.95rem}.button.small,.btn.small{padding:.52rem .76rem}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.25rem}section{padding:2rem 1rem}.filter-panel,.filtros{padding:.85rem}.filter-grid{grid-template-columns:1fr}}.loading-bar{background-color:var(--border);border-radius:999px;width:100%;height:4px;margin-bottom:1rem;position:relative;overflow:hidden}.loading-fill{background-color:var(--primary);border-radius:999px;width:40%;height:100%;animation:1.2s ease-in-out infinite loading-move}@keyframes loading-move{0%{opacity:.3;transform:translate(-100%)}50%{opacity:1;transform:translate(60%)}to{opacity:.3;transform:translate(120%)}}body.dark .loading-bar{background-color:#334155}body.dark .loading-fill{background-color:var(--primary)}body.read-only .main-content button:not([data-readonly-allow]),body.read-only .main-content input:not([data-readonly-allow]),body.read-only .main-content select:not([data-readonly-allow]),body.read-only .main-content textarea:not([data-readonly-allow]){pointer-events:none;opacity:.6;filter:grayscale(.1)}body.read-only .main-content button:not([data-readonly-allow]){cursor:not-allowed}.read-only-banner{color:#6a3b12;box-shadow:none;z-index:2000;min-height:var(--readonly-banner-height);-webkit-backdrop-filter:blur(6px);background:#fff4e6d9;border-bottom:1px solid #f2c18d;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.read-only-banner strong{color:#6a3b12}.read-only-link{color:#1b5e20;text-decoration:underline}body.dark .read-only-banner{color:#e9c9a8;background:#2b2217e6;border-color:#5b442d}body.dark .read-only-banner strong{color:#f3d6b6}body.dark .read-only-link{color:#9be58d}body.read-only .main-content{padding-top:calc(var(--readonly-banner-height) + 28px)}.page-wrapper{max-width:1100px;padding:var(--page-padding);flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem}.page-hero .eyebrow{color:#ffffffd9}.page-hero h1{color:#fff}.page-hero .page-sub{color:#ffffffe6}.page-hero{color:#fff;background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 12px 24px #0000002e}.page-hero h1{color:#fff;margin:.2rem 0;font-size:clamp(1.6rem,3vw,2rem);font-weight:800}.page-sub{color:#ffffffe6;max-width:520px;margin:0}.page-actions{flex-wrap:wrap;gap:.6rem;display:flex}.page-hero .page-actions .button{border-radius:12px;min-height:40px;padding:.7rem .95rem}.page-hero .page-actions .button.primary{color:#0f5f7a;background:#fff;border-color:#ffffffb8;box-shadow:0 10px 20px #0a25401f}.page-hero .page-actions .button.primary:hover{color:#0b4d63;background:#f6fbff}.page-hero .page-actions .button.outlined{color:#f8fdff;-webkit-backdrop-filter:blur(6px);background:#ffffff1f;border-color:#ffffff3d}.page-hero .page-actions .button.outlined:hover{color:#fff;background:#fff3;border-color:#ffffff52;box-shadow:0 12px 22px #0a254029}@media (max-width:700px){.page-hero{flex-direction:column;align-items:flex-start}.page-actions{width:100%}}