.productos-container{max-width:100%;margin:0 auto;padding-top:5rem}.productos-title{text-align:center;margin-bottom:40px;font-weight:700;color:#5d5d5d}.title-light{font-size:2.5rem}.title-dark,.title-light{font-weight:700;display:block}.title-dark{color:#000;margin-top:-20px;font-size:4.5rem}.productos-filters{display:flex;justify-content:center;margin-bottom:40px;padding-bottom:10px}.filter-button{background:transparent;border:none;font-size:.9rem!important;font-family:Playfair Display,serif!important;margin:0 3px;font-weight:700!important;color:#666;position:relative;transition:color .3s ease}.filter-button:after{content:"";position:absolute;width:0;height:2px;bottom:-11px;left:50%;background-color:#000;transition:all .3s ease}.filter-button:hover{color:#000}.filter-button.active{color:#000;font-weight:500}.filter-button.active:after{width:100%;left:0}.content-container{transition:opacity .3s ease}@media (max-width:768px){.title-light{font-size:2rem}.title-dark{font-size:3rem}.productos-filters{flex-wrap:wrap}.filter-button{padding:8px 15px;margin:0 5px;font-size:.9rem}}@media (max-width:1600px){.title-light{font-size:2rem}.title-dark{font-size:3.5rem}.filter-button{font-size:.8rem!important}}@keyframes filterChange{0%{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.filter-change{animation:filterChange .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.content-container{transition:opacity .3s ease,transform .3s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(10px)}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.shimmer-effect{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));background-size:200% 100%;animation:shimmer 2s infinite}.helados-grid{display:grid;grid-template-columns:repeat(6,1fr)!important;gap:30px;justify-content:center;padding:20px}.helado-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:10px;overflow:hidden;width:300px;padding:10px 20px}.helado-imagen-container{position:relative;width:210px;height:450px;padding-top:100%;overflow:visible}.helado-imagen,.popsicleBottom,.popsicleTop{position:absolute;top:0;left:0;width:220px!important;height:450px;object-fit:contain;transition:opacity .4s ease}.helado-card:hover .popsicleBottom,.popsicleTop{opacity:0}.helado-card:hover .popsicleTop{opacity:1;animation:diagonal-swing 1.5s ease-in-out forwards,float 2s ease-in-out 1.5s infinite}.helado-info{position:absolute;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.074);padding:15px;transform:translateY(100%);transition:transform .5s ease}.helado-card:hover .helado-info{transform:translateY(0)}.helado-nombre{font-size:1.1rem;font-weight:700;margin-bottom:5px}.helado-descripcion{font-size:1rem;color:#000;max-height:0;overflow:hidden;transition:max-height .3s ease}.helado-card:hover .helado-descripcion{max-height:100%}.helados-subfilters{justify-content:center;margin-bottom:20px}.helados-buttons,.helados-subfilters{display:flex;gap:10px}.filter-button{padding:10px 20px;font-size:1rem;background:#fff;color:#000;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease}.filter-button:hover{background:#f0f0f0}.filter-button.active{background:#000;color:#fff;transform:scale(1.1)}.select-wrapper{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:6px 65px!important;border-radius:15px!important;border:2px solid #000!important;width:fit-content!important;margin:-20px auto 20px!important}.helados-select{border:none;outline:none;background:transparent;font-size:1rem;color:#707070;font-weight:500;font-family:Dancing Script,Brush Script MT,cursive!important;text-align:center;cursor:pointer;padding-left:30px;appearance:none}.helados-select option{background:#fff;color:#000}.select-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#000;font-size:1.2rem;pointer-events:none}@keyframes diagonal-swing{0%{transform:rotate(0deg)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1800px){.helados-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:30px;justify-content:center;align-items:center;padding:20px;margin:0 auto;max-width:1200px}.helado-card{width:300px}.helado-imagen-container{position:relative;width:260px;height:550px;padding-top:100%;overflow:visible}.helado-imagen,.popsicleBottom,.popsicleTop{position:absolute;top:0;left:0;width:260px!important;height:460px;object-fit:contain;transition:opacity .4s ease}}@media (max-width:768px){.helados-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.helado-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;width:190px}.helado-imagen-container{position:relative;width:190px;height:450px;padding-top:100%;overflow:visible}.helado-imagen,.popsicleBottom,.popsicleTop{position:absolute;top:0;left:0;width:190px!important;height:330px;object-fit:contain;transition:opacity .4s ease}}