:root{--bg-main:#121212;--bg-card:#1e1e1e;--border-color:#2c2c2c;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-bordeaux:#7f1d1d;--accent-bordeaux-hover:#991b1b;--accent-dark:#0a0a0a}.zt-wrapper{background-color:var(--bg-main);color:var(--text-main);padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;border-radius:8px;box-sizing:border-box}.zt-wrapper *,.zt-wrapper *::before,.zt-wrapper *::after{box-sizing:border-box}.zt-header{text-align:center;margin-bottom:30px;border-bottom:2px solid var(--accent-bordeaux);padding-bottom:15px}.zt-header h1{color:var(--text-main);font-size:2.2rem;margin:0 0 5px 0}.zt-header p{color:var(--text-muted);margin:0}.zt-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;background:var(--bg-card);padding:20px;border-radius:6px;border:1px solid var(--border-color);margin-bottom:30px}.zt-filter-group{display:flex;flex-direction:column}.zt-filter-group label{font-size:.85rem;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;font-weight:600}.zt-filter-group input,.zt-filter-group select{background:var(--accent-dark);border:1px solid var(--border-color);color:var(--text-main);padding:10px;border-radius:4px;font-size:.95rem}.zt-filter-group input:focus,.zt-filter-group select:focus{border-color:var(--accent-bordeaux);outline:none}.zt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zt-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.2s,border-color 0.2s;position:relative}.zt-card:hover{transform:translateY(-4px);border-color:var(--accent-bordeaux)}.zt-card-img-container{width:100%;height:320px;background:#000;overflow:hidden;position:relative;cursor:pointer}.zt-card-img-container img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.zt-card:hover .zt-card-img-container img{transform:scale(1.03)}.zt-card-body{padding:15px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.zt-card-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.zt-card-meta{font-size:.85rem;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.zt-badge-escritorio{background:var(--accent-dark);border:1px solid var(--border-color);padding:3px 8px;border-radius:4px;font-size:.8rem;color:var(--text-main);align-self:flex-start}.zt-card-actions{display:flex;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-color)}.zt-btn-link,.zt-btn-zoom{flex:1;background:var(--accent-dark);color:var(--text-main);text-align:center;padding:6px 10px;border-radius:4px;font-size:.8rem;text-decoration:none;border:1px solid var(--border-color);cursor:pointer;transition:background 0.2s,border-color 0.2s}.zt-btn-link:hover{background:var(--accent-bordeaux);border-color:var(--accent-bordeaux-hover);color:#fff}.zt-btn-zoom:hover{background:#333;border-color:#555}.zt-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .85);justify-content:center;align-items:center;padding:20px}.zt-modal.active{display:flex}.zt-modal-content{max-width:90%;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 5px 25px rgb(0 0 0 / .5)}.zt-modal-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer}.zt-modal-close:hover{color:var(--accent-bordeaux)}@media (max-width:1200px){.zt-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.zt-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.zt-grid{grid-template-columns:1fr}}