/* ============================================================
   MOVER CADEIRAS — Sistema de marca
   Azul médio (confiança/saúde) + Vermelho controlado (energia/movimento)
   Tipografia esportiva-técnica: Saira Condensed + Saira
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@400;500;600;700;800;900&family=Saira:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap');

:root{
  /* Azuis */
  --mc-blue:        #1E4A8A;   /* primário */
  --mc-blue-600:    #1A4078;
  --mc-blue-ink:    #122F58;   /* fundo escuro / texto forte */
  --mc-blue-900:    #0C2348;   /* mais profundo */
  --mc-blue-100:    #DCE7F5;
  --mc-blue-50:     #EEF3FB;

  /* Vermelhos */
  --mc-red:         #D93B34;   /* energia */
  --mc-red-600:     #BE2F29;
  --mc-red-50:      #FCEEEC;

  /* Neutros */
  --mc-ink:         #14233B;
  --mc-slate:       #56657E;
  --mc-slate-300:   #98A6BC;
  --mc-line:        #E3E9F2;
  --mc-bg:          #FFFFFF;
  --mc-bg-soft:     #F4F7FC;
  --mc-bg-blue:     #F0F5FC;

  --mc-radius:      14px;
  --mc-shadow:      0 10px 30px -12px rgba(18,47,88,.25);
  --mc-shadow-lg:   0 30px 60px -22px rgba(18,47,88,.40);

  --font-display: 'Saira Condensed', system-ui, sans-serif;
  --font-body:    'Saira', system-ui, sans-serif;
}

*{ box-sizing:border-box; }

.mc-scope{
  font-family:var(--font-body);
  color:var(--mc-ink);
  -webkit-font-smoothing:antialiased;
  line-height:1.55;
}
.mc-scope h1,.mc-scope h2,.mc-scope h3,.mc-scope h4{
  font-family:var(--font-display);
  font-weight:800;
  line-height:0.98;
  letter-spacing:-0.01em;
  margin:0;
}
.mc-scope p{ margin:0; }

/* Headline esportiva — itálico condensado em caixa alta */
.mc-kicker{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-weight:700;
  font-size:13px;
}
.mc-display{
  text-transform:uppercase;
  font-style:italic;
  font-weight:900;
}

