/* ============================================================
   support.css — Magnaverso
   v1.0 — 2025-05-12
   Páginas de suporte ao cliente:
   /contato · /trocas-e-devolucoes · /prazo-de-producao
   /envio-e-frete · /faq · /politica-de-privacidade · /termos

   Enfileirado via pages-enqueue.php apenas nas páginas com
   body class .mgv-support-page (adicionada via body-classes.php)

   ÍCONES DE SERVIÇO: use as classes abaixo em qualquer bloco
   de parágrafo no editor WordPress (bloco Parágrafo → Avançado
   → Classe CSS adicional):

     .mgv-svc-whatsapp   — WhatsApp
     .mgv-svc-instagram  — Instagram
     .mgv-svc-email      — E-mail / envelope
     .mgv-svc-address    — Endereço / pin
     .mgv-svc-phone      — Telefone
     .mgv-svc-schedule   — Horário / relógio
     .mgv-svc-shipping   — Entrega / caminhão
     .mgv-svc-secure     — Segurança / cadeado
     .mgv-svc-pix        — Pix / raio
     .mgv-svc-card       — Cartão de crédito
     .mgv-svc-return     — Devolução / seta circular
     .mgv-svc-info       — Informação
   ============================================================ */

/* ──────────────────────────────────────────────────────────
   1. HERO BANNER — título em Oswald, sóbrio
   Sobrescreve Story Script do .mgv-cat-title herdado de
   category.css / pages.css
   ────────────────────────────────────────────────────────── */

body.mgv-support-page .mgv-cat-title,
body.mgv-support-page .mgv-inner-title {
  font-family: var(--mgv-font-display) !important;
  font-size: clamp(1.5rem, 2.5vw, 2.5rem) !important;  /* -10% */
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: -.01em !important;                   /* mais compacto */
  text-transform: uppercase !important;
  text-align: center !important;
  color: #fff !important;
  text-shadow: -2px 2px 2px rgba(0,0,0,.4) !important;
}

/* ──────────────────────────────────────────────────────────
   2. FUNDO DA PÁGINA
   Mesmo visual da categoria: gradiente verde suave
   ────────────────────────────────────────────────────────── */

/* Fundo aplicado na área de conteúdo, não no body
   (o body é transparente no header — não sobrescrever) */
body.mgv-support-page .mgv-inner-content-wrap {
  background-color: rgba(234,245,238,.97);
  min-height: 60vh;
}

/* ──────────────────────────────────────────────────────────
   3. ÁREA DE CONTEÚDO
   ────────────────────────────────────────────────────────── */

body.mgv-support-page .mgv-inner-content {
  max-width: 860px; /* mais estreito que a loja — leitura confortável */
}

/* ──────────────────────────────────────────────────────────
   4. TIPOGRAFIA
   ────────────────────────────────────────────────────────── */

body.mgv-support-page .mgv-inner-copy,
body.mgv-support-page .mgv-inner-copy p,
body.mgv-support-page .mgv-inner-copy li {
  font-family: var(--mgv-font-body);
  font-size: 1rem;
  line-height: 1.75;
  color: #1a2e22;
}

body.mgv-support-page .mgv-inner-copy h2 {
  font-family: var(--mgv-font-display);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mgv-color-primary);
  margin: 2.2rem 0 .6rem;
  padding-bottom: .4rem;
  border-bottom: 2px solid var(--mgv-color-secondary);
}

body.mgv-support-page .mgv-inner-copy h3 {
  font-family: var(--mgv-font-display);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mgv-color-primary-mid);
  margin: 1.6rem 0 .3rem;
}

body.mgv-support-page .mgv-inner-copy strong {
  color: var(--mgv-color-primary);
  font-weight: 600;
}

