:root{
  --brand-dark:#0A3A73;
  --brand-main:#0E5FB8;
  --brand-soft:#EAF2FB;
  --surface:#FFFFFF;
  --text-main:#0F172A;
  --text-muted:#5B6475;
  --line:rgba(15,23,42,.12);
  --radius:16px;
  --shadow:0 10px 30px rgba(2,6,23,.08);
  --shadow-strong:0 18px 40px rgba(2,6,23,.18);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--brand-soft);
  color:var(--text-main);
  line-height:1.6;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;}

.container{
  width:min(1120px,calc(100% - 32px));
  margin:0 auto;
}

/* HEADER */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--brand-dark);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
}
.brand{display:flex; align-items:center; gap:10px;}
.logo{
  height:44px;
  width:auto;
  object-fit:contain;   /* enquadramento correto */
}

.nav{
  display:flex;
  gap:18px;
  align-items:center;
}
.nav a{
  padding:10px 10px;
  border-radius:10px;
  color:#fff;
  font-weight:800;
  opacity:.95;
}
.nav a:hover{background:rgba(255,255,255,.12); opacity:1;}

.header-actions{display:flex; gap:10px; align-items:center; position:relative;}
.ig-pill{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.10);
  color:#fff;
  font-weight:900;
}
.menu-toggle{
  display:none;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);
  color:#fff;
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
}

/* HERO */
.hero{padding:54px 0 40px;}
.hero-inner{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:28px;
  box-shadow:var(--shadow);
  text-align:center;
}
.hero-logo{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}
.hero-logo img{
  width:100vw;
  max-width:100vw;
  height:auto;
  object-fit:contain;
  display:block;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.hero h1{margin:0 0 12px; font-size:clamp(34px, 4vw, 56px); letter-spacing:-0.02em;}
.hero p{margin:0 auto 18px; max-width:820px; color:var(--text-muted);}

.hero-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.btn{
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--text-main);
  padding:10px 14px;
  border-radius:12px;
  cursor:pointer;
  font-weight:900;
}
.btn-primary{
  background:var(--brand-main);
  border-color:transparent;
  color:#fff;
}
.btn-ghost{background:rgba(15,23,42,.03);}

.hero-badges{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.badge{
  background:rgba(14,95,184,.12);
  color:rgba(10,58,115,.98);
  border:1px solid rgba(14,95,184,.20);
  padding:6px 10px;
  border-radius:999px;
  font-weight:900;
}

/* SECTIONS */
.section{padding:44px 0;}
.section-alt{
  background:rgba(14,95,184,.05);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section h2{margin:0 0 10px; font-size:1.7rem;}
.muted{color:var(--text-muted);}

.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  flex-wrap:wrap;
}

.grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}
.card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
.card h3{margin:0 0 6px;}
.card p{margin:0;}

/* CARROSSEL */
.gallery-actions{display:flex; gap:8px;}
.icon-btn{
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
  font-weight:900;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
.carousel-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:10px 6px;
  border-radius:14px;
}
.carousel-track::-webkit-scrollbar{height:10px;}
.carousel-track::-webkit-scrollbar-thumb{border-radius:999px; background:rgba(0,0,0,.25);}
.carousel-track::-webkit-scrollbar-track{background:rgba(0,0,0,.06); border-radius:999px;}

