@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fcfcfc;font-family:Inter,sans-serif}header{display:flex;flex-direction:column;text-align:center;padding-top:6vh;padding-bottom:1.5vh}#LetrerosHermes{font-size:clamp(3.5rem,calc(9vw + 2rem),12rem);font-weight:700}#desc{font-size:clamp(1.3rem,1.2vw,2rem);font-weight:500;color:#555;margin:1rem}#header_container{margin:1rem;display:flex;justify-content:center;gap:1.5rem}.btn-whatsapp{display:inline-flex;align-items:center;gap:8px;padding:1rem 2rem;background:#25d366;color:#fff;font-size:clamp(1.18rem,1.2vw,1.5rem);font-weight:600;border-radius:50px;text-decoration:none;box-shadow:0 8px 15px #0000001a;transition:.3s ease;border:2px solid #dddddd}.btn-whatsapp:hover{background:#1ebe5d;transform:translateY(-1px);box-shadow:0 12px 20px #00000026}.hero-containter{display:flex;justify-content:center;padding-top:1vh;padding-bottom:1.5vh}#hero-image{border-radius:16px;max-width:80%;height:auto}.services{padding:6vw 8vw;text-align:center}.title-services{font-size:clamp(2.5rem,3vw,4rem)}.services-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.service-card{font-size:clamp(1rem,.7vw,2rem);background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 10px 25px #0000000d;transition:.3s ease}.service-card:hover{transform:translateY(-5px)}.projects-section{max-width:1200px;margin:0rem auto;padding:0 1rem}.projects-title{text-align:center;font-size:clamp(2.5rem,3vw,4rem);font-weight:700;margin-bottom:1rem}.carousel{position:relative;width:100%;max-width:1100px;margin:3rem auto;display:flex;align-items:center;gap:1rem}.carousel-viewport{overflow:hidden;width:100%}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.65,0,.35,1)}.carousel-track img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:20px}.slide{flex:0 0 250px;display:flex;flex-direction:column;gap:1rem;margin-right:2rem}.slide-carousel{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000014}#left-button{left:-70px}#right-button{right:-70px}.arrow{width:18px;height:18px;opacity:.8;transition:.3s ease}.slide-carousel:hover{background:#ffffffe6;transform:translateY(-50%) scale(1.08);box-shadow:0 12px 30px #00000026}.slide-carousel:hover .arrow{opacity:1}.slide-carousel:active{transform:translateY(-50%) scale(.95)}.footer{display:flex;background:#cccccc15;width:100%;height:30vh}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.projects-section{max-width:1200px;margin:1rem auto;padding:0 1rem}}@media(max-width:600px){.service-card{font-size:clamp(1rem,.7vw,2rem);background:#fff;padding:1rem;border-radius:16px;box-shadow:0 10px 25px #0000000d;transition:.3s ease}}@media(max-width:768px){.carousel{padding:0 1rem}.carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel-track{transform:none!important;transition:none!important}.carousel-track img{width:80%;aspect-ratio:1 / 1;object-fit:cover;border-radius:20px}.slide{flex:0 0 85%;scroll-snap-align:start;margin-right:1rem;gap:1rem;margin-right:0rem}.slide-carousel{display:none}}@media(max-width:1300px){#left-button{left:10px}#right-button{right:10px}}