.catalogo-container{width:100%;max-width:1200px;margin:auto;padding:0 20px 20px}.titulo-catalogo{font-family:Roboto Condensed,sans-serif;font:600 2rem Roboto Condensed,sans-serif;margin-top:30px}.separador-rojo{margin-bottom:30px}.categorias{-moz-column-gap:2rem;column-gap:2rem;row-gap:1rem;margin-bottom:30px;flex-wrap:wrap;display:grid;grid-template-columns:repeat(4,1fr)}.categorias svg{height:40px;width:auto;margin-bottom:10px}.categorias a{display:flex;flex-direction:column;text-align:center;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;color:var(--body-text);position:relative;transition:.3s ease-in-out;padding:10px;border-radius:5px;background:var(--card-background);border:.5px solid var(--border)}.categorias a.active,.categorias a:hover{background-color:var(--primary);color:#fff;transform:scale(1.01)}.categorias a:active{transform:scale(.99)}.productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;row-gap:2rem}.producto:hover{transform:scale(1.01)}.producto{display:flex;gap:1rem;padding:15px;border-radius:5px;transition:transform .3s ease,box-shadow .3s ease;background:var(--card-background);border:.5px solid var(--border)}.producto:active{transform:scale(.99)}.aplicaciones{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:var(--body-p);margin:0}.producto.animate-in{animation:fadeIn .25s ease forwards}.producto.animate-out{animation:fadeOut .25s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.producto img{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;background:var(--imagen-background);border-radius:5px}h4{margin:0 0 .5rem;font-family:Roboto Condensed,sans-serif;font-weight:600}.producto p{font-family:Roboto,sans-serif}a{text-decoration:none;color:inherit}.search-wrapper{position:relative;display:inline-block;width:100%;margin-bottom:1rem}.search-wrapper input{padding-left:40px;border:.5px solid var(--border);font-family:Roboto,sans-serif;font-size:14px;border-radius:5px;height:40px;width:100%;background-color:var(--card-background);color:var(--body-text)}.search-wrapper .material-symbols-outlined{position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:20px;color:#999;pointer-events:none}#searchInput::-moz-placeholder{color:#999}#searchInput::placeholder{color:#999}html[data-theme=dark] .producto{background-color:var(--footer-background)}@media (max-width: 768px){.categorias{grid-template-columns:repeat(2,1fr);-moz-column-gap:1rem;column-gap:1rem}}