/* Botões */
.mc-btn{
  display:inline-flex; align-items:center; gap:.55em;
  font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; font-size:16px;
  padding:14px 26px; border-radius:999px; border:0; cursor:pointer; white-space:nowrap;
  text-decoration:none; transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.mc-btn:active{ transform:translateY(1px); }
.mc-btn-red{ background:var(--mc-red); color:#fff; box-shadow:0 10px 22px -10px rgba(217,59,52,.7); }
.mc-btn-red:hover{ background:var(--mc-red-600); }
.mc-btn-blue{ background:var(--mc-blue); color:#fff; }
.mc-btn-blue:hover{ background:var(--mc-blue-600); }
.mc-btn-ghost{ background:transparent; color:var(--mc-blue); border:2px solid var(--mc-blue-100); }
.mc-btn-ghost:hover{ border-color:var(--mc-blue); }
.mc-btn-white{ background:#fff; color:var(--mc-blue-ink); }

/* Whatsapp pill */
.mc-wa{ background:#1FA855; color:#fff; }
.mc-wa:hover{ background:#178a45; }

/* Placeholder de imagem */
.mc-ph{
  position:relative; overflow:hidden;
  background:
    linear-gradient(135deg, rgba(30,74,138,.10), rgba(217,59,52,.08)),
    repeating-linear-gradient(135deg, #eef2f8 0 14px, #e7edf6 14px 28px);
  display:flex; align-items:center; justify-content:center;
  color:var(--mc-slate-300);
}
.mc-ph::after{
  content:attr(data-label);
  font-family:var(--font-display); text-transform:uppercase; letter-spacing:.14em;
  font-size:12px; font-weight:700; color:var(--mc-slate-300);
}
/* foto real do produto sobre o placeholder (some sozinha se o arquivo não existir) */
.ph-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }

/* ====== Lightbox de galeria (foto inteira, sem corte) ====== */
.gallery .main{ cursor:zoom-in; }
.lb-hint{
  position:absolute; bottom:14px; right:14px; z-index:3; pointer-events:none;
  display:flex; align-items:center; gap:6px;
  background:rgba(12,29,56,.82); color:#fff; backdrop-filter:blur(4px);
  font-family:var(--font-display); text-transform:uppercase; letter-spacing:.08em;
  font-size:11px; font-weight:700; padding:7px 12px; border-radius:9px;
  opacity:0; transform:translateY(4px); transition:opacity .2s, transform .2s;
}
.gallery .main:hover .lb-hint{ opacity:1; transform:translateY(0); }
.lightbox{
  position:fixed; inset:0; z-index:9999; display:none;
  align-items:center; justify-content:center;
  background:rgba(8,18,38,.94); opacity:0; transition:opacity .2s;
}
.lightbox.open{ display:flex; opacity:1; }
.lb-stage{ max-width:92vw; max-height:88vh; display:flex; align-items:center; justify-content:center; }
.lb-img{
  max-width:92vw; max-height:88vh; width:auto; height:auto; object-fit:contain;
  border-radius:10px; background:#0c1d38; box-shadow:0 30px 90px rgba(0,0,0,.55);
  animation:lbIn .25s cubic-bezier(.2,.7,.2,1);
}
@keyframes lbIn{ from{ opacity:0; transform:scale(.96); } to{ opacity:1; transform:scale(1); } }
.lb-close, .lb-nav{
  position:absolute; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08);
  color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;
  line-height:1; transition:background .15s, transform .15s; backdrop-filter:blur(4px);
}
.lb-close{ top:20px; right:24px; width:46px; height:46px; border-radius:50%; font-size:26px; }
.lb-nav{ top:50%; transform:translateY(-50%); width:52px; height:52px; border-radius:50%; font-size:30px; }
.lb-close:hover{ background:rgba(255,255,255,.18); }
.lb-nav:hover{ background:rgba(255,255,255,.18); }
.lb-prev{ left:22px; } .lb-next{ right:22px; }
.lb-count{
  position:absolute; bottom:22px; left:50%; transform:translateX(-50%);
  color:#fff; font-family:var(--font-display); letter-spacing:.14em; font-size:13px; font-weight:700;
  background:rgba(0,0,0,.4); padding:7px 16px; border-radius:999px;
}
@media (max-width:680px){
  .lb-nav{ width:44px; height:44px; font-size:26px; }
  .lb-prev{ left:10px; } .lb-next{ right:10px; }
}

/* ====== Mapa da fábrica ====== */
.map-emb{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.map-ph.map-frame{
  position:relative; height:340px;
  background:
    linear-gradient(135deg, rgba(30,74,138,.06), rgba(217,59,52,.04)),
    repeating-linear-gradient(0deg, #e9eef6 0 1px, transparent 1px 38px),
    repeating-linear-gradient(90deg, #e9eef6 0 1px, transparent 1px 38px),
    #f4f7fb;
}
.map-pin{
  position:absolute; left:14px; top:14px; z-index:2;
  display:inline-flex; align-items:center; gap:9px; text-decoration:none;
  background:#fff; color:var(--mc-blue-700, #12356f); border:1px solid var(--mc-line);
  padding:10px 14px; border-radius:12px; box-shadow:0 10px 28px rgba(12,35,72,.18);
  transition:transform .15s, box-shadow .15s;
}
.map-pin:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(12,35,72,.24); }
.map-pin svg{ flex:none; color:var(--mc-red); }
.map-pin b{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.06em; font-size:12px; display:block; line-height:1.1; }
.map-pin span{ font-size:12px; color:var(--mc-slate); display:block; line-height:1.2; margin-top:2px; }

/* ===========================================================
   Mobile: 16px em todos os campos editáveis evita o zoom
   automático do iOS ao focar (vale p/ site, app e painel).
   =========================================================== */
@media(max-width:680px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select, textarea{ font-size:16px !important; }
}