:root{--primary:#4c5c68;--secondary:#f6a500;--accent:#d9534f;--text-dark:#2e3d49;--text-light:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero{background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.6)),url(/images/hero-services.jpg) 50%/cover no-repeat;height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;animation:fadeIn 1.2s ease-in-out}.hero h1{font-size:4rem;margin-bottom:1rem;font-weight:900;line-height:1.2;color:var(--text-light);animation:slideDown .8s ease-in-out forwards}.hero h1,.hero h1 span{text-shadow:0 3px 6px rgba(0,0,0,.8)}.hero h1 span{color:var(--secondary);font-style:italic}.hero p{font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.6);margin-top:1rem;max-width:800px;line-height:1.6;opacity:0;animation:fadeIn 1.5s ease-in-out forwards}.cta,.hero p{color:var(--text-light)}.cta{display:inline-block;background:var(--accent);padding:.75rem 1.5rem;border-radius:50px;font-weight:700;text-transform:uppercase;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.cta:hover{transform:scale(1.1);background:var(--secondary);box-shadow:0 6px 15px rgba(0,0,0,.2)}.services-list{background:#f1f3f5;padding:4rem 0}.services-list h2{font-size:2.5rem;margin-bottom:2rem;color:var(--text-dark);text-align:center;animation:fadeIn 1s ease-in-out}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.service-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .8s ease-in-out}.service-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.service-card img{width:100%;height:220px;object-fit:cover;border-bottom:4px solid var(--primary);transition:transform .3s ease}.service-content{padding:1.5rem;text-align:center}.service-content h3{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem}.service-content p{color:#6c757d}.service-details{position:absolute;inset:0;background:rgba(76,92,104,.9);color:var(--text-light);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .3s ease}.service-details h3{font-size:1.8rem;margin-bottom:1rem}.service-details p{max-width:320px;font-size:1rem;text-align:center}.service-card:hover .service-details{opacity:1;transform:translateY(0)}.service-card:hover img{transform:scale(1.1)}.why-sohabitat-section{background-color:#fff;padding:4rem 1rem;text-align:center}.why-sohabitat-section h2{color:var(--text-dark);font-size:2.5rem;margin-bottom:2rem}.why-sohabitat-section p{font-size:1rem;margin-bottom:1.5rem}.why-sohabitat-section ul{margin-top:1rem}.cta-section{background:var(--primary);color:var(--text-light);padding:4rem 0;text-align:center;animation:fadeIn 1.2s ease-in-out}.cta-section h2{font-size:3rem;margin-bottom:1rem;font-weight:700}.cta-section p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem;line-height:1.6}.cta-section .cta-button{background:var(--secondary);color:var(--text-dark);padding:1rem 2rem;font-size:1.2rem;font-weight:600;border-radius:50px;transition:transform .3s ease,background-color .3s ease}.cta-section .cta-button:hover{background:var(--accent);color:var(--text-light);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero h1{font-size:2.8rem}.hero p{font-size:1rem}.services-list h2{font-size:2rem}.grid{grid-template-columns:1fr}.service-card{padding:1rem}.cta-section h2{font-size:2.5rem}.cta-section p{font-size:1rem}}