.lide-proyectos-page{--font-title: "Space Grotesk", sans-serif;--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--gold: var(--uabc-gold);--blue: var(--uabc-blue);--green: var(--uabc-green);--green-dark: var(--uabc-green-dark);--text: var(--fca-text);--text-secondary: var(--fca-text-alt);--text-tertiary: #666666;--bg-primary: var(--fca-bg);--bg-secondary: #ffffff;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16);--border-color: #e0e0e0;--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease;background:var(--bg-primary);color:var(--text);font-family:var(--font-body)}.lide-proyectos-container{max-width:1200px;margin:0 auto;padding:0 24px}.lide-proyectos-nav{position:relative;z-index:20;background:var(--bg-primary);padding:20px 0}.lp-legend{background:var(--color-white, #ffffff);padding:30px;border-radius:var(--radius-md, 12px);margin:0 0 35px;box-shadow:var(--shadow-md);border:2px solid var(--border-color);position:relative;z-index:10}.lp-legend-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:22px;padding-bottom:16px;border-bottom:3px solid var(--gold)}.lp-legend-titles{flex:1;min-width:0}.lp-legend h3{margin-bottom:8px;color:var(--blue);font-size:1.4rem;font-weight:800;font-family:var(--font-title)}.lp-legend-instruction{font-size:.95rem;color:var(--text-secondary);margin:0}.lp-reset-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fef2f2;color:#991b1b;border:2px solid #fecaca;border-radius:var(--radius-sm, 8px);font-family:inherit;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.lp-reset-btn:hover{background:#fee2e2;border-color:#f87171;color:#7f1d1d;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.lp-reset-btn:active{transform:translateY(0);box-shadow:none}.lp-reset-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.lp-reset-btn svg{flex-shrink:0}.lp-legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.lp-period-selector{display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:18px;border-top:2px solid var(--border-color)}.lp-period-selector label{font-size:.9rem;font-weight:700;color:var(--blue);white-space:nowrap;font-family:var(--font-title)}#lp-period-select{padding:10px 36px 10px 14px;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--text);background-color:var(--color-gray-50, #f9fafb);border:2px solid var(--border-color);border-radius:var(--radius-sm, 8px);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}#lp-period-select:hover{border-color:var(--green)}#lp-period-select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #00693e1f}#lp-period-select option:disabled{color:#9ca3af;font-style:italic}.lp-legend-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-gray-50, #f9fafb);border-radius:var(--radius-sm, 8px);transition:all .3s ease;border:2px solid var(--border-color);cursor:pointer;text-align:left;font-family:inherit;font-size:1rem;outline:none}.lp-legend-item:hover:not(.disabled){background:var(--color-primary-light, #e6f4ec);border-color:var(--green);transform:translate(5px)}.lp-legend-item[aria-pressed=true]:not(.disabled){border-color:var(--green);background:var(--color-primary-light, #e6f4ec);box-shadow:0 4px 12px #00693e26}.lp-legend-item.disabled{opacity:.6;cursor:not-allowed}.lp-legend-color{width:28px;height:28px;border-left:5px solid;border-radius:4px;background:var(--color-white, #ffffff);box-shadow:var(--shadow-sm)}.lp-legend-item strong{color:var(--blue);font-weight:700;display:flex;align-items:center;gap:8px;flex:1}.lp-legend-item .count,.lp-legend-item .soon{font-size:.7rem;border-radius:999px;padding:3px 8px;white-space:nowrap}.lp-legend-item .count{background:var(--green);color:#fff}.lp-legend-item .soon{background:var(--gold);color:#fff}.lide-proyectos-main{padding:28px 0 60px}.lp-section-head h2{margin:0;font-family:var(--font-title);font-size:clamp(1.3rem,3vw,2rem);display:flex;align-items:center;gap:8px}.lp-section-head p{margin:10px 0 0;max-width:780px;color:var(--text-secondary)}.lp-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.lp-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.lp-card:hover{border-color:var(--green);background:#f0fdf4;box-shadow:0 4px 12px #0000001a;transform:translate(3px)}.lp-thumb{position:relative;aspect-ratio:16 / 9;background:#000;cursor:pointer;flex-shrink:0}.lp-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .25s ease}.lp-card.expanded .lp-thumb img{opacity:0}.lp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease}.lp-card.expanded .lp-play{opacity:0}.lp-video{position:absolute;inset:0;opacity:0;pointer-events:none}.lp-video iframe{width:100%;height:100%;border:0}.lp-card.expanded .lp-video{opacity:1;pointer-events:auto}.lp-body{display:flex;flex-direction:column;flex:1;padding:16px}.lp-body h3{margin:0;font-family:var(--font-title);font-size:1.05rem}.lp-desc{margin:10px 0 0;color:var(--text-secondary);font-size:.86rem;line-height:1.5}.lp-card-footer{margin-top:auto;padding-top:12px}.lp-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.lp-tag{display:inline-flex;align-items:center;padding:6px 12px;background:#f1f5f9;border-radius:6px;font-size:.75rem;font-weight:700;color:#475569;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border:1px solid #e2e8f0}.lp-tag--category{background:#00693e14;color:var(--green-dark);border-color:var(--green)}.lp-tag--period{background:#d9a0201a;color:#b8860b;border-color:var(--gold)}.lp-toggle{width:100%;padding:11px 16px;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.lp-toggle:hover{background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}@media(max-width:768px){.lide-proyectos-container{padding:0 16px}.lp-grid{grid-template-columns:1fr;gap:16px}.lp-legend{padding:20px;margin-bottom:25px}.lp-legend-header{flex-direction:column;gap:16px;align-items:stretch}.lp-reset-btn{align-self:flex-start}.lp-legend-grid{grid-template-columns:1fr;gap:12px}.lp-period-selector{flex-direction:column;align-items:stretch;gap:8px}#lp-period-select{width:100%}.lp-section-head h2{gap:6px}}@media(max-width:480px){.lp-body h3{font-size:.95rem}.lp-desc{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.lp-card,.lp-legend-item,.lp-toggle,.lp-thumb img,.lp-reset-btn,#lp-period-select{transition:none}.lp-card:hover,.lp-legend-item:hover:not(.disabled),.lp-toggle:hover,.lp-reset-btn:hover{transform:none}}