.hero{height:80vh;background-image:linear-gradient(#0f172ab3,#0f172acc),url(/images/lawyer-banner-foto.jpeg);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;position:relative}.hero-content{position:relative;z-index:2;width:100%}.hero h1{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;color:#fff;line-height:1.1;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.hero-title,.hero-name{display:block;font-weight:400}@media(max-width:768px){.hero .container{padding-left:15px;padding-right:15px;width:100%;max-width:100%}.hero h1{font-size:10vw;line-height:1.1;letter-spacing:-1px;gap:.2rem}.hero-title{font-size:8vw;font-weight:700;opacity:.9}}@media(min-width:769px){.hero h1{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:3.5rem}}.hero-subtitle{font-size:1.25rem;color:#cbd5e1;margin-bottom:2.5rem;max-width:600px}.hero-buttons{display:flex;gap:1rem}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;border:2px solid white;color:#fff;transition:all .2s ease}.btn-outline:hover{background-color:#fff;color:var(--color-primary)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){.services-grid{grid-template-columns:1fr}}.service-card{background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 10px 40px -10px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.03)}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0000001a;border-color:#0000000d}.service-icon{color:var(--color-primary);margin-bottom:1.5rem;background:#0f172a08;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text-primary)}.service-card p{color:var(--color-text-muted);font-size:1rem;line-height:1.7;text-align:justify}