/* Declomur — V3 BLANCO (Minimal corporativo). */

:root{
  --bg:#0b4f7c;
  --panel:#0b4f7c;
  --card:#0b4f7c;
  --text:#0b1217;
  --muted:rgba(11,18,23,.68);
  --line:rgba(11,18,23,.10);
  --brand:#0a6aa3;
  --brand2:#074a74;
  --accent:#e07b2d;
  --shadow:0 14px 28px rgba(11,18,23,.10);
  --radius:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--text);
  background: #001f3f !important; /* Azul marino */
}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1180px;margin:0 auto;padding:0 18px}

/* Header */
header{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter: blur(10px);border-bottom:1px solid var(--line);z-index:100}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 0} /* Aumentado 10px (de 14px a 24px) */
.brand img{height:38px;width:auto}
.navlinks{display:flex;gap:18px;align-items:center;font-weight:600;color:rgba(11,18,23,.82)}
.navlinks a{padding:8px 10px;border-radius:12px}
.navlinks a:hover{background:rgba(10,106,163,.08)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:999px;border:1px solid var(--line);background:#0b4f7c;font-weight:700;color:#fff}
.btn.primary{background:linear-gradient(180deg, var(--brand), var(--brand2));border-color:rgba(10,106,163,.25);color:#fff;box-shadow:0 12px 22px rgba(10,106,163,.18)}
.btn.accent{background:linear-gradient(180deg, var(--accent), #c86722);border-color:rgba(224,123,45,.25);color:#fff;box-shadow:0 12px 22px rgba(224,123,45,.18)}
.menuBtn{display:none}

.mobileMenu{display:none;border-top:1px solid var(--line);padding:10px 18px;background:#0b4f7c;}
.mobileMenu.open{display:flex;flex-direction:column;gap:10px}
.mobileMenu a{padding:10px 10px;border-radius:12px;background:rgba(11,18,23,.03)}

/* Hero — minimal, split */
.hero{padding:34px 0 18px}
.heroGrid{display:grid;grid-template-columns: 1.2fr .8fr;gap:16px;align-items:stretch}
.heroCard{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(255,255,255,.92);
  box-shadow: var(--shadow);
}
.heroMain{padding:26px}
.kicker{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(11,18,23,.55);font-size:12px}
.hero h1{margin:10px 0 10px;font-size:42px;line-height:1.05}
.lead{color:var(--muted);font-size:16px;line-height:1.7;max-width:58ch}
.heroBtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.heroSide{padding:22px;display:flex;flex-direction:column;gap:12px}
.stat{padding:14px;border-radius:16px;border:1px dashed rgba(11,18,23,.18);background:rgba(11,18,23,.02)}
.stat b{display:block;font-size:18px}
.small{color:var(--muted);font-size:13px;line-height:1.5}

/* Sections */
section{scroll-margin-top:92px}
.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:26px 0 12px}
.sectionTitle h2{margin:0;font-size:26px}
.sectionTitle .small{max-width:58ch}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{border:1px solid var(--line);border-radius:var(--radius);background:#0b4f7c;box-shadow:0 10px 18px rgba(11,18,23,.06)}
.card .pad{padding:18px}
.card h3{margin:0 0 6px;font-size:16px}
.card p{margin:0;color:var(--muted);line-height:1.6}

/* Portfolio */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gItem{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#0b4f7c;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease}
.gItem:hover{transform:translateY(-3px);box-shadow:0 18px 28px rgba(11,18,23,.10)}
.gItem img{width:100%;height:200px;object-fit:cover}
.gCap{padding:12px}
.gCap b{display:block;font-size:14px}
.gCap .small{margin-top:4px}

/* Contact */
.contactWrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contactBox{border:1px solid var(--line);border-radius:var(--radius);background:#0b4f7c;box-shadow:0 10px 18px rgba(11,18,23,.06);padding:18px}
.infoRow{display:flex;gap:10px;align-items:flex-start}
.infoRow svg{width:20px;height:20px;color:var(--brand);margin-top:2px}

/* Footer */
footer{margin-top:26px;border-top:1px solid var(--line);padding:22px 0;background:#0b4f7c;}
.footerGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}

/* Lightbox */
.lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.85);z-index:10000;padding:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lightbox.open{display:grid}
.lightboxInner{position:relative;max-width:min(1200px, 95vw);max-height:90vh;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.lightboxInner img{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6);object-fit:contain;display:block}
.lightboxClose{position:absolute;top:20px;right:20px;width:48px;height:48px;border:none;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;font-weight:bold;line-height:1}
.lightboxClose:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}
.lightboxPrev,.lightboxNext{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border:none;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;font-size:36px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;line-height:1;font-weight:bold}
.lightboxPrev{left:20px}
.lightboxNext{right:20px}
.lightboxPrev:hover,.lightboxNext:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}
.lightboxCounter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:24px;font-size:15px;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}
.lightboxImg{max-width:min(1100px, 96vw);max-height:82vh;border-radius:16px;border:1px solid rgba(255,255,255,.22)}

/* WhatsApp float */
.whatsappFloat{position:fixed;right:18px;bottom:18px;z-index:90}
.whatsappFloat a{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg, var(--brand), var(--brand2));border:1px solid rgba(10,106,163,.22);box-shadow:0 14px 26px rgba(10,106,163,.20)}
.whatsappFloat svg{width:26px;height:26px;color:#fff}

@media (max-width:980px){
  .heroGrid{grid-template-columns:1fr}
  .cards,.grid3{grid-template-columns:1fr}
  .contactWrap,.footerGrid{grid-template-columns:1fr}
  .navlinks{display:none}
  .menuBtn{display:inline-flex}
}


/* Logo enhancement */
.header-logo img, .logo img {
    height: 78px;
    width: auto;
    object-fit: contain;
    margin: 6px 0;
}
@media (max-width: 768px){
    .header-logo img, .logo img {
        height: 58px;
    }
}



/* ===== Declomur PRO (blue background, no gray strip) ===== */
:root{
  --dm-blue:#0B4F7C;
  --dm-blue-2:#083A5C;
  --surface: rgba(255,255,255,0.92);
  --stroke: rgba(255,255,255,0.22);
}

html, body{
  background: radial-gradient(1200px 700px at 20% 0%, rgba(255,255,255,0.06), transparent 55%),
              linear-gradient(180deg, var(--dm-blue) 0%, var(--dm-blue-2) 100%);
}

/* Remove any top band */
.topbar, .top-bar, .header-top, .graybar, .header-strip{ display:none !important; }

/* Header must blend with blue */
.site-header, header, .navbar, .nav{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Logo: keep original proportions, improve readability on blue */
.header-logo, .logo{
  display:flex;
  align-items:center;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 10px 30px rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.45);
}

.header-logo img, .logo img{
  height: 86px;
  width: auto;
  object-fit: contain;
  display:block;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
}

/* Sections as clean cards on top of blue */
.section, .card, .panel, .content-card{
  background: var(--surface);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
}

/* Hero visuals */
.hero-media img, .hero img{
  width:100%;
  height:auto;
  border-radius: 22px;
  overflow:hidden;
  box-shadow: 0 16px 40px rgba(0,0,0,0.25);
  border: 1px solid var(--stroke);
}

@media (max-width: 768px){
  .header-logo img, .logo img{ height: 66px; }
  .header-logo, .logo{ padding: 8px 12px; border-radius: 14px; }
}



/* ===== FIX FINAL (logo readable + cards white on blue) ===== */
:root{
  --bg:#0B4F7C;
  --panel: rgba(255,255,255,0.92);
  --card: rgba(255,255,255,0.92);
  --text:#0B1217;
  --muted: rgba(11,18,23,.68);
  --line: rgba(11,18,23,.10);
}

/* Logo in header */
a.brand{
  display:flex;
  align-items:center;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(0,0,0,0.14);          /* dark capsule to lift white letters */
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 12px 30px rgba(0,0,0,0.22);
  backdrop-filter: blur(6px);
}
a.brand img{
  height: 64px; /* bigger and crisp */
  width: auto;
  object-fit: contain;
  display:block;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35)); /* boosts readability */
}

@media (max-width: 768px){
  a.brand{ padding: 8px 12px; border-radius: 14px; }
  a.brand img{ height: 56px; }
}


/* Header navigation on blue */
.navlinks a{ color: rgba(255,255,255,0.92) !important; }
.navlinks a:hover{ color: #FFFFFF !important; opacity:1; }
.menu-btn{ color: rgba(255,255,255,0.92) !important; border-color: rgba(255,255,255,0.22) !important; }



/* ===== Section Color Bands + Galleries + Motion ===== */
.band{
  display:flex; align-items:center; justify-content:space-between;
  padding: 18px 22px;
  border-radius: 18px;
  color:#fff;
  margin: 18px 0 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.22);
}
.band h2{ margin:0; font-size: 22px; letter-spacing: .2px; }
.band .tag{ font-weight:700; opacity:.9; font-size: 13px; text-transform: uppercase; letter-spacing: .12em; }

.band.res{ background: linear-gradient(90deg, #7BC043 0%, rgba(123,192,67,0.25) 70%, rgba(255,255,255,0.10) 100%); }
.band.com{ background: linear-gradient(90deg, #F2A900 0%, rgba(242,169,0,0.25) 70%, rgba(255,255,255,0.10) 100%); }
.band.ind{ background: linear-gradient(90deg, #00A3E0 0%, rgba(0,163,224,0.25) 70%, rgba(255,255,255,0.10) 100%); }

.grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media(max-width: 980px){ .grid-3{ grid-template-columns: 1fr; } }

.media-card{
  border-radius: 18px;
  overflow:hidden;
  position:relative;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.20);
  box-shadow: 0 18px 45px rgba(0,0,0,0.22);
  transform: translateY(0);
  transition: transform .35s ease, box-shadow .35s ease;
}
.media-card img{
  width:100%; height: 300px; object-fit: cover; display:block;
  transform: scale(1.02);
  transition: transform .9s ease;
  filter: saturate(1.04) contrast(1.04);
}
.media-card:hover{ transform: translateY(-6px); box-shadow: 0 26px 60px rgba(0,0,0,0.28); }
.media-card:hover img{ transform: scale(1.08); }

.reveal{ opacity:0; transform: translateY(14px); transition: opacity .8s ease, transform .8s ease; }
.reveal.is-visible{ opacity:1; transform: translateY(0); }

/* Clients marquee */
.clients{
  background: rgba(255,255,255,0.92);
  border-radius: 18px;
  padding: 18px 0;
  border: 1px solid rgba(0,0,0,0.06);
  overflow:hidden;
}
.clients h3{ margin:0 22px 10px; color:#0B2E45; font-size:16px; letter-spacing:.12em; text-transform: uppercase; }
.marquee{ position:relative; width:100%; overflow:hidden; }
.marquee-track{
  display:flex; gap: 26px;
  width: max-content;
  animation: marquee 22s linear infinite;
  padding: 10px 22px 6px;
}
.marquee:hover .marquee-track{ animation-play-state: paused; }
.logo-pill{
  flex: 0 0 auto;
  width: 220px; height: 110px;
  display:flex; align-items:center; justify-content:center;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
  padding: 12px;
  box-sizing: border-box;
}
.logo-pill img{ 
  width: auto !important; 
  height: auto !important; 
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}
/* IMSS - Ampliado 15% */
.logo-pill img[src*="imss.png"],
.logo-pill img[alt*="IMSS"]{
  max-height: 93px !important;
  max-width: 207px !important;
  height: auto !important;
  width: auto !important;
}

/* FENSA - Aumentado 200% + 20% adicional - 5% reducción = 228% */
.logo-pill img[src*="fensa.png"],
.logo-pill img[alt*="Fensa"]{
  max-height: 127px !important;
  max-width: 112px !important;
  height: auto !important;
  width: auto !important;
}

/* PEMEX - Aumentado 200% */
.logo-pill img[src*="pemex.png"],
.logo-pill img[alt*="Pemex"]{
  max-height: 100px !important;
  max-width: 252px !important;
  height: auto !important;
  width: auto !important;
}

/* THEROTRK - Ampliado 10% */
.logo-pill img[src*="therotrk.jpg"],
.logo-pill img[alt*="Therotrk"]{
  max-height: 119px !important;
  max-width: 108px !important;
  height: auto !important;
  width: auto !important;
}

/* INFONAVIT - Texto en lugar de logo - 20% más grande */
.infonavit-text{
  font-family: "Arial Black", "Arial Bold", Arial, sans-serif !important;
  font-weight: 900 !important;
  color: #ff0000 !important;
  font-size: 29px !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
/* Contenedor estándar para Infonavit */
.logo-pill-innova,
.logo-pill.logo-pill-innova{
  width: 220px !important;
  min-width: 220px !important;
}

/* NISSAN - Reducido 25% */
.logo-pill img[src*="nissan.jpeg"],
.logo-pill img[alt*="Nissan"]{
  max-height: 83px !important;
  max-width: 165px !important;
  height: auto !important;
  width: auto !important;
}

/* PALACIO DE HIERRO - Asegurar visibilidad */
.logo-pill img[src*="palaciodehierro.jpeg"],
.logo-pill img[alt*="Palacio de Hierro"]{
  max-height: 90px !important;
  max-width: 180px !important;
  height: auto !important;
  width: auto !important;
}

/* TABERNA - Ajustado al marco del logo-pill */
.logo-pill img[src*="taberna.jpeg"],
.logo-pill img[alt*="Taberna"]{
  max-height: 86px !important;
  max-width: 196px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
}

/* HOTEL CRYSTAL - Reducido 10% */
.logo-pill img[src*="hotelcrystal.jpeg"],
.logo-pill img[alt*="Hotel Crystal"]{
  max-height: 99px !important;
  max-width: 198px !important;
  height: auto !important;
  width: auto !important;
}
@keyframes marquee{ from{ transform: translateX(0);} to{ transform: translateX(-50%);} }



/* ===== WhatsApp brand fixes ===== */
:root{
  --wa-green: #25D366;
}
.btn-whatsapp, .whatsapp-btn, a[href*="wa.me"], a[href*="whatsapp"]{
  /* do not force, only where background is used */
}
.btn-whatsapp, .whatsapp-btn, .nav-whatsapp, .wa-cta{
  background: var(--wa-green) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
.btn-whatsapp:hover, .whatsapp-btn:hover, .nav-whatsapp:hover, .wa-cta:hover{
  filter: brightness(0.95);
}
.whatsapp-float, .fab-whatsapp, .whatsapp-floating{
  background: var(--wa-green) !important;
}
.whatsapp-float svg, .fab-whatsapp svg, .whatsapp-floating svg,
.btn-whatsapp svg, .whatsapp-btn svg, .nav-whatsapp svg, .wa-cta svg{
  width: 22px !important;
  height: 22px !important;
}
.whatsapp-float, .fab-whatsapp, .whatsapp-floating{
  width: 62px !important;
  height: 62px !important;
}

/* ===== FIXES (2026-01-30) ===== */
:root{ --headerH: 86px; }
body{ padding-top: var(--headerH); }
.site-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
}
@media (max-width: 820px){
  :root{ --headerH: 74px; }
}

/* Desktop readability: bump descriptive text only */
@media (min-width: 900px){
  .hero p{ font-size: 1.125rem; }
  .card p, .service-card p, .section p, .two-col p, .cards p{ font-size: 1.05rem; }
  .small, .muted{ font-size: 1.0rem; }
}

/* Mobile menu: white text, darker buttons */
.mobileMenu a{ color: #fff !important; }
.mobileMenu a.btn, .mobileMenu a.mobile-btn{ 
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #fff !important;
}
.mobileMenu a.btn:hover{ background: rgba(255,255,255,0.20) !important; }

/* Floating social stack */
.social-float{
  position: fixed;
  right: 22px;
  bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}
.social-float .fab{
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  box-shadow: 0 12px 28px rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(8px);
}
.social-float .fab svg{ width: 24px; height: 24px; }
.social-float .fab.fb{ background: #1877F2; }
.social-float .fab.ig{ background: #C13584; }
.social-float .fab.wa{ background: var(--wa-green); width: 66px; height: 66px; }


/* Mobile menu: white text + darker buttons */
.mobileMenu{ color:#fff; }
.mobileMenu a{
  color:#fff !important;
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}
.mobileMenu a:hover{ background: rgba(255,255,255,0.20) !important; }

/* Floating social buttons stack */
.fab-stack{
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fab{
  width: 62px;
  height: 62px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 34px rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.20);
}
.fab svg{ width: 26px; height: 26px; }
.fab.facebook{ background:#1877F2; }
.fab.instagram{ background:#C13584; }
.fab.whatsapp{ background: var(--wa-green); }

@media (max-width: 820px){
  .fab-stack{ right: 14px; bottom: 18px; }
  .fab{ width: 58px; height: 58px; }
}

/* Floating social buttons stack */
.fab-stack{
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}
.fab{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(6px);
}
.fab svg{ width: 24px; height: 24px; }

.fab.whatsapp{
  width: 64px;
  height: 64px;
  background: var(--wa-green) !important;
}
.fab.facebook{ background: #1877F2; }
.fab.instagram{
  background: linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4);
}

/* Desktop readability */
@media (min-width: 900px){
  body{ font-size: 18px; }
}
.fab-stack{
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}
.fab{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.12);
}
.fab svg{ width: 26px; height: 26px; }
.fab.whatsapp{ width: 64px; height: 64px; background: var(--wa-green); }
.fab.facebook{ background: #1877F2; }
.fab.instagram{ background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4); }

@media (max-width: 520px){
  .fab-stack{ right: 14px; bottom: 18px; gap: 8px; }
  .fab{ width: 52px; height: 52px; }
  .fab.whatsapp{ width: 60px; height: 60px; }
}
.fab.whatsapp{ background: var(--wa-green); width: 64px; height: 64px; }
.fab.facebook{ background: #1877F2; }
.fab.instagram{ background: #C13584; }
.fab-stack .fab{ cursor: pointer; }


/* --- Overrides 2026-01-30 --- */

/* Fix: keep logo fully visible (no bottom crop) */
.brand img{display:block; height:auto; max-height:56px; object-fit:contain;}

/* Floating social buttons */
.fab-stack{position:fixed; right:18px; bottom:18px; display:flex; flex-direction:column; gap:10px; z-index:9999;}
.fab{width:46px; height:46px; border-radius:999px; display:grid; place-items:center; color:#fff; box-shadow:0 10px 25px rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.12);}
.fab svg{width:22px; height:22px;}
.fab.fb{background:#1877F2;}
.fab.ig{background:#C13584;}
.fab.whatsapp{background:#25D366; width:56px; height:56px;}
.fab.whatsapp svg{width:26px; height:26px;}
.fab:hover{transform:translateY(-1px);}

/* Mobile menu: white text, darker buttons */
@media (max-width: 860px){
  .mobileMenu a{color:#fff; background:rgba(255,255,255,.10);}
  .mobileMenu a:hover{background:rgba(255,255,255,.16);}
}

/* Desktop: increase secondary text sizes */
@media (min-width: 900px){
  .muted, .lead, .svc-card p, .feature p, .pill, .section p{font-size:18px; line-height:1.6;}
  .svc-card h3{font-size:20px;}
}