.bg-majo { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-100; background:#fff; overflow:hidden; pointer-events:none }
.bg-majo::before { content:""; position:absolute; inset:0; backdrop-filter:blur(80px); z-index:10 }
.blob { position:absolute; z-index:1; width:300px; height:300px; background:#ffd700; border-radius:50%; filter:blur(60px); opacity:.4; animation: a1 12s infinite alternate ease-in-out }
.blob:nth-child(2) { background:#e31b23; width:400px; height:400px; left:50%; animation-delay:-4s; animation-duration:15s }
.blob:nth-child(3) { background:#0045a0; bottom:0; right:0; animation-delay:-2s; animation-duration:10s }
@keyframes a1 { 0% { transform:translate(-10%,-10%) scale(1); opacity:.3 } 50% { transform:translate(20%,15%) scale(1.3); opacity:.6 } 100% { transform:translate(-5%,20%) scale(.9); opacity:.3 } }
.catalogo-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 1.5rem;
padding: 0.5rem;
}
.theme-card {
background: white;
border-radius: 1.5rem;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0,0,0,0.08);
transition: transform 0.2s, box-shadow 0.2s;
border: 1px solid rgba(0,0,0,0.05);
}
.theme-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -12px rgba(0,0,0,0.15); }
.theme-card img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
background: #f3f4f6;
}
.theme-card .info { padding: 1rem; }
.theme-card h3 {
font-size: 1rem;
font-weight: 800;
color: #E31B23;
margin-bottom: 0.5rem;
text-transform: uppercase;
letter-spacing: -0.3px;
}
.btn-pdf {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
background: #f1f5f9;
color: #1e293b;
padding: 0.6rem 1rem;
border-radius: 2rem;
font-size: 0.8rem;
font-weight: 600;
transition: all 0.2s;
width: 100%;
border: 1px solid #e2e8f0;
cursor: pointer;
}
.btn-pdf:hover { background: #3498db; color: white; border-color: #3498db; }
.section-tab {
background: rgba(255,255,255,0.8);
border-radius: 2rem;
padding: 8px 20px;
font-weight: bold;
cursor: pointer;
transition: 0.2s;
font-size: 0.9rem;
}
.section-tab.active {
background: #E31B23;
color: white;
box-shadow: 0 2px 8px rgba(227,27,35,0.3);
}
.search-input {
width: 100%;
max-width: 280px;
padding: 8px 16px;
border-radius: 999px;
border: 1px solid #e2e8f0;
font-size: 0.85rem;
background: white;
}