.product-card{
  flex:0 0 min(340px, 86vw);
  scroll-snap-align:start;
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(0,0,0,.08);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
.product-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(2,6,23,.10);
}
.product-img{
  width:100%;
  height:240px;
  object-fit:contain;
  background:#fff;
}
.product-name{
  margin:0;
  padding:10px 12px;
  font-weight:900;
  color:rgba(15,23,42,.92);
}
.btn-whatsapp{
  display:block;
  margin:0 12px 12px;
  padding:10px 12px;
  border-radius:12px;
  text-align:center;
  font-weight:900;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.08);
}
.btn-whatsapp:hover{
  filter:brightness(.95);
}
/* NOSSAS LOJAS */
.store-card{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:14px;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
.store-text h3{margin:0 0 6px;}
.store-address{margin:0 0 8px;}
.store-link{
  display:inline-block;
  font-weight:900;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(15,23,42,.03);
}

/* MAPA */
.map-embed{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 10px 24px rgba(2,6,23,.06);
}
.map-embed iframe{
  width:100%;
  height:340px;
  border:0;
}

/* CONTATO */
.location-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:14px;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
.whatsapp-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  margin-top:14px;
}
.whatsapp-card{
  display:block;
  padding:16px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:var(--surface);
  box-shadow:0 10px 24px rgba(2,6,23,.05);
  font-weight:900;
}

/* RODAPÉ */
.footer{
  border-top:1px solid var(--line);
  padding:18px 0;
  background:rgba(255,255,255,.65);
}
.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:rgba(15,23,42,.8);
  font-weight:900;
  flex-wrap:wrap;
}
.footer-links{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
.dot{opacity:.6;}

/* WHATSAPP FLUTUANTE */
.whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  display:grid;
  gap:10px;
  justify-items:end;
}
.whatsapp-main{
  width:auto;
  min-width:150px;
  height:56px;
  border-radius:16px;
  border:0;
  cursor:pointer;
  background:#25D366;
  color:#fff;
  font-weight:900;
  box-shadow:var(--shadow-strong);
  padding:0 14px;
}
.whatsapp-options{
  width:min(360px, calc(100vw - 32px));
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:10px;
  box-shadow:var(--shadow-strong);
}
.whatsapp-option{
  display:block;
  padding:12px 12px;
  border-radius:12px;
  font-weight:900;
  border:1px solid var(--line);
  background:rgba(15,23,42,.02);
}
.whatsapp-option + .whatsapp-option{margin-top:8px;}
.whatsapp-option:hover{background:rgba(15,23,42,.06);}

/* MODAL */
.modal{position:fixed; inset:0; display:none; z-index:9999;}
.modal[aria-hidden="false"]{display:block;}
.modal-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.55);}
.modal-card{
  position:relative;
  width:min(980px, 94vw);
  margin:5vh auto;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.35);
}
.modal-close{
  position:absolute;
  top:10px; right:12px;
  border:0;
  background:rgba(0,0,0,.06);
  width:40px; height:40px;
  border-radius:999px;
  font-size:22px;
  cursor:pointer;
}
.modal-body{display:grid; grid-template-columns: 1.1fr 0.9fr;}
.modal-img{
  width:100%;
  height:min(70vh, 520px);
  object-fit:contain;
  background:rgba(0,0,0,.03);
}
.modal-content{padding:18px;}
.modal-title{margin:0 0 10px; font-size:20px;}
.modal-desc{margin:0; opacity:.9; line-height:1.35;}
.btn-whatsapp{
  display:block;
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  background:#25D366;
  color:#fff;
  border:1px solid rgba(0,0,0,.08);
}
.btn-whatsapp:hover{ filter:brightness(.95); }
.btn-secondary{
  margin-top:14px;
  padding:10px 14px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  background:rgba(0,0,0,.08);
  font-weight:900;
}

