:root { --navy:#0d152c; --orange:#d58028; --cream:#f4eee6; --ink:#11182b; --line:rgba(13,21,44,.16); --body:"DM Sans",Arial,sans-serif; --display:"Montserrat",Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--body); font-size:16px; line-height:1.45; }
body:has(.menu-toggle[aria-expanded="true"]) { overflow:hidden; }
a { color:inherit; text-decoration:none; }
.page-noise { pointer-events:none; position:fixed; z-index:9; inset:0; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.site-header { height:84px; width:100%; position:absolute; z-index:10; top:0; display:flex; align-items:center; padding:0 clamp(24px,5vw,84px); color:white; border-bottom:1px solid rgba(255,255,255,.2); }
.brand { width:112px; height:62px; display:flex; align-items:center; overflow:hidden; position:relative; z-index:2; background:white; }
.brand img, .footer-brand img { width:100%; height:100%; object-fit:contain; }
.desktop-nav { display:flex; gap:clamp(22px,2.5vw,46px); margin-left:auto; margin-right:clamp(22px,3vw,52px); font-size:13px; font-weight:600; letter-spacing:.03em; }
.desktop-nav a, .footer-links a { transition:color .2s ease; }.desktop-nav a:hover, .footer-links a:hover { color:var(--orange); }
.header-contact { font-size:13px; border:1px solid rgba(255,255,255,.5); border-radius:999px; padding:11px 16px; transition:.25s; }.header-contact span { opacity:.65; margin-right:7px; }.header-contact:hover { background:var(--orange); border-color:var(--orange); }
.menu-toggle { display:none; }
.hero { min-height:760px; height:100svh; position:relative; overflow:hidden; color:white; background:var(--navy); display:flex; align-items:center; }
.hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 8% 70%, rgba(213,128,40,.36), transparent 29%),linear-gradient(90deg, rgba(13,21,44,.98) 0%,rgba(13,21,44,.9) 43%,rgba(13,21,44,.24) 72%,rgba(13,21,44,.62) 100%); z-index:2; }
.hero-copy { position:relative; z-index:3; width:min(760px,52vw); margin-left:clamp(24px,10.2vw,174px); padding-top:78px; }
.eyebrow { font-family:var(--display); margin:0 0 24px; color:var(--orange); font-weight:800; font-size:11px; letter-spacing:.17em; }.eyebrow span { height:2px; width:30px; background:currentColor; display:inline-block; vertical-align:middle; margin-right:12px; }.eyebrow.light { color:#ff9d37; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:var(--display); letter-spacing:-.045em; }
h1 { font-size:clamp(44px,5.3vw,86px); line-height:1.06; margin-bottom:26px; font-weight:800; } h1 em,h2 em { font-style:normal; color:var(--orange); }
.hero-text { font-size:clamp(16px,1.3vw,19px); max-width:515px; line-height:1.58; color:rgba(255,255,255,.79); margin-bottom:36px; }
.hero-actions { display:flex; align-items:center; gap:28px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:19px; font-size:13px; font-weight:700; cursor:pointer; border:0; font-family:var(--body); }.button b { font-size:20px; font-weight:400; line-height:.6; }.button-primary { color:white; background:var(--orange); padding:17px 20px; transition:transform .2s, background .2s; }.button-primary:hover { transform:translateY(-3px); background:#e38c30; }.button-text { color:white; padding:11px 0; }.button-text b { color:var(--orange); }
.hero-visual,.hero-image { position:absolute; inset:0; }.hero-image { background-image:linear-gradient(90deg,transparent 36%,rgba(13,21,44,.08)),url("20eff2d5-e403-4f7d-9c8f-2e154022f9bb.png"); background-size:cover; background-position:66% 45%; filter:brightness(.88) saturate(.88); }
.hero-slope { position:absolute; z-index:2; right:-15%; bottom:-45%; width:80%; height:70%; transform:rotate(-13deg); border-top:3px solid var(--orange); background:linear-gradient(170deg,rgba(13,21,44,0) 0 10%,rgba(13,21,44,.86) 10% 44%,rgba(13,21,44,.2) 44%); }
.hero-card { z-index:4; position:absolute; right:clamp(24px,7vw,120px); bottom:20%; width:270px; padding:21px 23px 20px; background:rgba(13,21,44,.88); border-left:3px solid var(--orange); backdrop-filter:blur(7px); }.card-kicker { display:block; color:#ffad57; font-family:var(--display); font-size:9px; font-weight:800; letter-spacing:.15em; margin-bottom:9px; }.hero-card strong { font-family:var(--display); font-size:15px; line-height:1.4; }.hero-card i { display:block; width:34px; height:2px; background:var(--orange); margin-top:16px; }
.hero-bottom { z-index:4; position:absolute; display:flex; align-items:center; justify-content:space-between; left:clamp(24px,5vw,84px); right:clamp(24px,5vw,84px); bottom:26px; font-family:var(--display); letter-spacing:.13em; font-size:9px; font-weight:700; }.hero-bottom a { letter-spacing:.04em; }.hero-bottom b { color:var(--orange); font-size:18px; margin-left:6px; }
.section { padding:clamp(85px,12vw,180px) clamp(24px,10.2vw,174px); }.intro { position:relative; display:grid; grid-template-columns:17% 1fr; column-gap:clamp(28px,6vw,100px); background:#fff; }.intro-label .vertical-text { writing-mode:vertical-rl; transform:rotate(180deg); font:800 10px var(--display); letter-spacing:.18em; color:#b9b9b9; margin:52px 0 0 3px; }.intro-content { display:grid; grid-template-columns:1.4fr .8fr; gap:clamp(25px,6vw,98px); align-items:end; }.intro h2,.section-top h2,.contact h2 { font-size:clamp(34px,4.1vw,64px); line-height:1.08; margin:0; }.intro-detail p { margin:0 0 24px; color:#535867; max-width:390px; line-height:1.7; }.inline-link { font-family:var(--display); font-size:12px; font-weight:800; }.inline-link b { color:var(--orange); font-size:18px; margin-left:12px; }.values-strip { grid-column:2; border-top:1px solid var(--line); margin-top:80px; padding-top:20px; display:grid; grid-template-columns:repeat(4,1fr); color:#7b7f89; font-size:12px; }.values-strip b { display:block; font:800 11px var(--display); color:var(--orange); margin-bottom:6px; }
.services { background:var(--cream); }.section-top { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:58px; }.section-top > p { max-width:320px; color:#535867; margin:0; line-height:1.7; }.featured-services { display:grid; grid-template-columns:1.17fr .83fr; gap:16px; }.service-feature { min-height:580px; color:white; position:relative; overflow:hidden; }.service-feature .service-image,.service-shade { position:absolute; inset:0; }.service-geotech .service-image { background:url("Análisis%20de%20estabilidad%20de%20taludes.png") center/cover; }.service-drone .service-image { background:url("Anuncio%20de%20servicios%20fotogramétricos%20AIC.png") center/cover; }.service-shade { background:linear-gradient(180deg,rgba(13,21,44,.04) 10%,rgba(13,21,44,.93) 94%); }.service-number { position:absolute; top:25px; right:28px; color:rgba(255,255,255,.7); font:700 14px var(--display); }.service-content { position:absolute; left:clamp(22px,3vw,48px); right:clamp(22px,3vw,48px); bottom:34px; }.service-content p { color:#ffad57; font:800 9px var(--display); letter-spacing:.14em; margin-bottom:10px; }.service-content h3 { font-size:clamp(25px,3vw,44px); line-height:1.05; margin-bottom:22px; }.service-content ul { list-style:none; padding:0; margin:0; max-width:440px; display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; font-size:12px; color:rgba(255,255,255,.87); }.service-content li::before { content:"/"; color:var(--orange); font-weight:800; margin-right:6px; }.circle-link { position:absolute; right:0; bottom:0; height:46px; width:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.48); border-radius:50%; font-size:21px; transition:.2s; }.circle-link:hover { background:var(--orange); border-color:var(--orange); transform:rotate(45deg); }
.service-list { display:grid; grid-template-columns:repeat(2,1fr); column-gap:34px; margin-top:48px; }.service-list a { display:grid; grid-template-columns:48px 1fr 20px; align-items:center; padding:19px 0; border-top:1px solid var(--line); transition:padding .2s,color .2s; }.service-list a:hover { color:var(--orange); padding-left:9px; }.service-list span { color:var(--orange); font:800 10px var(--display); }.service-list strong { font:700 clamp(15px,1.4vw,19px) var(--display); letter-spacing:-.03em; }.service-list i { font-style:normal; font-size:18px; }
.contact { color:white; background:linear-gradient(120deg,#0d152c 0%,#0d152c 65%,#121d39 100%); display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(50px,9vw,160px); padding:clamp(75px,10vw,145px) clamp(24px,10.2vw,174px); }.contact h2 { margin-bottom:24px; }.contact-copy > p:not(.eyebrow) { max-width:420px; color:rgba(255,255,255,.65); line-height:1.7; }.contact-direct { margin-top:52px; display:grid; gap:19px; }.contact-direct a,.contact-direct span { font:600 16px var(--display); }.contact-direct small { display:block; color:#ff9d37; font:800 9px var(--display); text-transform:uppercase; letter-spacing:.15em; margin-bottom:5px; }.contact-direct a { transition:color .2s; }.contact-direct a:hover { color:var(--orange); }.contact-form { align-self:center; padding:clamp(23px,3vw,44px); background:rgba(255,255,255,.06); border-top:3px solid var(--orange); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.contact-form label { color:rgba(255,255,255,.8); display:block; font-size:11px; font-weight:700; margin-bottom:24px; }.contact-form input:not([type="checkbox"]),.contact-form textarea { width:100%; display:block; background:transparent; color:white; border:0; border-bottom:1px solid rgba(255,255,255,.3); padding:11px 0; outline:0; font:15px var(--body); resize:vertical; }.contact-form input:focus,.contact-form textarea:focus { border-color:var(--orange); }.contact-form input::placeholder,.contact-form textarea::placeholder { color:rgba(255,255,255,.35); }.form-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; }.contact-form label.check { font-size:10px; font-weight:400; display:flex; align-items:center; gap:8px; margin:0; max-width:205px; color:rgba(255,255,255,.55); }.check input { position:absolute; opacity:0; }.check span { height:14px; width:14px; display:inline-block; border:1px solid rgba(255,255,255,.58); flex:0 0 auto; }.check input:checked + span { background:var(--orange); border-color:var(--orange); box-shadow:inset 0 0 0 3px var(--navy); }.form-status { min-height:18px; margin:15px 0 0; color:#ffb266; font-size:12px; }
footer { background:#080e20; color:white; padding:55px clamp(24px,10.2vw,174px) 25px; }.footer-brand { display:grid; grid-template-columns:140px 1fr; align-items:center; gap:26px; padding-bottom:44px; }.footer-brand img { width:128px; height:93px; background:white; }.footer-brand p { color:rgba(255,255,255,.5); max-width:370px; font-size:13px; margin:0; }.footer-links { border-top:1px solid rgba(255,255,255,.15); padding:18px 0 58px; display:flex; gap:32px; color:rgba(255,255,255,.82); font-size:12px; }.footer-bottom { border-top:1px solid rgba(255,255,255,.15); padding-top:19px; color:rgba(255,255,255,.42); font-size:10px; display:flex; justify-content:space-between; }.footer-bottom a { color:var(--orange); font-weight:700; }.whatsapp { position:fixed; z-index:8; bottom:20px; right:20px; display:flex; align-items:center; gap:8px; padding:10px 15px 10px 10px; background:#25D366; border-radius:50px; box-shadow:0 8px 25px rgba(0,0,0,.2); color:#062b14; font-weight:800; font-size:12px; transition:transform .2s; }.whatsapp:hover { transform:translateY(-3px); }.whatsapp::first-letter { display:inline-grid; place-items:center; color:white; background:#087d36; width:29px; height:29px; border-radius:50%; font-size:20px; }
.reveal { opacity:1; transform:none; }.reveal-delay { opacity:1; transform:none; }.reveal.visible { opacity:1; transform:none; }
@media (max-width:900px) { .site-header { height:70px; }.desktop-nav,.header-contact { display:none; }.menu-toggle { display:flex; margin-left:auto; width:42px; height:42px; padding:10px; background:transparent; border:0; flex-direction:column; justify-content:center; gap:6px; z-index:12; }.menu-toggle span { width:100%; height:2px; background:white; transition:.2s; }.menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-4px) rotate(-45deg); }.desktop-nav.open { position:fixed; inset:0; display:flex; margin:0; padding:110px 8vw; flex-direction:column; gap:28px; background:var(--navy); font:800 28px var(--display); }.brand { width:94px; }.hero { min-height:700px; }.hero::before { background:linear-gradient(90deg,rgba(13,21,44,.96) 0%,rgba(13,21,44,.7) 65%,rgba(13,21,44,.38)); }.hero-copy { width:80%; margin-left:8vw; }.hero-visual { opacity:.75; }.hero-card { right:7vw; bottom:17%; }.intro { grid-template-columns:1fr; }.intro-label .vertical-text { display:none; }.intro-content { margin-top:18px; }.values-strip { grid-column:1; }.section { padding-left:8vw; padding-right:8vw; }.contact { padding-left:8vw; padding-right:8vw; }.featured-services { grid-template-columns:1fr; }.service-feature { min-height:520px; }.service-list { grid-template-columns:1fr; }.method { grid-template-columns:1fr; }.method-image { height:300px; background:linear-gradient(0deg,var(--navy),transparent 70%),url("Análisis%20de%20estabilidad%20de%20taludes.png") center 30%/cover; }.method-content { padding:65px 8vw; }.contact { grid-template-columns:1fr; }.contact-copy { max-width:570px; }.project-grid { grid-template-rows:350px 200px; }.footer-brand,.footer-bottom { grid-template-columns:1fr; }.footer-bottom { gap:10px; } }
@media (max-width:600px) { .hero { min-height:680px; }.hero-copy { width:88%; padding-top:64px; }.hero-card { display:none; }.hero-bottom { font-size:7px; }.hero-bottom a { display:none; }.hero-actions { gap:20px; flex-wrap:wrap; }.button-primary { padding:15px 16px; }.intro-content { grid-template-columns:1fr; }.intro h2 { margin-bottom:25px; }.values-strip { margin-top:50px; grid-template-columns:1fr 1fr; gap:20px; }.section-top { display:block; margin-bottom:38px; }.section-top > p { margin-top:24px; }.service-content ul { grid-template-columns:1fr; }.service-feature { min-height:560px; }.service-list { margin-top:35px; }.process { grid-template-columns:1fr; gap:18px; margin-top:35px; }.process div { display:grid; grid-template-columns:45px 1fr; align-items:center; }.process b { margin:0; }.project-grid { grid-template-columns:1fr; grid-template-rows:355px 265px 160px; }.project-card-large { grid-row:auto; }.project-card-large img { object-position:center 25%; }.project-quote { padding:25px; }.form-row { grid-template-columns:1fr; gap:0; }.form-footer { align-items:flex-start; flex-direction:column; }.footer-links { flex-wrap:wrap; gap:15px 24px; }.footer-brand { display:block; }.footer-brand img { margin-bottom:20px; }.whatsapp span { display:none; }.whatsapp { padding:10px; }.whatsapp::first-letter { width:31px; height:31px; } }

/* Crops made from AIC's own field imagery keep the hero free of poster copy. */
.hero-image { background-image:linear-gradient(90deg,transparent 36%,rgba(13,21,44,.08)),url("hero-geotecnia.jpg"); background-position:58% 46%; }
.method-image { background-image:linear-gradient(90deg,transparent 60%,var(--navy)),url("hero-geotecnia.jpg"); background-position:center 45%; }
@media (max-width:900px) { .method-image { background-image:linear-gradient(0deg,var(--navy),transparent 70%),url("hero-geotecnia.jpg"); background-position:center 30%; } }

/* Refined desktop hierarchy and text-free project imagery. */
.brand { width:128px; height:64px; background:transparent; }
.brand img { width:124px; height:auto; }
.footer-brand img { width:142px; height:auto; background:transparent; }
.desktop-nav { font-size:15px; gap:clamp(24px,2.7vw,50px); }
.eyebrow { font-size:13px; letter-spacing:.16em; }
.hero .eyebrow { font-size:14px; }
.values-strip { font-size:15px; }
.values-strip b { font-size:12px; }
.hero-image { background-image:url("hero-geotecnia-v2.jpg"); background-position:center; filter:none; }
.hero::before { background:radial-gradient(circle at 7% 72%, rgba(213,128,40,.30), transparent 28%),linear-gradient(90deg, rgba(13,21,44,.96) 0%, rgba(13,21,44,.88) 42%, rgba(13,21,44,.25) 72%, rgba(13,21,44,.55) 100%); }
.project-card img { object-position:center; opacity:1; }
.project-card-large img { object-position:center; }
.service-content li { transition:color .2s ease, transform .2s ease; cursor:default; }
.service-content li:hover { color:#ffad57; transform:translateX(4px); }
.hero-slope { display:none; }
@media (max-width:900px) { .brand { width:118px; height:61px; }.brand img { width:114px; }.desktop-nav { font-size:28px; }.hero .eyebrow { font-size:13px; }.values-strip { font-size:14px; }.hero-image { background-position:65% center; }.hero-card { display:none; } }

/* Service imagery comes directly from AIC's project image library. */
.hero-image { background-image:url("Imágenes/1.png"); background-position:center; }
.hero::before { background:radial-gradient(circle at 7% 72%, rgba(213,128,40,.28), transparent 28%),linear-gradient(90deg,rgba(13,21,44,.96) 0%,rgba(13,21,44,.87) 42%,rgba(13,21,44,.22) 73%,rgba(13,21,44,.42) 100%); }
.service-geotech .service-image { background-image:url("Imágenes/2.png"); background-position:center; }
.service-drone .service-image { background-image:url("Imágenes/1.png"); background-position:right center; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px; }
.service-grid .service-feature { min-height:535px; }
.service-grid .service-content { left:28px; right:28px; bottom:28px; }
.service-grid .service-content h3 { font-size:clamp(24px,2.2vw,34px); }
.service-grid .service-content ul { grid-template-columns:1fr; gap:7px; font-size:11px; }
.service-soils .service-image { background:url("Imágenes/3.png") center/cover; }
.service-risk .service-image { background:url("Imágenes/4.png") center/cover; }
.service-civil .service-image { background:url("Imágenes/5.png") center/cover; }
@media (max-width:900px) { .hero-image { background-position:63% center; }.service-grid { grid-template-columns:1fr; }.service-grid .service-feature { min-height:510px; }.service-grid .service-content { left:clamp(22px,3vw,48px); right:clamp(22px,3vw,48px); bottom:34px; }.service-grid .service-content ul { font-size:12px; } }

.clients { padding:clamp(85px,10vw,145px) 0 clamp(75px,8vw,115px); background:var(--cream); overflow:hidden; }
.clients-header { padding:0 clamp(24px,10.2vw,174px); display:flex; justify-content:space-between; align-items:end; gap:42px; margin-bottom:46px; }
.clients h2 { font-size:clamp(32px,3.7vw,56px); line-height:1.1; margin:0; }
.clients-intro { width:min(340px,31vw); }.clients-intro p { color:#535867; line-height:1.65; margin:0 0 24px; }
.slider-controls { display:flex; gap:9px; }.slider-button { width:45px; height:45px; display:grid; place-items:center; border:1px solid rgba(13,21,44,.25); border-radius:50%; background:transparent; color:var(--navy); cursor:pointer; font:400 21px var(--body); transition:background .2s,color .2s,transform .2s; }.slider-button:hover { background:var(--orange); border-color:var(--orange); color:white; transform:translateY(-2px); }
.clients-viewport { display:flex; align-items:stretch; gap:15px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:0 clamp(24px,10.2vw,174px) 14px; scrollbar-width:none; }.clients-viewport::-webkit-scrollbar { display:none; }
.client-card { scroll-snap-align:start; flex:0 0 clamp(230px,21vw,305px); min-height:190px; padding:28px; background:#fff; border:1px solid rgba(13,21,44,.09); display:flex; flex-direction:column; align-items:center; justify-content:center; transition:transform .25s ease,box-shadow .25s ease; }.client-card:hover { transform:translateY(-5px); box-shadow:0 14px 30px rgba(13,21,44,.1); }.client-card img { display:block; width:100%; max-width:210px; height:92px; object-fit:contain; mix-blend-mode:multiply; filter:saturate(.92); }.client-card span { display:block; width:100%; padding-top:17px; margin-top:17px; border-top:1px solid rgba(13,21,44,.1); color:#727682; text-align:center; font:700 11px var(--display); letter-spacing:.04em; }.slider-hint { margin:20px clamp(24px,10.2vw,174px) 0; color:#757985; font-size:12px; }.slider-hint span { color:var(--orange); font-size:18px; margin-left:7px; }
@media (max-width:700px) { .clients-header { display:block; }.clients-intro { width:auto; margin-top:22px; display:flex; justify-content:space-between; gap:22px; align-items:end; }.clients-intro p { max-width:300px; margin:0; }.client-card { flex-basis:255px; min-height:175px; }.slider-hint { display:block; } }

/* Final typography and client-project interaction refinements. */
.hero .eyebrow { font-size:17px; letter-spacing:.145em; }
.intro-label .eyebrow { font-size:16px; }
.intro-label .vertical-text { font-size:13px; color:#8d919a; }
.values-strip { font-size:18px; font-weight:600; }
.values-strip b { font-size:14px; }
.whatsapp { padding:13px 21px 13px 13px; gap:10px; font-size:14px; }
.whatsapp::first-letter { width:34px; height:34px; font-size:22px; }
.client-card { position:relative; min-height:235px; padding:30px; background:rgba(255,255,255,.22); border-color:rgba(13,21,44,.13); overflow:hidden; outline:none; }
.client-card:focus-visible { box-shadow:0 0 0 3px rgba(213,128,40,.45); }
.client-logo { width:100%; height:105px; display:grid; place-items:center; }
.client-card .client-logo img { width:190px; max-width:100%; height:86px; object-fit:contain; mix-blend-mode:multiply; filter:saturate(.95) contrast(1.03); }
.client-card > span { margin-top:10px; padding-top:14px; font-size:13px; }
.client-projects { position:absolute; z-index:2; inset:0; padding:27px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(145deg,rgba(13,21,44,.98),rgba(20,32,61,.98)); color:white; transform:translateY(101%); transition:transform .28s ease; }
.client-card:hover .client-projects,.client-card:focus .client-projects,.client-card:focus-within .client-projects { transform:translateY(0); }
.client-projects::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--orange); }
.client-projects small { color:#ffad57; font:800 11px var(--display); letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }
.client-projects p,.client-projects ul { margin:0; font-size:15px; line-height:1.55; }
.client-projects ul { padding-left:18px; }.client-projects li + li { margin-top:9px; }
@media (max-width:900px) { .hero .eyebrow { font-size:15px; }.intro-label .eyebrow { font-size:15px; }.values-strip { font-size:16px; } }
@media (max-width:600px) {
  .hero-bottom { padding-right:125px; line-height:1.45; }
  .hero-bottom span { max-width:190px; }
  .whatsapp span { display:inline; }
  .whatsapp { padding:11px 16px 11px 11px; font-size:13px; }
  .client-card { min-height:220px; }
}