html{scroll-behavior:smooth}body{margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#2d3748;background:#fafafa;background-attachment:fixed}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{margin-bottom:1rem;font-weight:700;color:#1a202c}h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#0aa07a,#14d9a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){h2{font-size:2rem}.container{padding:0 15px}section{padding:60px 0}}@media(max-width:480px){h2{font-size:1.7rem}.container{padding:0 12px}section{padding:50px 0}}html,body{overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}.btn-primary{display:inline-block;background:#0aa07a;color:#fff;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s;box-shadow:0 8px 30px #0aa07a4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:#088765;transform:translateY(-3px);box-shadow:0 12px 40px #0aa07a80}.btn-secondary{display:inline-block;background:transparent;color:#14d9a8;border:2px solid #14d9a8;padding:.7rem 1.8rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s}.btn-secondary:hover{background:linear-gradient(135deg,#0aa07a,#14d9a8);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0aa07a66}.btn-nav{background:#0aa07a;color:#fff!important;padding:.6rem 1.5rem;border-radius:25px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0aa07a4d}.btn-nav:hover{background:#088765;transform:translateY(-2px);box-shadow:0 6px 25px #0aa07a80}.btn-whatsapp{display:inline-block;background:#25d366;color:#fff;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.2rem;transition:all .3s;box-shadow:0 8px 30px #25d3664d}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-3px);box-shadow:0 12px 40px #25d36680}@media(max-width:768px){.btn-primary{padding:.9rem 2rem;font-size:1rem}.btn-secondary{padding:.6rem 1.5rem}.btn-whatsapp{padding:.9rem 2rem;font-size:1.1rem}}@media(max-width:480px){.btn-primary{padding:.8rem 1.5rem;font-size:.95rem}.btn-secondary{padding:.5rem 1.2rem;font-size:.9rem}.btn-whatsapp{padding:.8rem 1.5rem;font-size:1rem}}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.card{background:#ffffffe6;padding:2.5rem 2rem;border-radius:20px;text-align:center;box-shadow:0 8px 32px #00000026;transition:all .4s;border:1px solid rgba(10,160,122,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 15px 50px #0aa07a66;border-color:#0aa07a99;background:#fff}.card img{width:80px;height:80px;margin:0 auto 1.5rem;filter:brightness(0) saturate(100%) invert(73%) sepia(47%) saturate(593%) hue-rotate(121deg) brightness(91%) contrast(88%);transition:transform .3s}.card:hover img{transform:scale(1.1) rotate(5deg)}.card h3{font-size:1.4rem;margin-bottom:1rem;color:#1a202c}.card p{color:#4a5568;line-height:1.7}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.grid-3{grid-template-columns:1fr;gap:1.5rem}.card{padding:2rem 1.5rem}}@media(max-width:480px){.grid-3{gap:1.2rem}.card{padding:1.5rem 1rem}.card h3{font-size:1.2rem}.card p{font-size:.95rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fadeInUp.visible{opacity:1;transform:translateY(0)}.fadeIn{opacity:0;transform:translateY(20px);transition:all .7s ease}.fadeIn.visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
