#proyectosSection{flex-direction:column;padding:56px;display:flex}#proyectosSection h1{margin-bottom:56px}#proyectosPrincipalesContainer{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}#proyectosPrincipalesContainer .proyectoCard div{height:324px}#proyectosContainer{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}#proyectosContainer .proyectoCard div{height:213px}.proyectosCarouselIndex{display:none}.proyectoCard{flex-direction:column;gap:16px;width:100%;display:flex}.proyectoCard div{border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.proyectoCard div img{object-fit:cover;z-index:-1;width:100%;height:100%;transition:all .5s ease-out;position:absolute}.proyectoCard div svg{z-index:1;color:#fff;opacity:0;font-size:32px;transition:all .5s ease-out}.proyectoCard p{justify-content:space-between;align-items:center;width:100%;font-size:10px;display:flex}.proyectoCard p span{color:#1c1c1c;text-transform:uppercase;font-size:12px;font-weight:400}.proyectoCard:hover div img{filter:grayscale()brightness(.5);transform:scale(1.1)}.proyectoCard:hover div svg{opacity:1}@media (max-width:1024px){#proyectosSection{padding:112px 32px 48px}#proyectosSection h1{margin-bottom:26px}}@media (max-width:768px){#proyectosSection{padding:80px 16px 48px}#proyectosSection h1{margin-bottom:24px}#proyectosPrincipalesContainer{flex-direction:column;display:flex}#proyectosContainer{grid-template-columns:1fr 1fr}}@media (max-width:670px){#proyectosPrincipalesContainer{flex-direction:column;margin-bottom:64px;display:flex}#proyectosPrincipalesContainer .proyectoCard div{height:203px}#proyectosContainer{margin-inline:-32px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:calc(100% + 64px);margin-bottom:8px;padding-left:32px;padding-right:max(32px,100% - 297px);scroll-padding-left:32px;display:flex;overflow-x:auto}#proyectosContainer::-webkit-scrollbar{display:none}#proyectosContainer .proyectoCard{scroll-snap-align:start;flex:0 0 min(329px,100vw - 64px)}#proyectosContainer .proyectoCard div{height:185px}#proyectosContainer .proyectoCard p{flex-wrap:wrap;gap:8px}#proyectosContainer .proyectoCard:hover div img{transform:none}.proyectosCarouselIndex{justify-content:center;gap:8px;margin-top:12px;margin-bottom:32px;display:flex}.proyectosCarouselIndex>div{background-color:#ddd;border-radius:4px;width:8px;height:8px;transition:width .5s,background-color .5s}.proyectosCarouselIndex>.proyectosCarouselIndexSelected{background-color:#00778b;width:21px}}