.sobre-nosotros{max-width:1200px;margin:0 auto;padding:0 20px}.sobre-nosotros h1{font-size:3rem;margin-bottom:1rem}.sobre-nosotros p{font-size:1.125rem;line-height:1.6;color:#6b7280}.sobre-nosotros h2{font-size:2rem;margin-bottom:2rem;text-align:center}.sobre-nosotros .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.sobre-nosotros .card{padding:1.5rem;border:1px solid #e5e7eb;border-radius:10px;transition:box-shadow .2s}.sobre-nosotros .card:hover{box-shadow:0 4px 12px #0000001a}.sobre-nosotros .card h3{font-size:1.25rem;margin-bottom:.5rem}.sobre-nosotros .cta{background:#05b8c7;color:#fff;padding:3rem 0;text-align:center}.sobre-nosotros .cta h2{margin-bottom:1rem}.sobre-nosotros .cta p{margin-bottom:1.5rem;color:#ffffffe6}.sobre-nosotros .cta button{background:#fff;color:#05b8c7;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}@media (max-width: 768px){.sobre-nosotros h1{font-size:2rem}.sobre-nosotros .grid{grid-template-columns:1fr}.sobre-nosotros .cta{padding:2rem 0}}:root{--container: 1100px}*{box-sizing:border-box}body,html,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;color:#222}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-root main{flex:1;background:#fff}.btn{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none}.btn-primary{background:#05b8c7;color:#fff}.btn-outline{border:2px solid #05b8c7;color:#05b8c7;background:transparent}.site-header{background:linear-gradient(90deg,#05b8c7,#162578);color:#fff;position:sticky;top:0;z-index:40}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.brand{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700}.logo{margin-right:8px;width:32px;height:32px}.nav a{color:#ffffffe6;margin-left:18px;text-decoration:none}.nav .cta{background:#fff;color:#05b8c7;padding:8px 12px;border-radius:8px}@media (max-width: 768px){.nav{display:none}.brand{font-size:14px}.logo{width:24px;height:24px}}.site-footer{background:#162578;color:#fff;padding:36px 0;margin-top:40px}.site-footer .container{display:flex;gap:24px;align-items:flex-start}.site-footer .col{flex:1}.site-footer h4{margin:0 0 8px}.site-footer p{color:#ffffffd9}.site-footer .copyright{text-align:center;padding:14px 0;color:#fff9;font-size:14px}@media (max-width: 800px){.site-footer .container{flex-direction:column}}.parallax-hero{height:600px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}.parallax-overlay{position:absolute;width:100%;height:100%;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;z-index:2}.parallax-overlay h1{font-size:48px;margin:0 0 16px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}.parallax-overlay p{font-size:20px;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3)}.home-hero{padding:80px 0;background:linear-gradient(180deg,#05b8c70f,#16257805)}.hero-inner{display:flex;gap:30px;align-items:center}.hero-copy{flex:1}.hero-copy h1{font-size:40px;margin:0 0 12px}.hero-copy p{color:#6b7280;margin:0 0 18px}.hero-actions .btn{margin-right:10px}.hero-visual{width:360px}.visual-card{background:linear-gradient(135deg,#fff,#e6f9fb);padding:28px;border-radius:10px;box-shadow:0 8px 30px #05b8c71a;text-align:center;color:#05b8c7;font-weight:700}@media (max-width: 1024px){.hero-copy h1{font-size:36px}.hero-visual{width:300px}.parallax-overlay h1{font-size:36px}.parallax-overlay p{font-size:18px}}@media (max-width: 900px){.hero-inner{flex-direction:column;text-align:center}.hero-visual{width:100%;margin-top:20px}.hero-actions{display:flex;flex-direction:column;gap:10px}.hero-actions .btn{margin-right:0}}@media (max-width: 600px){.home-hero{padding:60px 0}.hero-copy h1{font-size:28px}.hero-copy p{font-size:16px}.visual-card{padding:20px}.parallax-hero{height:400px}.parallax-overlay h1{font-size:28px}.parallax-overlay p{font-size:16px}}