/* RESPONSIVO */
@media (max-width: 980px){
  .grid{grid-template-columns:repeat(2, 1fr);}
  .whatsapp-grid{grid-template-columns:1fr;}
  .modal-body{grid-template-columns:1fr;}
  .modal-img{height:45vh;}
}
@media (max-width: 860px){
  .menu-toggle{display:inline-flex;}
  .nav{
    position:absolute;
    left:16px;
    right:16px;
    top:70px;
    display:none;
    flex-direction:column;
    gap:8px;
    padding:12px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
  }
  .nav.is-open{display:flex;}
  .nav a{color:var(--text-main); background:rgba(15,23,42,.02); border:1px solid rgba(15,23,42,.08);}
}
@media (max-width: 600px){
  .map-embed iframe{height:280px;}
}
.contact-phone{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 14px;
  font-weight:900;
}
.phone-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid var(--line);
  background:rgba(15,23,42,.03);
}
.contact-phone a{
  text-decoration:underline;
}
.btn-call-store{
  display:block;
  width:100%;
  max-width:420px;
  margin:14px 0 18px;
  padding:14px 16px;
  border-radius:14px;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  border:1px solid var(--line);
  background:rgba(15,23,42,.06);
  color:var(--text);
}
.btn-call-store:hover{
  filter:brightness(.98);
}
/* =========================
   AJUSTES VISUAIS GERAIS
   Cole no FINAL do CSS
========================= */

/* 1) Base: cores, fontes, espaçamentos */
:root{
  --bg: #ffffff;
  --text: #0f172a;
  --muted: rgba(15, 23, 42, .72);
  --line: rgba(15, 23, 42, .12);

  --radius: 14px;
  --shadow: 0 10px 24px rgba(15,23,42,.08);
  --shadow-soft: 0 6px 16px rgba(15,23,42,.06);

  --pad-section-desktop: 64px;
  --pad-section-mobile: 40px;

  --container: 1120px;
}

/* 2) Tipografia e suavização */
html{ scroll-behavior:smooth; }
body{
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 1.6;
}

/* 3) Container (se você já usa .container, isso melhora muito) */
.container{
  width: min(var(--container), calc(100% - 32px));
  margin-inline: auto;
}

/* 4) Seções: respiro consistente */
.section{
  padding: var(--pad-section-desktop) 0;
}
@media (max-width: 820px){
  .section{ padding: var(--pad-section-mobile) 0; }
}

/* 5) Cabeçalhos e textos */
h1, h2, h3{
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 10px 0;
}
h1{ font-weight: 900; }
h2{ font-weight: 900; font-size: clamp(22px, 2.4vw, 32px); }
h3{ font-weight: 800; }

p{ margin: 0 0 12px 0; }
.muted{
  color: var(--muted) !important;
}

/* 6) Padrão de cards: borda, raio, sombra */
.product-card,
.location-card,
.card,
.service-card,
.value-card{
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow-soft);
}

/* 7) Botões: consistência */
button, .btn, a.btn, .btn-secondary, .btn-whatsapp, .btn-call-store{
  border-radius: var(--radius);
}

/* Botão secundário (seu "Fechar" do modal etc.) */
.btn-secondary{
  border: 1px solid var(--line);
  background: rgba(15,23,42,.06);
  color: var(--text);
  font-weight: 800;
  padding: 12px 14px;
}

/* 8) Links: mais limpos */
a{
  color: inherit;
}
a:hover{
  opacity: .92;
}

/* 9) Modal: acabamento mais premium (sem mudar sua lógica) */
#productModal .modal,
.modal{
  border-radius: calc(var(--radius) + 2px);
  box-shadow: var(--shadow);
}

/* 10) Produtos (carrossel): imagem padronizada e nome bem lido */
.product-img{
  background: rgba(15,23,42,.03);
  border-radius: calc(var(--radius) - 2px);
  border: 1px solid rgba(15,23,42,.06);
  object-fit: contain;
}

/* Nome do produto: até 2 linhas, sem estourar */
.product-name{
  font-weight: 900;
  color: var(--text);
  margin: 10px 12px 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 11) Botão WhatsApp no modal (se já existir, melhora o visual) */
.btn-whatsapp{
  display: block;
  margin-top: 12px;
  padding: 12px 14px;
  text-align: center;
  font-weight: 900;
  text-decoration: none;
  background: #25D366;
  color: #fff;
  border: 1px solid rgba(0,0,0,.08);
}
.btn-whatsapp:hover{ filter: brightness(.95); }