body.mgv-support-page .mgv-inner-copy a {
  color: var(--mgv-color-secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.mgv-support-page .mgv-inner-copy a:hover {
  color: var(--mgv-color-primary-mid);
}

/* Listas */
body.mgv-support-page .mgv-inner-copy ul,
body.mgv-support-page .mgv-inner-copy ol {
  padding-left: 1.4rem;
  margin: .6rem 0 1rem;
}

body.mgv-support-page .mgv-inner-copy li {
  margin-bottom: .35rem;
}

/* ──────────────────────────────────────────────────────────
   5. BLOCOS DE SERVIÇO COM ÍCONE
   Classe aplicada no editor WP: bloco Parágrafo ou Grupo
   → Avançado → Classe CSS adicional
   ────────────────────────────────────────────────────────── */

/* Base comum */
.mgv-svc-whatsapp,
.mgv-svc-instagram,
.mgv-svc-email,
.mgv-svc-address,
.mgv-svc-phone,
.mgv-svc-schedule,
.mgv-svc-shipping,
.mgv-svc-secure,
.mgv-svc-pix,
.mgv-svc-card,
.mgv-svc-return,
.mgv-svc-info {
  display: flex !important;
  align-items: center;
  gap: 14px;
  padding: 8px 0;
  margin: 6px 0 !important;
  background: transparent;
  border-radius: 0;
  border-left: none;
  backdrop-filter: none;
  font-family: var(--mgv-font-body) !important;
  font-size: .97rem !important;
  color: #1a2e22 !important;
  line-height: 1.55;
  transition: background .2s, border-color .2s;
}

.mgv-svc-whatsapp:hover,
.mgv-svc-instagram:hover,
.mgv-svc-email:hover,
.mgv-svc-address:hover,
.mgv-svc-phone:hover,
.mgv-svc-schedule:hover,
.mgv-svc-shipping:hover,
.mgv-svc-secure:hover,
.mgv-svc-pix:hover,
.mgv-svc-card:hover,
.mgv-svc-return:hover,
.mgv-svc-info:hover {
  background: transparent;
}

/* Ícone base */
.mgv-svc-whatsapp::before,
.mgv-svc-instagram::before,
.mgv-svc-email::before,
.mgv-svc-address::before,
.mgv-svc-phone::before,
.mgv-svc-schedule::before,
.mgv-svc-shipping::before,
.mgv-svc-secure::before,
.mgv-svc-pix::before,
.mgv-svc-card::before,
.mgv-svc-return::before,
.mgv-svc-info::before {
  content: '';
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--mgv-color-secondary); /* cor padrão do ícone */
}

/* ── Cor e ícone por serviço ─────────────────────────── */

/* WhatsApp — verde WhatsApp */
.mgv-svc-whatsapp { border-left-color: #25D366; }
.mgv-svc-whatsapp::before {
  background-color: #25D366;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z%27/%3E%3C/svg%3E");
}

/* Instagram — gradiente roxo (cor via background-color) */
.mgv-svc-instagram { border-left-color: #C13584; }
.mgv-svc-instagram::before {
  background-color: #C13584;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z%27/%3E%3C/svg%3E");
}

/* E-mail */
.mgv-svc-email::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Crect x=%272%27 y=%274%27 width=%2720%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27m22 7-8.97 5.7a1.94 1.94 0 01-2.06 0L2 7%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Crect x=%272%27 y=%274%27 width=%2720%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27m22 7-8.97 5.7a1.94 1.94 0 01-2.06 0L2 7%27/%3E%3C/svg%3E");
}

/* Endereço / pin */
.mgv-svc-address::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1116 0z%27/%3E%3Ccircle cx=%2712%27 cy=%2710%27 r=%273%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1116 0z%27/%3E%3Ccircle cx=%2712%27 cy=%2710%27 r=%273%27/%3E%3C/svg%3E");
}

/* Telefone */
.mgv-svc-phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.09 1.18 2 2 0 012.09 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.09a16 16 0 006 6l.45-.45a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92v2z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.09 1.18 2 2 0 012.09 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.09a16 16 0 006 6l.45-.45a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92v2z%27/%3E%3C/svg%3E");
}

/* Horário */
.mgv-svc-schedule::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpolyline points=%2712 6 12 12 16 14%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpolyline points=%2712 6 12 12 16 14%27/%3E%3C/svg%3E");
}

/* Entrega / frete */
.mgv-svc-shipping::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Crect x=%271%27 y=%273%27 width=%2715%27 height=%2713%27 rx=%271%27/%3E%3Cpath d=%27M16 8h4l3 3v5h-7V8z%27/%3E%3Ccircle cx=%275.5%27 cy=%2718.5%27 r=%272.5%27/%3E%3Ccircle cx=%2718.5%27 cy=%2718.5%27 r=%272.5%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Crect x=%271%27 y=%273%27 width=%2715%27 height=%2713%27 rx=%271%27/%3E%3Cpath d=%27M16 8h4l3 3v5h-7V8z%27/%3E%3Ccircle cx=%275.5%27 cy=%2718.5%27 r=%272.5%27/%3E%3Ccircle cx=%2718.5%27 cy=%2718.5%27 r=%272.5%27/%3E%3C/svg%3E");
}

/* Segurança / SSL */
.mgv-svc-secure::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%27/%3E%3C/svg%3E");
}

