:root{--logo-size-mobile:3.5rem;--logo-size-desktop:4.5rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,a{font:inherit}.container{width:100%;margin:0 auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;background:#fff;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem}.brand{display:flex;align-items:center;gap:.5rem}.brand img{height:var(--logo-size-mobile);margin-left:.5rem;width:auto;display:block}.desktop-nav{display:none;gap:2rem}.desktop-nav button,.mobile-nav button{border:0;background:transparent;color:#374151;font-weight:500;cursor:pointer;transition:color .15s}.desktop-nav button:hover,.mobile-nav button:hover{color:#dc2626}.header-call{display:none;align-items:center;gap:.5rem;background:#dc2626;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background .15s}.header-call:hover{background:#b91c1c}.mobile-menu-toggle{border:0;background:transparent;padding:0;color:#374151;width:24px;height:24px;cursor:pointer}.mobile-menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-close{display:none}.mobile-menu-toggle.open .icon-menu{display:none}.mobile-menu-toggle.open .icon-close{display:block}.mobile-nav{background:#fff;border-top:1px solid #e5e7eb;padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav[hidden]{display:none}.mobile-nav button{text-align:left;padding:0}.mobile-nav a{display:flex;align-items:center;gap:.5rem;background:#dc2626;color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;width:max-content;transition:background .15s}.mobile-nav a:hover{background:#b91c1c}@media(min-width:768px){.brand img{height:var(--logo-size-desktop)}.desktop-nav{display:flex}.header-call{display:flex}.mobile-menu-toggle,.mobile-nav{display:none!important}}
.hero{position:relative;color:#fff;padding-top:5rem;overflow:hidden;background:linear-gradient(to right,#dc2626,#b91c1c)}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;inset:0;background:rgb(220 38 38/.8)}.hero-content{position:relative;padding-top:5rem;padding-bottom:5rem}.hero-center{max-width:56rem;margin:0 auto;text-align:center}.hero-title{font-size:2.25rem;line-height:1.25;font-weight:700;margin:0 0 1.5rem}.hero-title span{display:block;font-size:1.25rem;line-height:1.75rem;font-weight:500;margin-top:.5rem;color:#fecaca}.hero-subtitle{font-size:1.25rem;line-height:1.75rem;margin:0 0 2rem;color:#f3f4f6}.hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-size:1.125rem;line-height:1.75rem;font-weight:700;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);transition:transform .15s,background .15s}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.95)}.btn-white{background:#fff;color:#dc2626}.btn-white:hover{background:#f3f4f6}.btn-whatsapp{background:#22c55e;color:#fff}.btn-whatsapp:hover{background:#16a34a}.hero-stats{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:2rem;text-align:center}.hero-stat{background:rgb(255 255 255/.1);backdrop-filter:blur(4px);border-radius:.5rem;padding:1.5rem;transition:transform .15s}.hero-stat:hover{transform:scale(1.05)}.stat-number{font-size:1.875rem;line-height:2.25rem;font-weight:700;margin-bottom:.5rem}.stat-text{color:#e5e7eb}@media(min-width:640px){.hero-actions{flex-direction:row}}@media(min-width:768px){.hero-title{font-size:3.75rem;line-height:1}.hero-title span{font-size:1.5rem;line-height:2rem}.hero-subtitle{font-size:1.5rem;line-height:2rem}.hero-stats{grid-template-columns:repeat(3,1fr)}}
.section{padding-top:5rem;padding-bottom:5rem}.services-section,.contact-section{background:#f9fafb}.about-section{background:#fff}.section-heading{text-align:center;margin-bottom:4rem}.section-heading h2{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.section-heading p{font-size:1.25rem;line-height:1.75rem;color:#4b5563;margin:0 auto;max-width:48rem}.services-grid{display:grid;grid-template-columns:1fr;gap:2rem}.service-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);padding:2rem;cursor:pointer;transition:box-shadow .15s,transform .2s}.service-card:hover{box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 10px 10px -5px rgb(0 0 0/.04);transform:scale(1.05)}.service-card{text-align:center}.service-icon{width:max-content;margin:0 auto 1.5rem;padding:1rem;background:#fef2f2;border-radius:9999px;transition:transform .6s}.service-card:hover .service-icon{transform:rotate(360deg)}.service-icon svg{width:3rem;height:3rem;fill:none;stroke:#dc2626;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.service-card p{color:#4b5563;line-height:1.625;margin:0}@media(min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}
.about-container{max-width:56rem}.about-card{background:#f9fafb;border-radius:1rem;padding:2rem;margin-bottom:4rem}.about-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.about-copy h3{font-size:1.5rem;line-height:2rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem}.about-copy p{color:#4b5563;line-height:1.625;margin:0 0 1.5rem}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.experience-item{text-align:center;color:#4b5563}.experience-number{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:#dc2626;margin-bottom:.5rem}.commitments{background:#dc2626;color:#fff;padding:2rem;border-radius:.75rem}.commitments h4{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin:0 0 1rem}.commitments ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.commitments li{display:flex;align-items:center}.commitments li:before{content:"";display:block;width:.5rem;height:.5rem;background:#fff;border-radius:9999px;margin-right:.75rem;flex:none}.testimonials-title{font-size:1.5rem;line-height:2rem;font-weight:700;color:#1f2937;margin:0 0 2rem;text-align:center}.testimonial-grid{display:grid;grid-template-columns:1fr;gap:2rem}.testimonial{background:#fff;border:2px solid #f3f4f6;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px rgb(0 0 0/.05);transition:transform .2s,box-shadow .15s}.testimonial:hover{transform:scale(1.03);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}.stars{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;letter-spacing:0}.testimonial p{color:#4b5563;margin:0 0 1rem;font-style:italic}.testimonial strong{color:#1f2937;font-weight:600}@media(min-width:768px){.testimonial-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.about-grid{grid-template-columns:repeat(2,1fr)}}
.contact-wrap{display:flex;justify-content:center;align-items:center;max-width:72rem;margin:0 auto}.contact-card{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);padding:2rem}.contact-card>h3{font-size:1.5rem;line-height:2rem;font-weight:700;color:#1f2937;margin:0 0 2rem}.contact-list{display:flex;flex-direction:column;gap:1.5rem}.contact-row{display:flex;align-items:center;gap:1rem}.contact-icon{padding:.75rem;border-radius:.5rem;display:flex}.contact-icon.red{background:#fee2e2}.contact-icon.green{background:#dcfce7}.contact-icon svg{width:1.5rem;height:1.5rem;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-icon.red svg{stroke:#dc2626}.contact-icon.green svg{stroke:#16a34a}.contact-row h4{font-weight:600;color:#1f2937;margin:0}.contact-row a{font-weight:700;font-size:1.125rem;line-height:1.75rem;text-decoration:none}.contact-phone{color:#dc2626}.contact-phone:hover{color:#b91c1c}.contact-whatsapp{color:#16a34a}.contact-whatsapp:hover{color:#15803d}.contact-call-wrap{margin-top:2rem;padding:1.5rem}.contact-call{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#dc2626;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:700;transition:background .15s}.contact-call:hover{background:#b91c1c}
.site-footer{background:#1f2937;color:#fff;padding-top:3rem;padding-bottom:3rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}.site-footer h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:#f87171;margin:0 0 1rem}.site-footer p{color:#d1d5db;margin:0 0 1rem}.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.site-footer a{color:#d1d5db;text-decoration:none;transition:color .15s}.site-footer a:hover{color:#fff}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.footer-contact>div{display:flex;align-items:center;gap:.75rem}.footer-contact svg{width:1.25rem;height:1.25rem;fill:none;stroke:#f87171;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.footer-bottom{border-top:1px solid #374151;margin-top:2rem;padding-top:2rem;text-align:center}.footer-bottom p{color:#9ca3af;margin:0}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}
.sticky-call{position:fixed;right:1.5rem;bottom:1.5rem;z-index:50;width:4rem;height:4rem;border-radius:9999px;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);transition:background .15s,transform .15s,box-shadow .15s;animation:floatCall 2s ease-in-out infinite}.sticky-call:hover{background:#b91c1c;transform:scale(1.1);box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}.sticky-call:active{transform:scale(.9)}.sticky-call svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes floatCall{0%,100%{translate:0 0}50%{translate:0 -10px}}
.anim{opacity:0}.anim[data-anim="up"]{transform:translateY(40px)}.anim[data-anim="scale"]{transform:scale(.8)}.anim.is-visible{opacity:1;transform:none;transition:opacity .8s ease-out,transform .8s ease-out}.reveal,.reveal-card,.reveal-scale,.reveal-left,.reveal-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.reveal,.reveal-card{transform:translateY(30px)}.reveal-scale{transform:scale(.95)}.reveal-left{transform:translateX(-50px)}.reveal-right{transform:translateX(50px)}.reveal.is-visible,.reveal-card.is-visible,.reveal-scale.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{opacity:1;transform:none}.services-grid .reveal-card:nth-child(2),.testimonial-grid .reveal-card:nth-child(2){transition-delay:.2s}.services-grid .reveal-card:nth-child(3),.testimonial-grid .reveal-card:nth-child(3){transition-delay:.4s}.services-grid .reveal-card:nth-child(4){transition-delay:.6s}.services-grid .reveal-card:nth-child(5){transition-delay:.8s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.anim,.reveal,.reveal-card,.reveal-scale,.reveal-left,.reveal-right{opacity:1!important;transform:none!important;transition:none!important}.sticky-call{animation:none}}
