@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;display:flex;flex-direction:column}body{min-height:100vh;font-family:Segoe UI,sans-serif;color:#333;background:#f9f9f9;line-height:1.6}app-root{flex:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ccc9a4;box-shadow:0 2px 5px #0000001a;flex-wrap:wrap}.navbar .logo{font-weight:700;color:#1d2e3f;font-size:2.3rem}.navbar nav{display:flex;flex-wrap:wrap}.navbar nav a{margin:0 .8rem;text-decoration:none;color:#333;font-weight:500}.navbar nav a:hover{color:#0a74da}.navbar .actions{display:flex;flex-wrap:wrap}.navbar .actions .btn{margin-left:.5rem}.btn{padding:.6rem 1.2rem;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s}.btn-primary{background:#0a74da;color:#fff}.btn-primary:hover{background:#085aa9}.btn-secondary{background:#17a589;color:#fff}.btn-secondary:hover{background:#117864}.btn-outline{background:transparent;border:2px solid #0a74da;color:#0a74da}.btn-outline:hover{background:#0a74da;color:#fff}.hero{display:flex;align-items:center;justify-content:space-between;padding:3rem 2rem;background:#fff;flex-wrap:wrap}.hero .hero-text h1{font-size:2.5rem;margin-bottom:1rem}.hero .hero-text p{margin-bottom:1.5rem;font-size:1.1rem}.hero .hero-text .hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero .hero-img img{width:350px;max-width:100%}.benefits{display:flex;justify-content:center;gap:1.5rem;padding:3rem 2rem;background-color:#ccc9a4;flex-wrap:wrap}.benefits .card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 3px 8px #0000001a;text-align:center;flex:1 1 300px}.steps{text-align:center;padding:3rem 2rem;background:#0b2640;color:#fff}.steps .step-list{margin-top:2rem;display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.steps .step-list .step{background:#ffffff1a;padding:1rem 1.5rem;border-radius:10px;flex:1 1 100px}.cta{text-align:center;padding:3rem 2rem;background:#17a589;color:#fff}footer{background:#333;color:#fff;text-align:center;padding:1rem;margin-top:auto}footer nav a{color:#ccc;margin:0 .5rem;text-decoration:none}footer nav a:hover{color:#fff}.btn-medico{background-color:#6f42c1;color:#fff}@media (max-width: 830px){.navbar{flex-direction:column;align-items:flex-start}.navbar nav{flex-direction:column}.navbar nav a{margin:.5rem 0}.navbar .actions{margin-top:1rem;flex-direction:column}.navbar .actions .btn{margin:.3rem 0}.hero{flex-direction:column}.hero .hero-text{max-width:100%;text-align:center}.hero .hero-text .hero-buttons{justify-content:center}.hero .hero-img{margin-top:2rem}.benefits{align-items:center}.steps .step-list{flex-direction:column}}@media (max-width: 260px){.btn{padding:.6rem 1.2rem}}@media (max-width: 576px){.navbar .logo{font-size:1.8rem}.hero-text h1{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:90%;max-width:300px;margin:.4rem 0}.hero-text p{font-size:1rem}.cta{padding:2rem 1rem}footer{font-size:.9rem}footer nav a{display:block;margin:.3rem 0}}