.navbar2{box-shadow:none}main{background-color:var(--color-gris-claro)}.categories-section{display:flex;justify-content:center;padding-left:var(--pad-section);padding-right:var(--pad-section);padding-top:100px;padding-bottom:50px}.categories-container{width:100%;display:flex;flex-direction:column;gap:2rem}.category-item{position:relative;transition:.3s}.category-link{text-decoration:none;color:inherit}.category-line{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:10px;padding:1rem 1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s,box-shadow .3s}.category-line:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.15)}.category-icon img{width:40px;object-fit:contain}.category-name{font-size:var(--fs-category);font-weight:var(--fw-semibold)}.category-expand{max-height:0;opacity:0;overflow:hidden;background:#fff;border-radius:20px;margin-top:.5rem;padding:0 1.5rem;box-shadow:0 6px 14px rgba(0,0,0,.05);transition:.5s}.category-item.active .category-expand{max-height:400px;opacity:1;padding:1.5rem}.carousel-container{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory}.carousel-slide{flex:0 0 auto;width:200px;height:150px;scroll-snap-align:start;border-radius:10px;overflow:hidden}.carousel-slide img{width:100%;height:100%;object-fit:cover}.category-description{margin-top:1rem;font-size:var(--fs-paragraph);font-weight:var(--fw-regular);color:#444;line-height:1.5}.subcategory-list{margin-top:1rem;margin-left:2rem;padding-left:1.5rem;border-left:0 dashed #ccc;display:flex;flex-direction:column;gap:1rem}.subcategory-list .category-line{background:#d4d1d1}.subcategory-line{display:flex;align-items:center;gap:.8rem;background:#faf8f1;border-radius:10px;padding:.8rem 1.2rem;transition:transform .3s}.subcategory-line:hover{transform:translateX(5px)}.subcategory-icon img{width:30px;height:30px;object-fit:contain}.subcategory-name{font-size:1.1rem;font-weight:500;color:#0077b6}@media (max-width:768px){.category-line{padding:1rem}.category-icon img{width:30px;object-fit:contain}.carousel-slide{width:150px;height:100px}.categories-container{gap:.55rem}.subcategory-list{margin-top:.55rem}}