@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@300;400;500&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--azul:#0072bc;--azul-dark:#004b82;--azul-deep:#002f5c;--azul-light:#e6f1fb;--azul-mid:#b5d4f4;--white:#fff;--off-white:#f4f7fb;--text-main:#0d1b2a;--text-muted:#5a6a7e;--text-faint:#9aafc4;--border:#0072bc26;--border-mid:#0072bc47;--shadow-card:0 2px 16px #004b821a;--shadow-lift:0 8px 32px #004b822e;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition:0.22s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f4f7fb;background:var(--off-white);color:#0d1b2a;color:var(--text-main);font-family:DM Sans,sans-serif}.header-ismea{background:linear-gradient(135deg,#0072bc,#002f5c);background:linear-gradient(135deg,var(--azul) 0,var(--azul-deep) 100%);box-shadow:0 4px 24px #00285a38;position:sticky;top:0;z-index:500}.header-inner{flex-wrap:wrap;gap:1.2rem;margin:auto;max-width:1400px;padding:.9rem 1.8rem}.header-brand,.header-inner{align-items:center;display:flex}.header-brand{flex-shrink:0;gap:.9rem}.logo-img{background:#ffffff1f;border-radius:14px;border-radius:var(--radius-md);height:72px;object-fit:contain;padding:4px;width:72px}.header-titles{display:flex;flex-direction:column}.header-title{color:#fff;color:var(--white);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;letter-spacing:.01em;line-height:1.2}.header-subtitle{color:#ffffffb3;font-size:.78rem;font-weight:300;letter-spacing:.06em;text-transform:uppercase}.search-wrap{flex:1 1;min-width:200px;position:relative}.search-icon{align-items:center;color:#ffffff8c;display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-icon,.search-icon svg{height:16px;width:16px}.search-input{background:#ffffff24;border:1px solid #ffffff38;border-radius:100px;color:#fff;color:var(--white);font-family:DM Sans,sans-serif;font-size:.9rem;height:42px;outline:none;padding:0 1rem 0 2.5rem;transition:background .22s ease,border .22s ease;transition:background var(--transition),border var(--transition);width:100%}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#ffffff38;border-color:#ffffff80}.btn-secciones{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:100px;color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;gap:.5rem;height:42px;padding:0 1.1rem;transition:background .22s ease,transform .22s ease;transition:background var(--transition),transform var(--transition);white-space:nowrap}.btn-secciones:hover{background:#ffffff40;transform:translateY(-1px)}.filters-bar{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:1rem;margin:0 auto;max-width:1400px;padding:.6rem 1.8rem .8rem}.filter-group,.filters-bar{align-items:center;display:flex}.filter-group{gap:.45rem}.filter-label{color:#fff9;font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.filter-select{background:#ffffff1f;border:1px solid #ffffff38;border-radius:100px;color:#fff;color:var(--white);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.83rem;height:34px;outline:none;padding:0 .85rem;transition:background .22s ease;transition:background var(--transition)}.filter-select option{background:#004b82;background:var(--azul-dark);color:#fff}.filter-select:focus,.filter-select:hover{background:#fff3}.contador-pill{background:#ffffff2e;border:1px solid #ffffff40;border-radius:100px;color:#fff;color:var(--white);font-size:.8rem;font-weight:500;margin-left:auto;padding:4px 14px;white-space:nowrap}.secciones-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#001432b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:800}.secciones-panel{animation:slideUp .28s ease;background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 60px #00285a59;max-height:90vh;max-width:780px;overflow-y:auto;width:100%}.secciones-panel-header{align-items:center;border-bottom:1px solid #0072bc26;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.4rem 1.8rem 1rem}.secciones-panel-header h2{color:#004b82;color:var(--azul-dark);font-family:Playfair Display,serif;font-size:1.3rem}.close-panel{background:none;border:none;color:#5a6a7e;color:var(--text-muted);cursor:pointer;font-size:1.8rem;line-height:1;padding:0 4px;transition:color .22s ease;transition:color var(--transition)}.close-panel:hover{color:#0072bc;color:var(--azul)}.secciones-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.4rem 1.8rem 1.8rem}.seccion-card{background:#f4f7fb;background:var(--off-white);border:1px solid #0072bc26;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:box-shadow .22s ease,transform .22s ease;transition:box-shadow var(--transition),transform var(--transition)}.seccion-card:hover{box-shadow:0 8px 32px #004b822e;box-shadow:var(--shadow-lift);transform:translateY(-4px)}.seccion-card-img-wrap{aspect-ratio:4/3;overflow:hidden;position:relative}.seccion-card-img-wrap img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.seccion-card:hover .seccion-card-img-wrap img{transform:scale(1.05)}.seccion-card-overlay{align-items:center;background:#00326473;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .22s ease;transition:opacity var(--transition)}.seccion-card:hover .seccion-card-overlay{opacity:1}.seccion-card-zoom{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:1.8rem}.seccion-card-info{align-items:center;display:flex;justify-content:space-between;padding:.8rem 1rem}.seccion-card-info strong{color:#0d1b2a;color:var(--text-main);font-size:.9rem;font-weight:500}.btn-filtrar-seccion{background:#e6f1fb;background:var(--azul-light);border:1px solid #b5d4f4;border:1px solid var(--azul-mid);border-radius:100px;color:#0072bc;color:var(--azul);cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 12px;transition:background .22s ease,color .22s ease;transition:background var(--transition),color var(--transition)}.btn-filtrar-seccion:hover{background:#0072bc;background:var(--azul);color:#fff}.main-content{margin:0 auto;max-width:1400px;padding:2.5rem 1.8rem 4rem}.grid-discos{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(188px,1fr))}.card-disco{animation:fadeInUp .35s ease both;background:#fff;background:var(--white);border:1px solid #0072bc26;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 2px 16px #004b821a;box-shadow:var(--shadow-card);cursor:pointer;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;transition:transform var(--transition),box-shadow var(--transition)}.card-disco:hover{box-shadow:0 8px 32px #004b822e;box-shadow:var(--shadow-lift);transform:translateY(-6px)}.card-image{aspect-ratio:1/1;background:#e6f1fb;background:var(--azul-light);overflow:hidden;position:relative}.card-image img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.card-disco:hover .card-image img{transform:scale(1.06)}.card-hover-overlay{align-items:flex-end;background:linear-gradient(0deg,#0032648c,#0000);display:flex;inset:0;justify-content:center;opacity:0;padding-bottom:1rem;position:absolute;transition:opacity .22s ease;transition:opacity var(--transition)}.card-disco:hover .card-hover-overlay{opacity:1}.card-hover-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:1.6rem}.card-info{padding:.8rem .9rem .85rem}.card-title{color:#0d1b2a;color:var(--text-main);font-size:.82rem;font-weight:500;line-height:1.3;margin-bottom:.2rem}.card-artist,.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-artist{color:#5a6a7e;color:var(--text-muted);font-size:.76rem;margin-bottom:.55rem}.tag-seccion{background:#e6f1fb;background:var(--azul-light);border-radius:100px;color:#004b82;color:var(--azul-dark);display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.03em;padding:3px 10px}.empty-state{align-items:center;color:#9aafc4;color:var(--text-faint);display:flex;flex-direction:column;gap:1rem;padding:5rem 1rem;text-align:center}.empty-state p{font-size:1rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000f28e0;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 32px 80px #001e5066;max-height:90vh;max-width:820px;overflow-y:auto;padding:2rem;position:relative;width:100%}.close-button{background:none;border:none;color:#5a6a7e;color:var(--text-muted);cursor:pointer;font-size:1.8rem;line-height:1;position:absolute;right:18px;top:14px;transition:color .22s ease;transition:color var(--transition);z-index:10}.close-button:hover{color:#0072bc;color:var(--azul)}.modal-body{align-items:flex-start;display:flex;gap:2rem}.modal-cover-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.modal-cover{border-radius:14px;border-radius:var(--radius-md);box-shadow:0 8px 32px #004b822e;box-shadow:var(--shadow-lift);cursor:zoom-in;height:220px;object-fit:cover;transition:transform .22s ease;transition:transform var(--transition);width:220px}.modal-cover:hover{transform:scale(1.03)}.modal-zoom-hint{color:#9aafc4;color:var(--text-faint);font-size:.72rem}.modal-info{flex:1 1;min-width:0}.modal-tag{background:#e6f1fb;background:var(--azul-light);border-radius:100px;color:#004b82;color:var(--azul-dark);display:inline-block;font-size:.7rem;font-weight:500;letter-spacing:.04em;margin-bottom:.7rem;padding:4px 12px}.modal-title{color:#0d1b2a;color:var(--text-main);font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;line-height:1.25;margin-bottom:.3rem}.modal-artist{color:#0072bc;color:var(--azul);font-size:1rem;font-weight:500;margin-bottom:1.2rem}.modal-details{border-top:1px solid #0072bc26;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem;padding-top:1.1rem}.detail-row{display:flex;font-size:.88rem;gap:.8rem;line-height:1.4}.detail-key{color:#9aafc4;color:var(--text-faint);flex-shrink:0;font-weight:400;min-width:100px}.detail-val{color:#0d1b2a;color:var(--text-main);font-weight:400}.imagen-overlay{align-items:center;animation:fadeIn .2s ease;background:#000a1ef0;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.imagen-overlay img{border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 60px #0009;max-height:88vh;max-width:88vw}.cerrar-imagen{align-items:center;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2.2rem;height:44px;justify-content:center;line-height:1;position:absolute;right:32px;top:24px;transition:background .22s ease;transition:background var(--transition);width:44px}.cerrar-imagen:hover{background:#ffffff38}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header-inner{gap:.8rem;padding:.8rem 1rem}.logo-img{height:54px;width:54px}.header-title{font-size:1rem}.header-subtitle{display:none}.search-wrap{min-width:0;min-width:auto;order:3;width:100%}.filters-bar{gap:.6rem;padding:.5rem 1rem .7rem}.filter-label{display:none}.filter-select{font-size:.78rem;height:30px;padding:0 .65rem}.grid-discos{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.main-content{padding:1.5rem 1rem 3rem}.modal-body{align-items:center;flex-direction:column}.modal-cover{height:180px;width:180px}.modal-content{padding:1.4rem}.modal-title{font-size:1.15rem}.secciones-grid{gap:.9rem;grid-template-columns:1fr 1fr;padding:1rem}}@media (max-width:480px){.grid-discos{grid-template-columns:repeat(2,1fr)}.secciones-grid{grid-template-columns:1fr}.btn-secciones span{display:none}.btn-secciones{padding:0 .8rem}}
/*# sourceMappingURL=main.2c35336a.css.map*/