/* Pix */
.mgv-svc-pix { border-left-color: #32BCAD; }
.mgv-svc-pix::before {
  background-color: #32BCAD;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.34 18.23a3.93 3.93 0 01-2.79-1.15l-2.84-2.84a.5.5 0 00-.7 0l-2.85 2.85a3.93 3.93 0 01-2.79 1.15h-.56l3.6 3.6a3.93 3.93 0 005.56 0l3.61-3.6zM8.66 5.77a3.93 3.93 0 012.79 1.15l2.84 2.85a.49.49 0 00.7 0l2.84-2.84a3.93 3.93 0 012.79-1.15h.42l-3.6-3.6a3.93 3.93 0 00-5.56 0l-3.6 3.6zM21.8 9.73l-1.88-1.88h-.42a2.5 2.5 0 00-1.77.73l-2.84 2.84a1.93 1.93 0 01-2.73 0L9.32 8.58a2.5 2.5 0 00-1.77-.73h-.72L4.2 10.2a3.93 3.93 0 000 5.56l2.63 2.63h.72a2.5 2.5 0 001.77-.73l2.84-2.85a1.94 1.94 0 012.73 0l2.84 2.84a2.5 2.5 0 001.77.73h.42l1.88-1.87a3.93 3.93 0 000-5.78z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.34 18.23a3.93 3.93 0 01-2.79-1.15l-2.84-2.84a.5.5 0 00-.7 0l-2.85 2.85a3.93 3.93 0 01-2.79 1.15h-.56l3.6 3.6a3.93 3.93 0 005.56 0l3.61-3.6zM8.66 5.77a3.93 3.93 0 012.79 1.15l2.84 2.85a.49.49 0 00.7 0l2.84-2.84a3.93 3.93 0 012.79-1.15h.42l-3.6-3.6a3.93 3.93 0 00-5.56 0l-3.6 3.6zM21.8 9.73l-1.88-1.88h-.42a2.5 2.5 0 00-1.77.73l-2.84 2.84a1.93 1.93 0 01-2.73 0L9.32 8.58a2.5 2.5 0 00-1.77-.73h-.72L4.2 10.2a3.93 3.93 0 000 5.56l2.63 2.63h.72a2.5 2.5 0 001.77-.73l2.84-2.85a1.94 1.94 0 012.73 0l2.84 2.84a2.5 2.5 0 001.77.73h.42l1.88-1.87a3.93 3.93 0 000-5.78z%27/%3E%3C/svg%3E");
}

/* Cartão */
.mgv-svc-card::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Crect x=%271%27 y=%274%27 width=%2722%27 height=%2716%27 rx=%272%27/%3E%3Cline x1=%271%27 y1=%2710%27 x2=%2723%27 y2=%2710%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Crect x=%271%27 y=%274%27 width=%2722%27 height=%2716%27 rx=%272%27/%3E%3Cline x1=%271%27 y1=%2710%27 x2=%2723%27 y2=%2710%27/%3E%3C/svg%3E");
}

/* Devolução / troca */
.mgv-svc-return::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8%27/%3E%3Cpath d=%27M3 3v5h5%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8%27/%3E%3Cpath d=%27M3 3v5h5%27/%3E%3C/svg%3E");
}

/* Informação */
.mgv-svc-info::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cline x1=%2712%27 y1=%2716%27 x2=%2712%27 y2=%2712%27/%3E%3Cline x1=%2712%27 y1=%278%27 x2=%2712.01%27 y2=%278%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cline x1=%2712%27 y1=%2716%27 x2=%2712%27 y2=%2712%27/%3E%3Cline x1=%2712%27 y1=%278%27 x2=%2712.01%27 y2=%278%27/%3E%3C/svg%3E");
}

/* ──────────────────────────────────────────────────────────
   6. BLOCO DE AVISO / CALLOUT
   Classe: .mgv-callout (bloco Parágrafo ou Grupo)
   ────────────────────────────────────────────────────────── */

.mgv-callout {
  padding: 14px 18px;
  margin: 16px 0;
  background: rgba(255,239,166,.35);
  border-left: 3px solid #d4a017;
  border-radius: var(--mgv-radius-md);
  font-family: var(--mgv-font-body);
  font-size: .93rem;
  color: #5a3e00;
  line-height: 1.6;
}

/* ──────────────────────────────────────────────────────────
   7. TABELA DE PRAZOS (prazo-de-producao)
   ────────────────────────────────────────────────────────── */

body.mgv-support-page .mgv-inner-copy table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.4rem;
  font-family: var(--mgv-font-body);
  font-size: .95rem;
}

body.mgv-support-page .mgv-inner-copy th {
  background: var(--mgv-color-primary);
  color: #fff;
  padding: 10px 14px;
  text-align: left;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .85rem;
}

body.mgv-support-page .mgv-inner-copy td {
  padding: 9px 14px;
  border-bottom: 1px solid rgba(10,163,163,.15);
  color: #1a2e22;
}

body.mgv-support-page .mgv-inner-copy tr:nth-child(even) td {
  background: rgba(10,163,163,.05);
}

/* ──────────────────────────────────────────────────────────
   8. RESPONSIVO
   ────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
  .mgv-svc-whatsapp,
  .mgv-svc-instagram,
  .mgv-svc-email,
  .mgv-svc-address,
  .mgv-svc-phone,
  .mgv-svc-schedule,
  .mgv-svc-shipping,
  .mgv-svc-secure,
  .mgv-svc-pix,
  .mgv-svc-card,
  .mgv-svc-return,
  .mgv-svc-info {
    padding: 12px 14px;
    font-size: .93rem !important;
  }

  body.mgv-support-page .mgv-inner-copy h2 {
    font-size: 1.05rem;
  }
}