@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--blue:#062d63;--deep:#02152e;--red:#d92835;--gold:#e2b62f;--ink:#0b1118;--muted:#66717c;--soft:#f3f5f6;--line:#dce2e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.header{height:86px;position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,70px);border-bottom:1px solid #eee}.brand img{width:155px;height:70px;object-fit:contain}.header nav{display:flex;gap:34px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--red);transition:.25s}.header nav a:hover:after{width:100%}.hamb,.mobile-nav{display:none}.hero{height:100vh;min-height:680px;position:relative;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,17,37,.92),rgba(3,29,61,.58),rgba(0,0,0,.08))}.hero-copy{position:absolute;left:clamp(24px,8vw,130px);bottom:12vh}.hero-copy small,.label{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{font:600 clamp(75px,11vw,160px)/.92 'Barlow Condensed';text-transform:uppercase;margin:18px 0 25px}.hero h1 em,.inner h1 em,.cta h2 em{color:var(--gold);font-style:normal}.hero-copy p{max-width:530px;font-size:17px}.circle{display:inline-block;margin-top:28px;border:1px solid #fff;border-radius:50px;padding:13px 20px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.hero-year{position:absolute;right:35px;bottom:50px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em}.section{padding:120px clamp(24px,8vw,130px)}.statement .label{color:var(--red);margin-bottom:50px}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.section h2,.contact h2{font:600 clamp(50px,6.5vw,90px)/.98 'Barlow Condensed';text-transform:uppercase;margin:0}.statement h2 strong{color:var(--blue)}.copy{color:var(--muted);font-size:16px}.link{display:inline-block;border-bottom:2px solid var(--red);padding-bottom:7px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em;margin-top:15px}.photo{height:620px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo span{position:absolute;left:6vw;bottom:35px;color:#fff;font-size:10px;letter-spacing:.18em;font-weight:800}.light{background:#f5f6f7}.top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.top>p{max-width:400px;color:var(--muted)}.list{border-top:1px solid #cbd2d8}.list a{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;min-height:145px;border-bottom:1px solid #cbd2d8;padding:0 8px;transition:.2s}.list a:hover{background:#fff;padding-left:25px}.list b{color:var(--red)}.list h3{font:600 clamp(45px,5vw,72px) 'Barlow Condensed';text-transform:uppercase;margin:0}.list i{font-size:25px;color:var(--red)}.dark{background:var(--deep);color:#fff}.gold{color:var(--gold)}.white{color:#fff}.mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:300px 300px;gap:14px}.mosaic a{position:relative;overflow:hidden;background:#111}.mosaic .big{grid-row:span 2}.mosaic img{width:100%;height:100%;object-fit:cover;transition:.6s}.mosaic a:after,.portfolio article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 60%)}.mosaic a:hover img{transform:scale(1.05)}.mosaic span,.mosaic h3{position:absolute;z-index:2;left:25px}.mosaic span{bottom:62px;font-size:9px;letter-spacing:.14em}.mosaic h3{bottom:20px;font:600 40px 'Barlow Condensed';text-transform:uppercase;margin:0}.history{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw}.history .year{font:600 clamp(150px,22vw,300px)/.75 'Barlow Condensed';color:var(--blue)}.cta{background:var(--blue);color:#fff;text-align:center;padding:140px 24px}.cta h2{font:600 clamp(70px,10vw,145px)/.9 'Barlow Condensed';margin:20px 0 45px}.button{display:inline-block;border:0;background:var(--red);color:#fff;padding:17px 23px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.13em;cursor:pointer}.footer{position:relative;background:#020f21;color:#c7d1dc;padding:0 clamp(24px,6vw,90px);overflow:hidden}.footer-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,33,.96),rgba(2,15,33,.84)),url('roads.jpg');background-size:cover;background-position:center;opacity:.42}.footer-inner{position:relative;z-index:1}.footer-main{min-height:370px;display:grid;grid-template-columns:1.05fr 1.35fr .5fr;gap:55px;align-items:center;padding:70px 0 55px}.footer-brand img{width:205px;height:92px;object-fit:contain;object-position:left center}.footer-brand p{font-size:13px;color:#fff;margin:5px 0}.footer-tagline{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#9ca8b6;margin-bottom:22px}.footer-email{font-size:11px;color:#fff;border-bottom:1px solid #63707d;padding-bottom:6px}.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.fc{display:grid;grid-template-columns:22px 1fr;gap:12px}.fc i{font-style:normal;font-size:18px;color:#fff}.fc b,.footer-social>b{font-size:9px;letter-spacing:.15em;color:#fff}.fc p{font-size:11px;line-height:1.5;margin:5px 0}.fc small{font-size:9px;color:#82909f}.fc a{color:#d5dce5}.socials{display:flex;gap:9px;margin:14px 0 28px}.socials a{width:38px;height:38px;border:1px solid #53606e;display:grid;place-items:center;font-size:12px;font-weight:800}.socials a:hover{background:var(--red);border-color:var(--red)}.wa-footer{display:flex;justify-content:space-between;align-items:center;border:1px solid #25d366;color:#fff;padding:11px 13px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.1em}.wa-footer span{color:#25d366;font-size:16px}.wa-footer:hover{background:#25d366}.wa-footer:hover span{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;padding:18px 0;font-size:9px;color:#8794a3}.wa-float{position:fixed;z-index:80;right:22px;bottom:22px;background:#25d366;color:#fff;border-radius:30px;padding:12px 17px;box-shadow:0 7px 25px #0004;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.wa-float span{margin-left:6px}.inner{padding:190px clamp(24px,8vw,130px) 100px;background:#f5f6f7}.inner .label{color:var(--red)}.inner h1{font:600 clamp(78px,10vw,150px)/.9 'Barlow Condensed';text-transform:uppercase;margin:22px 0}.inner p{color:var(--muted)}.vision{display:grid;grid-template-columns:1fr 1fr;background:var(--red);color:#fff}.vision>div{padding:100px clamp(25px,7vw,110px)}.vision h2{font:600 clamp(43px,5vw,70px)/1 'Barlow Condensed';text-transform:uppercase;margin-top:18px}.photo.tall{height:550px}.services article{display:grid;grid-template-columns:70px 1fr 40%;gap:40px;align-items:center;padding:85px clamp(24px,8vw,130px);border-bottom:1px solid var(--line)}.services article>b{font:600 45px 'Barlow Condensed';color:var(--red)}.services article .label{color:var(--red)}.services article h2{font:600 clamp(45px,5vw,72px)/1 'Barlow Condensed';text-transform:uppercase;margin:15px 0}.services article p{color:var(--muted);max-width:650px}.services article img{width:100%;height:280px;object-fit:cover}.portfolio,.equip{display:grid;grid-template-columns:1fr 1fr;gap:2px}.portfolio article{height:610px;position:relative;overflow:hidden;background:#111;color:#fff}.portfolio article img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}.portfolio article:hover img{transform:scale(1.04)}.portfolio article>div{position:absolute;z-index:2;left:5vw;right:25px;bottom:45px}.portfolio article>div>span{font:600 42px 'Barlow Condensed';color:var(--gold)}.portfolio .label{margin-top:4px}.portfolio h2{font:600 clamp(48px,5vw,75px)/1 'Barlow Condensed';text-transform:uppercase;margin:8px 0}.portfolio p{max-width:560px;color:#dce2e8}.equip article{background:#f3f4f5}.equip article img{width:100%;height:410px;object-fit:cover}.equip article>div{padding:45px}.equip article .label{color:var(--red)}.equip h2{font:600 clamp(45px,5vw,65px)/1 'Barlow Condensed';text-transform:uppercase;margin:14px 0}.equip p{color:var(--muted)}.white-text{color:#dce4ed}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{margin:18px 0 25px}.email{color:var(--blue);font-weight:800;border-bottom:2px solid var(--red);padding-bottom:7px;word-break:break-word}.contact form{background:#f3f4f5;padding:40px}.contact label{display:block;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em;margin-bottom:18px}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d6dce1;background:#fff;font:inherit}
@media(max-width:850px){.header{height:72px}.brand img{width:135px;height:58px}.header nav{display:none}.hamb{display:block;border:0;background:none;width:38px}.hamb span{display:block;height:2px;background:#111;margin:7px}.mobile-nav{position:fixed;z-index:90;top:72px;left:0;right:0;background:#fff;padding:20px 25px;display:none;box-shadow:0 10px 25px #0002}.mobile-nav.open{display:grid}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em}.hero{min-height:650px}.hero-copy{left:24px;right:24px;bottom:75px}.hero h1{font-size:70px}.hero-year{display:none}.section{padding:80px 24px}.two,.history,.contact,.vision{grid-template-columns:1fr;gap:40px}.top{display:block}.top>p{margin-top:18px}.photo{height:480px}.list a{min-height:110px;grid-template-columns:50px 1fr 30px}.list h3{font-size:45px}.mosaic{grid-template-columns:1fr;grid-template-rows:310px 310px 310px}.mosaic .big{grid-row:auto}.history .year{font-size:170px}.cta{padding:100px 24px}.footer-main{grid-template-columns:1fr;gap:40px;padding:60px 0 45px}.footer-contact{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.footer-social{max-width:190px}.inner{padding:145px 24px 75px}.inner h1{font-size:70px}.services article{grid-template-columns:50px 1fr;gap:18px;padding:60px 24px}.services article img{grid-column:1/-1;height:300px}.portfolio,.equip{grid-template-columns:1fr}.portfolio article{height:510px}.equip article img{height:330px}.equip article>div{padding:32px}.wa-float{right:14px;bottom:14px}.contact form{padding:28px}.photo.tall{height:420px}}
@media(max-width:480px){.hero h1{font-size:62px}.inner h1{font-size:58px}.footer-contact{grid-template-columns:1fr}.footer-brand img{width:185px}.list h3{font-size:39px}.portfolio h2{font-size:48px}}

/* V3 footer and contact-button refinement */
.footer-main{min-height:390px}
.footer-brand .footer-title{font:600 24px/1 'Barlow Condensed';text-transform:uppercase;color:#fff;letter-spacing:.02em;margin:5px 0 8px}
.footer-brand p{font-size:12px;line-height:1.55;max-width:340px;color:#aeb9c7;margin:0 0 22px}
.fc .icon{width:34px;height:34px;border:1px solid rgba(255,255,255,.23);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;line-height:1}
.fc:hover .icon{border-color:var(--gold);color:var(--gold)}
.socials{gap:10px;margin:16px 0 22px}
.social{width:40px;height:40px;border:1px solid rgba(255,255,255,.23);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;transition:.2s}
.social.facebook:hover{background:#1877f2;border-color:#1877f2}
.social.linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.wa-footer{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:7px;border:1px solid rgba(37,211,102,.75);border-radius:4px;color:#fff;padding:11px 12px;max-width:205px;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.09em;transition:.2s}
.wa-footer:hover{background:#25d366;border-color:#25d366;transform:translateY(-2px)}
.wa-icon{width:25px;height:25px;border:1px solid #25d366;border-radius:50%;display:grid;place-items:center;color:#25d366}
.wa-footer strong{font-size:14px;color:#25d366}
.wa-float{display:flex;align-items:center;gap:9px;border-radius:28px;padding:10px 15px;background:#25d366;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:9px;letter-spacing:.1em}
.wa-float-icon{width:25px;height:25px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center}
@media(max-width:850px){.footer-contact{gap:22px 18px}.wa-footer{max-width:225px}}
@media(max-width:480px){.footer-contact{grid-template-columns:1fr}}

/* ===== FINAL FOOTER REDESIGN ===== */
.footer{
  position:relative;
  background:#061a31;
  color:#c9d3df;
  padding:0 28px;
  overflow:hidden;
}
.footer-bg{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,16,34,.97),rgba(3,16,34,.92)),url('roads.jpg') center/cover no-repeat;
  opacity:1;
  pointer-events:none;
}
.footer-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto}
.footer-primary{
  min-height:335px;
  padding:58px 0 48px;
  display:grid;
  grid-template-columns:1.05fr 1.65fr .62fr;
  gap:60px;
  align-items:center;
}
.footer-brand img{width:205px;height:88px;object-fit:contain;object-position:left center}
.footer-brand .footer-title{font:600 25px/1 'Barlow Condensed';text-transform:uppercase;color:#fff;letter-spacing:.02em;margin:6px 0 10px}
.footer-brand p{font-size:12px;line-height:1.55;max-width:350px;color:#aebaca;margin:0 0 20px}
.footer-email{font-size:11px;color:#fff;border-bottom:1px solid #657585;padding-bottom:6px}
.footer-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px 38px;
}
.fc{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.fc .icon{
  width:34px;height:34px;border:1px solid rgba(255,255,255,.22);
  border-radius:50%;display:grid;place-items:center;color:#fff;
  font-size:13px;line-height:1;
}
.fc b{font-size:8px;letter-spacing:.18em;color:#fff}
.fc p{font-size:11px;line-height:1.45;margin:5px 0 0;color:#d4dce5}
.fc small{display:block;margin-top:2px;color:#7f8c9c;font-size:8px}
.fc a{color:#d4dce5}
.fc:hover .icon{border-color:#e2b62f;color:#e2b62f}
.footer-social{align-self:center}
.footer-social>b{font-size:9px;letter-spacing:.18em;color:#fff}
.socials{display:flex;gap:10px;margin:16px 0 23px}
.social{
  width:42px;height:42px;border:1px solid rgba(255,255,255,.25);
  border-radius:50%;display:grid;place-items:center;
  color:#fff;font-size:12px;font-weight:800;transition:.2s
}
.social.facebook:hover{background:#1877f2;border-color:#1877f2}
.social.linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.wa-footer{
  display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:8px;
  max-width:225px;padding:12px 13px;border:1px solid rgba(37,211,102,.75);
  border-radius:5px;color:#fff;background:rgba(0,0,0,.08);
  text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.09em;
  transition:.2s
}
.wa-footer svg{width:24px;height:24px;fill:#25d366}
.wa-footer strong{font-size:15px;color:#25d366}
.wa-footer:hover{background:#25d366;border-color:#25d366;transform:translateY(-2px)}
.wa-footer:hover svg{fill:#fff}
.wa-footer:hover strong{color:#fff}
.footer-bottom{
  min-height:58px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;align-items:center;
  gap:20px;padding:15px 0;font-size:9px;color:#8c99a8
}
.wa-float{
  position:fixed;right:22px;bottom:22px;z-index:80;
  display:flex;align-items:center;gap:8px;
  background:#25d366;color:#fff;border-radius:30px;
  padding:10px 15px 10px 11px;box-shadow:0 10px 28px rgba(0,0,0,.23);
  font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800
}
.wa-float svg{width:25px;height:25px;fill:#fff}
@media(max-width:980px){
  .footer-primary{grid-template-columns:1fr 1.25fr;gap:42px}
  .footer-social{grid-column:1/-1;display:flex;align-items:center;gap:25px;flex-wrap:wrap}
  .footer-social .socials{margin:0}
  .footer-social .wa-footer{margin-left:auto}
}
@media(max-width:700px){
  .footer{padding:0 20px}
  .footer-primary{grid-template-columns:1fr;gap:38px;padding:48px 0 42px}
  .footer-contact-grid{grid-template-columns:1fr;gap:22px}
  .footer-social{display:block}
  .footer-social .socials{margin:14px 0 18px}
  .footer-social .wa-footer{margin-left:0}
  .footer-bottom{display:block;padding:14px 0}
  .footer-bottom span{display:block;margin:4px 0}
  .wa-float{right:14px;bottom:14px}
}

/* === FOOTER MATCHED TO APPROVED VISUAL === */
.footer-exact{
  position:relative;
  min-height:470px;
  overflow:hidden;
  background:#06182d;
  color:#fff;
  padding:0 0 0;
}
.footer-image{
  position:absolute;
  inset:0;
  background:url('roads.jpg') center 52%/cover no-repeat;
  filter:saturate(.65);
  transform:scale(1.03);
}
.footer-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,18,38,.985) 0%,rgba(3,18,38,.93) 42%,rgba(3,18,38,.90) 100%),
    radial-gradient(circle at 73% 36%,rgba(33,62,91,.18),transparent 42%);
}
.footer-wrap{position:relative;z-index:2;max-width:1390px;margin:0 auto;padding:0 52px}
.footer-columns{
  display:grid;
  grid-template-columns:1.1fr 1.38fr .8fr;
  min-height:420px;
  align-items:center;
}
.footer-brand-col{
  padding:40px 72px 40px 30px;
  border-right:1px solid rgba(255,255,255,.23);
  min-height:330px;
  display:flex;flex-direction:column;justify-content:center
}
.footer-logo-exact{width:260px;height:125px;object-fit:contain;object-position:left center;filter:none}
.footer-services{font:600 11px/1.2 'Barlow Condensed';letter-spacing:.15em;color:#e8edf2;margin:12px 0 25px}
.footer-services span{color:#d7a92b;margin:0 8px}
.footer-slogan{font:400 15px/1.55 Inter,Arial,sans-serif;color:#e0e7ef;max-width:390px;margin:0}
.footer-rule{width:48px;height:3px;background:#e1b33a;margin:28px 0 20px}
.footer-micro{font-size:10px;line-height:1.7;letter-spacing:.22em;color:#c4ceda;font-style:italic;font-weight:600}
.footer-contact-col{
  padding:52px 68px;
  min-height:330px;
  border-right:1px solid rgba(255,255,255,.23);
  display:grid;
  align-content:center;
  gap:30px;
}
.footer-contact-item{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start}
.ficon{
  width:40px;height:40px;border:1px solid rgba(255,255,255,.34);border-radius:50%;
  display:grid;place-items:center;font-size:14px;color:#fff
}
.fhead{font-size:9px;letter-spacing:.22em;font-weight:800;color:#fff;margin:0 0 6px}
.fvalue{font-size:14px;color:#e1e7ed;line-height:1.45}
.fvalue a{color:inherit}
.fsub{font-size:10px;color:#8494a4;margin-top:4px}
.email-value a{font-size:13px;word-break:break-word}
.footer-social-col{padding:48px 18px 48px 65px;min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.social-heading{font-size:9px;font-weight:800;letter-spacing:.25em;margin-bottom:20px}
.social-row{display:flex;gap:11px;margin-bottom:30px}
.social-circle{
  width:46px;height:46px;border:1px solid rgba(255,255,255,.38);border-radius:50%;
  display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;
  transition:.2s
}
.social-circle.facebook:hover{background:#1877f2;border-color:#1877f2}
.social-circle.linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.whatsapp-panel{
  width:100%;max-width:300px;min-height:90px;
  border:1px solid #1fdd72;background:linear-gradient(135deg,#13be5e,#1bd968);
  color:#fff;display:grid;grid-template-columns:43px 1fr 18px;align-items:center;
  gap:12px;padding:15px 17px;border-radius:4px;
  box-shadow:0 8px 30px rgba(0,0,0,.17)
}
.whatsapp-panel svg{width:35px;height:35px;fill:#fff}
.whatsapp-panel span{font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.14em;text-transform:uppercase}
.whatsapp-panel span strong{font-size:14px}
.whatsapp-panel>b{font-size:19px;font-weight:400}
.footer-help{font-size:12px;color:#c9d3de;margin-top:21px}
.footer-bottom-exact{
  min-height:70px;border-top:1px solid rgba(255,255,255,.17);
  display:flex;justify-content:space-between;align-items:center;
  font-size:9px;color:#8997a8;letter-spacing:.02em
}
.footer-bottom-right{text-align:right}
.wa-float-exact{
  position:fixed;right:22px;bottom:22px;z-index:90;
  height:48px;padding:0 18px 0 13px;border-radius:26px;
  background:#25d366;color:#fff;display:flex;align-items:center;gap:9px;
  text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em;
  box-shadow:0 9px 28px rgba(0,0,0,.25)
}
.wa-float-exact svg{width:25px;height:25px;fill:#fff}
@media(max-width:1050px){
 .footer-wrap{padding:0 30px}
 .footer-brand-col{padding-right:38px}
 .footer-contact-col{padding-left:38px;padding-right:38px}
 .footer-social-col{padding-left:38px}
}
@media(max-width:850px){
 .footer-exact{min-height:auto}
 .footer-columns{grid-template-columns:1fr;min-height:0}
 .footer-brand-col,.footer-contact-col{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);min-height:auto}
 .footer-brand-col{padding:50px 0 40px}
 .footer-contact-col{padding:40px 0}
 .footer-social-col{padding:40px 0 48px;align-items:flex-start}
 .whatsapp-panel{max-width:360px}
 .footer-bottom-exact{display:block;padding:15px 0;line-height:1.6}
 .footer-bottom-right{text-align:left;margin-top:4px}
}
@media(max-width:480px){
 .footer-wrap{padding:0 20px}
 .footer-logo-exact{width:215px;height:104px}
 .footer-slogan{font-size:13px}
 .footer-contact-col{gap:24px}
 .email-value a{font-size:12px}
 .wa-float-exact{right:14px;bottom:14px}
}

/* ===== Image-replaceable social/WhatsApp icons ===== */
.image-social{
  overflow:hidden;
  padding:0;
}
.image-social img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:7px;
  display:block;
}
.image-social:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.55);
}
.whatsapp-panel{
  grid-template-columns:52px 1fr 18px;
  align-items:center;
  min-height:92px;
}
.wa-photo-icon{
  width:44px;
  height:44px;
  object-fit:contain;
  display:block;
}
.wa-float-exact{
  min-width:148px;
}
.wa-float-photo{
  width:27px;
  height:27px;
  object-fit:contain;
  display:block;
}
@media(max-width:480px){
 .image-social img{padding:5px}
 .whatsapp-panel{grid-template-columns:48px 1fr 16px}
 .wa-photo-icon{width:40px;height:40px}
}

/* =========================================================
   FOOTER — AMERICAN / GROUP SANTOS
   Structure follows the visual order of the Gama reference:
   brand + copyright + group, contact block, social block.
   ========================================================= */
.gama-footer{
  position:relative;
  overflow:hidden;
  background:#071626;
  color:#fff;
  padding:0;
}
.gama-footer-bg{
  position:absolute;
  inset:0;
  background-image:url('roads.jpg');
  background-size:cover;
  background-position:center 55%;
  filter:saturate(.68);
}
.gama-footer-overlay{
  position:absolute;
  inset:0;
  background:rgba(2,13,27,.90);
}
.gama-footer-inner{
  position:relative;
  z-index:2;
  width:min(1220px,calc(100% - 64px));
  margin:0 auto;
}
.gama-footer-inner:after{
  content:"";
  display:block;
  border-top:1px solid rgba(255,255,255,.14);
}
.gama-footer-brand{
  padding:46px 34px 42px 4px;
  min-height:380px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.16);
}
.gama-footer-brand,
.gama-footer-contact,
.gama-footer-social{
  box-sizing:border-box;
}
.gama-footer{
  --footer-cols:1.05fr 1.35fr .78fr;
}
.gama-footer-inner{
  display:grid;
  grid-template-columns:var(--footer-cols);
}
.gama-footer-brand{
  grid-column:1;
  grid-row:1;
}
.gama-footer-contact{
  grid-column:2;
  grid-row:1;
  padding:50px 52px;
  border-right:1px solid rgba(255,255,255,.16);
  display:grid;
  align-content:center;
  gap:30px;
}
.gama-footer-social{
  grid-column:3;
  grid-row:1;
  padding:50px 0 50px 52px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.american-footer-logo{
  width:205px;
  height:110px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:15px;
}
.gama-copyright{
  margin:0 0 26px;
  color:#e9edf2;
  font-size:11px;
  line-height:1.55;
  max-width:300px;
}
.group-label{
  color:#aab5c1;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:8px;
  font-weight:800;
  margin-bottom:12px;
}
.group-santos-logo{
  width:min(285px,100%);
  height:auto;
  object-fit:contain;
  object-position:left center;
  display:block;
  /* The supplied file is transparent and works on the dark footer. */
}
.gama-contact-item{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  align-items:start;
}
.gama-contact-icon{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:13px;
}
.gama-contact-title{
  color:#fff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.20em;
  margin-top:1px;
  margin-bottom:6px;
}
.gama-contact-value{
  color:#e7edf3;
  font-size:13px;
  line-height:1.45;
}
.gama-contact-value a{color:inherit}
.gama-contact-value.email{
  font-size:12px;
  word-break:break-word;
}
.gama-contact-sub{
  color:#8997a6;
  font-size:9px;
  margin-top:3px;
}
.gama-follow{
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
  margin-bottom:18px;
}
.gama-social-row{
  display:flex;
  gap:10px;
  margin-bottom:28px;
}
.gama-social{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.32);
  display:grid;
  place-items:center;
  overflow:hidden;
  transition:.2s;
}
.gama-social img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:7px;
}
.gama-social:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.gama-whatsapp{
  display:grid;
  grid-template-columns:40px 1fr 16px;
  gap:10px;
  align-items:center;
  width:min(255px,100%);
  min-height:82px;
  padding:13px 14px;
  background:#20cf67;
  border:1px solid #29e978;
  border-radius:4px;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  text-transform:uppercase;
  font-size:9px;
  line-height:1.35;
  letter-spacing:.11em;
  font-weight:800;
}
.gama-whatsapp img{
  width:33px;
  height:33px;
  object-fit:contain;
}
.gama-whatsapp b{font-size:16px;font-weight:400}
.gama-footer-bottom{
  grid-column:1/-1;
  grid-row:2;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:9px;
  color:#8795a5;
  border-top:1px solid rgba(255,255,255,.13);
}
.gama-wa-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:90;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 14px 8px 9px;
  border-radius:25px;
  background:#20cf67;
  color:#fff;
  box-shadow:0 9px 28px rgba(0,0,0,.25);
  font-size:9px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.gama-wa-float img{width:25px;height:25px;object-fit:contain}

@media(max-width:900px){
  .gama-footer-inner{width:min(100% - 48px,760px);display:block}
  .gama-footer-brand{
    min-height:auto;
    padding:40px 0 32px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
  .gama-footer-contact{
    padding:38px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
    gap:28px;
  }
  .gama-footer-social{
    padding:36px 0 42px;
    border-right:0;
  }
  .gama-footer-bottom{
    min-height:auto;
    padding:15px 0;
    display:block;
    border-top:0;
  }
  .gama-footer-bottom span{display:block;margin:4px 0}
}
@media(max-width:520px){
  .gama-footer-inner{width:calc(100% - 36px)}
  .american-footer-logo{width:185px;height:98px}
  .group-santos-logo{width:min(265px,100%)}
  .gama-contact-item{grid-template-columns:34px 1fr}
  .gama-contact-icon{width:31px;height:31px;font-size:12px}
  .gama-contact-value{font-size:12px}
  .gama-contact-value.email{font-size:11px}
  .gama-whatsapp{width:100%;max-width:330px}
  .gama-wa-float{right:12px;bottom:12px}
}

/* === FINAL FOOTER CLEANUP === */
.group-santos-white{
  filter:none;
  opacity:.96;
}
.gama-contact-icon{
  overflow:hidden;
  display:grid;
  place-items:center;
}
.footer-icon-img{
  width:20px;
  height:20px;
  object-fit:contain;
  display:block;
  opacity:.95;
}
/* Contact email is clean text: no underline/accent rule */
.gama-contact-value.email,
.gama-contact-value.email a{
  border:0 !important;
  text-decoration:none !important;
  background:none !important;
  box-shadow:none !important;
  padding-bottom:0 !important;
}
/* Footer icon placeholders are intentionally image-based and replaceable */
.gama-social img{
  width:33px;
  height:33px;
  object-fit:contain;
  display:block;
}
/* WhatsApp stays only as the small floating action, not a large footer panel. */
.gama-whatsapp{display:none!important}


/* === FINAL ICON POLISH: use the uploaded PNG circles directly === */
.gama-contact-icon{
  width:46px !important;
  height:46px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0 !important;
}
.gama-contact-icon .footer-icon-img{
  width:46px !important;
  height:46px !important;
  object-fit:contain !important;
  display:block !important;
  opacity:1 !important;
  padding:0 !important;
}
.gama-social{
  width:52px !important;
  height:52px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overflow:visible !important;
  padding:0 !important;
}
.gama-social img{
  width:52px !important;
  height:52px !important;
  object-fit:contain !important;
  display:block !important;
  padding:0 !important;
}
.gama-social:hover{
  background:transparent !important;
  border-color:transparent !important;
}
@media(max-width:700px){
  .gama-contact-icon,.gama-contact-icon .footer-icon-img{
    width:44px !important;height:44px !important;
  }
  .gama-social,.gama-social img{
    width:48px !important;height:48px !important;
  }
}