:root{--projects-bg-dark:#1a1a1a;--projects-text-white:#fff;--projects-text-gray:#ccc;--projects-text-dark:#333;--projects-accent-green:#28a745;--projects-accent-green-hover:#218838;--projects-bg-light:#f8f9fa;--projects-border-light:#e0e0e0;--projects-spacing-container:91px;--projects-card-width:220px;--projects-card-height:270px;--projects-related-card-width:176px;--projects-related-card-height:216px;--cursor-neutral:grab;--cursor-left:w-resize;--cursor-right:e-resize}.projects-page-container{background:var(--projects-bg-dark);color:var(--projects-text-white);min-height:100vh}.projects-main{background:0 0}.projects-hero{padding:4rem var(--projects-spacing-container);color:var(--projects-text-white);background:0 0;justify-content:space-between;align-items:flex-start;gap:3rem;margin:0 auto;display:flex}.projects-hero-content{flex:1;max-width:600px}.projects-hero-line{background-color:var(--projects-text-white);border-radius:2px;width:100px;height:2px;margin:0 0 1.5rem}.projects-hero h1{color:var(--projects-text-white);margin:0 0 1rem;font-size:30px;line-height:1.2}.projects-hero h2{color:var(--projects-text-gray);margin:0 0 1rem;font-size:25px;line-height:1.3}.projects-hero-right{flex-direction:column;align-items:flex-end;gap:1.5rem;display:flex}.projects-hero-logo{object-fit:contain;flex-shrink:0;width:35px;height:35px}.projects-hero-cta{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.projects-hero p{color:var(--projects-text-gray);text-align:center;margin:0;font-size:16px;line-height:1.6}.projects-hero-button{background-color:var(--projects-accent-green);color:#fff;cursor:pointer;border:none;border-radius:6px;width:140px;height:32px;font-size:16px;font-weight:500;transition:background-color .3s}.projects-hero-button:hover{background-color:var(--projects-accent-green-hover)}.projects-page-grid-section{padding:2rem var(--projects-spacing-container);text-align:left;color:var(--projects-text-white);margin:0 auto}.projects-page-grid-container{width:100%}.projects-page-grid-wrapper{width:100%;cursor:var(--cursor-neutral);position:relative;overflow:hidden}.projects-page-grid-wrapper:active{cursor:grabbing}.projects-page-grid{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;gap:1.5rem;margin-bottom:4rem;padding-bottom:1rem;display:flex;overflow-x:auto;cursor:var(--cursor-neutral)!important}.projects-page-grid.dragging{scroll-behavior:auto;cursor:grabbing!important}.projects-page-grid.dragging-left{cursor:var(--cursor-left)!important}.projects-page-grid.dragging-right{cursor:var(--cursor-right)!important}.projects-page-grid::-webkit-scrollbar{display:none}.projects-page-card{width:var(--projects-card-width);text-align:center;cursor:inherit;-webkit-user-select:none;user-select:none;flex:none;transition:transform .3s}.projects-page-card-image{width:var(--projects-card-width);height:var(--projects-card-height);background:var(--projects-text-white);cursor:inherit;margin-bottom:1rem;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 16px #0000001a}.projects-page-card-image img{object-fit:cover;width:100%;height:100%;cursor:inherit}.projects-page-card-title{color:var(--projects-text-white);cursor:inherit;margin:0;font-family:PasticheGrotesque,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1.3}.projects-loading,.projects-error,.projects-empty{text-align:center;color:#fffc;background:var(--projects-bg-dark);height:120px;margin:2rem var(--projects-spacing-container);border-radius:8px;justify-content:center;align-items:center;gap:1rem;display:flex}.empty-text{opacity:.9;margin:0;font-size:.9rem;font-weight:500}.projects-related-products{background-color:var(--projects-bg-light);color:var(--projects-text-dark);padding:2rem 0 1rem}.related-products-header{padding:0 var(--projects-spacing-container);justify-content:space-between;align-items:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:flex}.related-products-header h2{color:#000;margin:0;font-size:30px}.related-products-sort{display:inline-block;position:relative}.related-products-filter-dropdown-btn{color:#000;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-family:PasticheGrotesque,Arial,sans-serif;font-size:1rem;transition:color .3s;display:flex}.related-products-filter-dropdown-btn:hover{color:#3d8555}.related-products-filter-dropdown-btn svg{transition:transform .3s}.related-products-filter-dropdown-btn.open svg{transform:rotate(180deg)}.related-products-filter-dropdown-menu{background:var(--projects-text-white);border:1px solid var(--projects-border-light);z-index:1000;opacity:0;visibility:hidden;border-radius:5px;min-width:120px;margin-top:.5rem;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 4px 12px #0000001a}.related-products-filter-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.related-products-filter-dropdown-item{cursor:pointer;color:var(--projects-text-dark);text-align:left;text-transform:capitalize;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-family:PasticheGrotesque,Arial,sans-serif;font-size:.9rem;transition:background-color .2s}.related-products-filter-dropdown-item:hover{background-color:#f5f5f5}.related-products-filter-dropdown-item.active{color:#fff;background-color:#3d8555}.related-products-filter-dropdown-item:first-child{border-radius:5px 5px 0 0}.related-products-filter-dropdown-item:last-child{border-radius:0 0 5px 5px}.sort-select{display:none}.related-products-carousel{margin-bottom:2rem;position:relative}.related-auto-scroll-zone{z-index:5;pointer-events:auto;width:80px;position:absolute;top:0;bottom:0}.related-auto-scroll-zone.left{left:0}.related-auto-scroll-zone.right{right:0}.related-products-grid-main{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.related-products-grid-main::-webkit-scrollbar{display:none}.related-carousel-nav-btn{color:#fff;cursor:pointer;z-index:20;opacity:0;visibility:hidden;background:#3d8555e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.related-carousel-nav-btn:hover{background:#3d8555;transform:translateY(-50%)scale(1.1)}.related-carousel-nav-btn.visible{opacity:1;visibility:visible}.related-carousel-nav-btn.prev{left:-20px}.related-carousel-nav-btn.next{right:-20px}.related-carousel-gradient{pointer-events:none;z-index:10;opacity:0;width:60px;transition:opacity .3s;position:absolute;top:0;bottom:0}.related-carousel-gradient.visible{opacity:1}.related-carousel-gradient.left{background:linear-gradient(to right, var(--projects-bg-light), transparent);left:0}.related-carousel-gradient.right{background:linear-gradient(to left, var(--projects-bg-light), transparent);right:0}.related-products-empty{text-align:center;color:#666;justify-content:center;align-items:center;gap:1rem;height:200px;display:flex}.related-products-grid{padding:0 var(--projects-spacing-container);margin:0 auto;position:relative}.related-product-card{width:var(--projects-related-card-width);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;transition:transform .3s}.related-product-image{width:var(--projects-related-card-width);height:var(--projects-related-card-height);cursor:inherit;margin-bottom:1rem;overflow:hidden}.related-product-image img{object-fit:contain;width:100%;height:100%;cursor:inherit}.related-product-name{color:var(--projects-text-dark);cursor:inherit;margin:0;font-family:PasticheGrotesque,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1.3}
:root{--mobile-padding:15px;--mobile-card-width:180px;--mobile-card-height:220px;--mobile-related-card-width:150px;--mobile-related-card-height:180px;--mobile-gap:1rem}@media (max-width:768px){.projects-hero{padding:2rem var(--mobile-padding);flex-direction:column;align-items:flex-start;gap:2rem}.projects-hero-right{display:none}.projects-hero-content{text-align:left;width:100%;max-width:100%}.projects-hero-line{width:80px;height:2px;margin:0 0 1.5rem}.projects-hero h1{margin:0 0 1rem;font-size:24px;font-weight:400}.projects-hero h2{margin:0 0 1rem;font-size:18px;font-weight:300}.projects-page-grid-section{padding:1rem;position:relative}.projects-page-grid-section:after{content:"← Desliza para ver más →";text-align:center;color:#999;margin-top:.5rem;font-size:16px;animation:2s ease-in-out infinite fadeInOut;display:block}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}.projects-page-grid-wrapper{width:100%;position:relative}.projects-page-grid{gap:var(--mobile-gap);margin-bottom:0;padding-bottom:1rem}.projects-page-card{width:var(--mobile-card-width)}.projects-page-card-image{width:var(--mobile-card-width);height:var(--mobile-card-height);margin-bottom:.75rem}.projects-page-card-title{font-size:14px}.projects-related-products{height:auto;padding:1.5rem 0 1rem}.related-products-header{padding:0 var(--mobile-padding);flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.related-products-header h2{font-size:24px}.related-products-sort{width:100%}.related-products-filter-dropdown-btn{width:100%;font-size:.9rem}.related-products-filter-dropdown-menu{width:100%;left:0;right:auto}.related-products-carousel{margin-bottom:1.5rem;overflow:visible}.related-products-grid{padding:0 var(--mobile-padding);overflow:visible}.related-products-grid-main{gap:var(--mobile-gap);padding-bottom:1rem;overflow:auto visible}.related-product-card{width:var(--mobile-related-card-width);flex-shrink:0;height:auto}.related-product-image{width:var(--mobile-related-card-width);height:var(--mobile-related-card-height);margin-bottom:.75rem;overflow:visible}.related-product-image img{object-fit:contain;width:100%;height:100%}.related-product-name{padding:.5rem;font-size:14px}.related-carousel-nav-btn,.related-carousel-gradient,.related-auto-scroll-zone{display:none}}