/* 12) Pequenas melhorias de acessibilidade visual */
.product-card:focus-visible,
.btn-secondary:focus-visible,
.btn-whatsapp:focus-visible,
.btn-call-store:focus-visible{
  outline: 3px solid rgba(37, 211, 102, .35);
  outline-offset: 3px;
}

/* ===== AJUSTES VISUAIS (logo + fontes + interatividade) ===== */
html{ font-size:16px; }

body{
  font-size:18px;
  -webkit-text-size-adjust:100%;
}

@media (max-width:820px){
  body{ font-size:19px; }
}

/* Logo do hero em largura total (de canto a canto) */
.hero-logo{
  justify-content:center;
}
.hero-logo img{
  width:100vw !important;
  max-width:100vw !important;
  height:auto;
  display:block;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* Títulos mais fortes */
h1{ font-size: clamp(1.9rem, 3.5vw, 2.6rem); line-height:1.15; }
.section h2{ font-size: clamp(1.5rem, 2.5vw, 2rem); }

/* Quem Somos: cards mais “vivos” */
.mvv-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:14px;
  margin-top:16px;
}
@media (max-width:820px){
  .mvv-grid{ grid-template-columns: 1fr; }
}
.mvv-card{
  background: linear-gradient(180deg, #ffffff 0%, rgba(14,95,184,.04) 100%);
  border:1px solid rgba(15,23,42,.12);
  border-radius:16px;
  padding:16px;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.mvv-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(15,23,42,.10);
}
.mvv-card h3{ margin-top:0; margin-bottom:8px; }
.mvv-card ul{ margin:10px 0 0; padding-left:18px; }
.mvv-card li{ margin:6px 0; }
.mvv-card li::marker{ color: var(--brand-main); }

/* ===== NOSSAS LOJAS: fachada + galeria ===== */
.store-hero{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.03);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
}
.store-hero img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}
@media (max-width:820px){
  .store-hero img{ height:220px; }
}
.store-maps-link{
  position:absolute;
  left:14px;
  bottom:14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.12);
  padding:10px 12px;
  border-radius:12px;
  font-weight:900;
  text-decoration:none;
}
.store-gallery{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
}
.store-gallery img{
  width:100%;
  height:170px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.03);
}
@media (max-width:820px){
  .store-gallery{ grid-template-columns: 1fr; }
  .store-gallery img{ height:220px; }
}


/* Hero title styling */
.hero-title{font-weight:1000; color:var(--text-main);}
.hero-title-accent{font-weight:1000; color:var(--brand-main); position:relative;}
.hero-title-accent::after{content:""; position:absolute; left:0; right:0; bottom:-8px; height:10px; background:rgba(14,95,184,.18); border-radius:999px; z-index:-1;}


