html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#fff;padding:20px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d}.container{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{width:120px;height:auto;cursor:pointer}.hero-section{background:#f8f9fa;padding:60px 0;position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-text h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.hero-text p{font-size:1.1rem;margin-bottom:15px;color:#666}.hero-image{position:relative}.curve{position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:200px;height:400px;border:8px solid #FBD027;border-radius:50%;border-left:transparent;border-bottom:transparent;z-index:-1}.cta-buttons{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.cta-button.primary{background:#fbd027;color:#333}.cta-button.primary:hover{background:#f4c427;transform:translateY(-2px);box-shadow:0 6px 20px #fbd0274d}.hero-image img{width:100%;height:auto;border-radius:20px;box-shadow:0 10px 30px #0000001a}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:30px}.hero-text h1{font-size:2rem}.curve{display:none}.cta-buttons{justify-content:center;gap:15px}.cta-button{padding:10px 25px;font-size:.9rem}}.impact-section{background:#fbd027;padding:80px 0;position:relative;overflow:hidden}.impact-section .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}.impact-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:30px;color:#333}.impact-description{font-size:1.1rem;text-align:center;color:#333;margin-bottom:50px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}.stat-item{background:#ffffffe6;padding:25px 15px;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease;cursor:pointer}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:10px}.stat-label{font-size:1rem;color:#666;font-weight:500}.wave-decoration{position:absolute;bottom:-1px;left:0;width:100%;height:50px;background:url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,25 Q25,0 50,25 T100,25 L100,50 L0,50 Z' fill='%23f8f9fa'/%3E%3C/svg%3E") repeat-x;background-size:100px 50px}@media (max-width: 900px){.stats{grid-template-columns:repeat(2,1fr);max-width:600px;gap:15px}}@media (max-width: 768px){.impact-title{font-size:2rem}.impact-description{font-size:1rem}.stats{grid-template-columns:repeat(2,1fr);gap:15px;max-width:500px}.stat-number{font-size:2rem}.stat-item{padding:20px 15px}}@media (max-width: 480px){.stats{grid-template-columns:1fr;gap:15px;max-width:300px}}.services-section{background:#f8f9fa;padding:80px 0;position:relative}.services-section .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}.services-section .services-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:50px;padding-top:20px;color:#333;width:100%;order:1}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto;order:2;width:100%}.service-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.service-icon{margin-bottom:20px}.service-icon img{width:80px;height:80px;object-fit:contain}.service-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#333}.service-description{font-size:1rem;color:#666;line-height:1.6;margin-bottom:25px;flex-grow:1}.service-button{display:inline-block;background:#fbd027;color:#333;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:700;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.service-button:hover{background:#f4c427;transform:translateY(-2px)}@media (max-width: 768px){.services-title{font-size:2rem}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:30px 20px;min-height:300px}.service-icon img{width:60px;height:60px}.service-title{font-size:1.3rem}.service-description{font-size:.9rem}}.footer{background:#fff;color:#333;padding:50px 0 25px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbd027,#f4c427)}.footer .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column}.footer-content{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:40px;align-items:start;width:100%}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{width:100px;height:auto;margin-bottom:15px}.footer-tagline{color:#666;font-size:1rem;line-height:1.5;margin:0}.footer-links h4{font-size:1.2rem;color:#fbd027;margin-bottom:15px;font-weight:600}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#555;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links a:hover{color:#fbd027}.footer-contact h4{font-size:1.2rem;color:#fbd027;margin-bottom:15px;font-weight:600}.footer-contact p{color:#555;font-size:.95rem;margin-bottom:8px}.social-links{display:flex;gap:12px;margin-top:20px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;transition:all .3s ease;text-decoration:none}.social-link.facebook{color:#1877f2;background:#1877f21a}.social-link.facebook:hover{background:#1877f2;color:#fff;transform:translateY(-2px)}.social-link.instagram{color:#e4405f;background:#e4405f1a}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743);color:#fff;transform:translateY(-2px)}.social-link.whatsapp{color:#25d366;background:#25d3661a}.social-link.whatsapp:hover{background:#25d366;color:#fff;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #eee;padding:30px 0 0;text-align:center;clear:both;width:100%;margin-top:20px;display:block;position:relative}.footer-bottom p{color:#777;font-size:.9rem;margin:0 auto;padding:0;line-height:1.4;font-weight:400;letter-spacing:.5px;max-width:100%;text-align:center;display:block;width:100%}@media (max-width: 768px){.footer{padding:40px 0 20px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.footer-brand{align-items:center}.footer-logo{width:80px}.social-links{justify-content:center}.footer-bottom{margin-top:15px;padding:25px 0 0;width:100%}.footer-bottom p{font-size:.85rem;text-align:center;display:block;width:100%;color:#777}}@media (max-width: 480px){.footer-content{gap:25px}.footer-links h4,.footer-contact h4{font-size:1.1rem}.social-link{width:32px;height:32px}}.chat-button{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;align-items:center;gap:15px}.chat-btn{width:60px;height:60px;border-radius:50%;background:#25d366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #25d3664d}.chat-btn:hover{background:#20c157;transform:translateY(-2px);box-shadow:0 6px 25px #25d36666}.chat-tooltip{background:#333;color:#fff;padding:10px 15px;border-radius:20px;font-size:.9rem;white-space:nowrap;position:relative;box-shadow:0 4px 15px #0003}.chat-tooltip:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:0;height:0;border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent}@media (max-width: 768px){.chat-button{bottom:20px;right:20px}.chat-btn{width:55px;height:55px}.chat-tooltip{font-size:.8rem;padding:8px 12px}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbd027,#f4c427);transform-origin:0%;z-index:999;box-shadow:0 2px 10px #fbd0274d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;scroll-behavior:smooth}.App{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.highlight{color:#fbd027}.bold{font-weight:700;color:#333}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out}.animate-fadeInRight{animation:fadeInRight .8s ease-out}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-slideInFromTop{animation:slideInFromTop .6s ease-out}@media (max-width: 768px){.container{padding:0 15px}}
