/*
Theme Name: HUPALD Pro Fixed
Description: Custom theme for HUPALD Construction & Investment Ltd
Version: 2.0
*/

:root{--hupald-blue:#0A2647;--hupald-gold:#C9A227;--hupald-green:#0CA24A}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;line-height:1.6;color:#333;background:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600;margin:5px;transition:0.3s}
.btn-primary{background:var(--hupald-gold);color:white}
.btn-whatsapp{background:#25D366;color:white!important}
.header{background:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.logo img{height:60px;width:auto;display:block}
.nav ul{display:flex;list-style:none;gap:30px;margin:0}
.nav a{text-decoration:none;color:var(--hupald-blue);font-weight:500}
.hero{background:linear-gradient(135deg,var(--hupald-blue) 0%,#051829 100%);color:white;padding:120px 0;text-align:center}
.hero h1{font-size:3.5rem;margin-bottom:20px;font-weight:700}
.hero p{font-size:1.3rem;opacity:0.95;margin-bottom:40px}
.services{padding:100px 0;background:#F8F9FA}
.services h2{text-align:center;color:var(--hupald-blue);margin-bottom:20px;font-size:2.8rem}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}
.service-card{background:white;padding:45px 35px;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.08)}
.service-card h3{color:var(--hupald-blue);margin-bottom:18px;font-size:1.5rem}
.footer{background:var(--hupald-blue);color:white;padding:80px 0 40px;margin-top:100px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px}
.footer h4{margin-bottom:25px;color:var(--hupald-gold)}
.footer a{color:rgba(255,255,255,0.85);text-decoration:none;display:block;margin-bottom:12px}
.whatsapp-float{position:fixed;bottom:30px;right:30px;background:#25D366;color:white;width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 6px 25px rgba(37,211,102,0.5);z-index:999;text-decoration:none}
@media(max-width:768px){.hero h1{font-size:2.2rem}.nav{display:none}}