/* Contact enhancements */
#contact .container{position:relative;}
#contact .whatsapp-grid{margin-top:16px;}
.whatsapp-card{display:flex; flex-direction:column; gap:6px; padding:18px; border-radius:18px; font-weight:900; text-decoration:none;}
.whatsapp-card::before{content:"💬"; font-size:22px;}
.whatsapp-card:hover{transform:translateY(-2px); box-shadow:var(--shadow-strong);}
.btn-call-store{display:inline-flex; align-items:center; gap:10px; padding:12px 14px; border-radius:14px; border:1px solid var(--line); background:#fff; font-weight:900; text-decoration:none; box-shadow:0 8px 18px rgba(2,6,23,.06);}
.btn-call-store::before{content:"📞";}
.btn-call-store:hover{transform:translateY(-1px); box-shadow:0 12px 24px rgba(2,6,23,.10);}


/* Social menu */
.social-toggle{border:1px solid var(--line); background:#fff; padding:10px 12px; border-radius:999px; font-weight:900; cursor:pointer;}
.social-toggle:hover{box-shadow:0 10px 24px rgba(2,6,23,.08); transform:translateY(-1px);}
.social-menu{position:absolute; top:56px; right:54px; width:min(260px, 90vw); background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:10px; display:none;}
.social-menu a{display:block; padding:10px 12px; border-radius:12px; text-decoration:none; font-weight:800; color:var(--text-main);} 
.social-menu a:hover{background:rgba(14,95,184,.08);} 
.social-menu.is-open{display:block;}
@media (max-width:820px){.social-menu{right:12px; top:64px;}}


/* ===== v3: tipografia mais chamativa ===== */
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

h1, h2, h3, .nav a{
  font-family: Montserrat, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Header: logo mais visível */
.brand .logo{
  width: 64px;
  height: 64px;
}
@media (max-width:820px){
  .brand .logo{ width:56px; height:56px; }
}

/* Menu: links mais padronizados e “clicáveis” */
.nav a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:.2px;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.nav a:hover{
  background: rgba(14,95,184,.10);
  transform: translateY(-1px);
}
.nav a:active{ transform: translateY(0); }

/* HERO: título todo azul e maior */
.hero h1{
  margin: 10px 0 8px;
  font-size: clamp(2.2rem, 4.3vw, 3.2rem);
  line-height: 1.05;
  letter-spacing: .5px;
}
.hero-title,
.hero-title-accent{
  color: var(--brand-main);
  text-transform: uppercase;
}
.hero-title-accent{
  text-decoration: none;
}
.hero-subtitle{
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  font-weight: 600;
  max-width: 64ch;
}

/* Botões: padrão e interação */
.btn{
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 12px 26px rgba(2,6,23,.10);
}
.btn:active{ transform: translateY(0); }

/* ===== Catálogo (PDF) ===== */
.catalog-embed{
  margin-top: 14px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 14px 28px rgba(2,6,23,.10);
  background: #0b0f1a;
}
.catalog-embed iframe{
  width: 100%;
  height: 520px;
  border: 0;
  display: block;
}
@media (max-width:820px){
  .catalog-embed iframe{ height: 420px; }
}
.catalog-note{ margin-top: 10px; }

/* ===== Carrossel maior ===== */
.product-card{
  flex: 0 0 min(420px, 90vw);
}
.product-img{
  height: 290px;
}

/* ===== Contato mais “vivo” ===== */
#contact .contact-grid{
  gap: 14px;
}
.contact-card{
  background: linear-gradient(180deg, #fff 0%, rgba(14,95,184,.05) 100%);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 12px 26px rgba(2,6,23,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}
.contact-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(2,6,23,.12);
}

/* ===== Redes sociais ===== */
.socials-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 14px;
}
@media (max-width:820px){
  .socials-grid{ grid-template-columns: 1fr; }
}
.social-card{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  text-decoration:none;
  color: var(--text-main);
  background: linear-gradient(180deg, #fff 0%, rgba(14,95,184,.06) 100%);
  border:1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 22px rgba(2,6,23,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.social-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(2,6,23,.12);
}
.social-icon{
  width:44px; height:44px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(14,95,184,.12);
  font-size: 20px;
}
.social-meta strong{ display:block; }
.social-meta span{ color: var(--text-muted); font-weight: 700; }
.social-cta{
  margin-left:auto;
  font-weight: 900;
  color: var(--brand-main);
}

/* Social dropdown: melhorar clique */
.social-toggle{
  font-weight: 900;
  border-radius: 999px;
}


/* Contato: cartões WhatsApp mais destacados */
.whatsapp-card{
  background: linear-gradient(180deg, #fff 0%, rgba(14,95,184,.06) 100%);
  border:1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 22px rgba(2,6,23,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.whatsapp-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(2,6,23,.12);
}
.btn-call-store{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 14px;
  border-radius: 14px;
  font-weight: 900;
  background: var(--brand-main);
  color: #fff;
  text-decoration:none;
  box-shadow: 0 12px 26px rgba(2,6,23,.10);
  margin: 10px 0 16px;
}
.btn-call-store:hover{ filter: brightness(1.03); transform: translateY(-1px); }