/* MF COMUNICAÇÕES — CAMADA VISUAL, 30/10/2026
   Uso: adicione a classe `mf-editorial-theme` ao elemento raiz da página pública
   e carregue este CSS DEPOIS do CSS existente. Não altera estrutura, conteúdo,
   dimensões de grids/carrosséis, rotas, controles de áudio ou eventos JS.
   NÃO aplicar esta classe ao painel administrativo/área do cliente sem validação.
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
.mf-editorial-theme {
  --mf-black: #09090a;
  --mf-surface: #131112;
  --mf-surface-raised: #1c1818;
  --mf-copper: #c58763;
  --mf-copper-light: #efb992;
  --mf-ivory: #f4e9df;
  --mf-muted: #b6aaa4;
  --mf-outline: rgba(218,154,112,.24);
  --mf-glow: rgba(185,107,62,.14);
  background-color: var(--mf-black);
  color: var(--mf-ivory);
  color-scheme: dark;
  font-family: 'DM Sans', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.mf-editorial-theme :is(main,section,article,header,footer,nav) {
  border-color: var(--mf-outline);
}
.mf-editorial-theme main {
  background: radial-gradient(ellipse 65% 28% at 100% 4%, rgba(140,77,43,.12), transparent 72%), var(--mf-black);
}
.mf-editorial-theme :is(h1,h2,h3) {
  color: var(--mf-ivory);
  font-family: 'DM Serif Display', Georgia, serif;
  font-weight: 400;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.mf-editorial-theme :is(h1,h2) strong,
.mf-editorial-theme :is(h1,h2) em,
.mf-editorial-theme .text-gradient {
  color: var(--mf-copper-light);
  background-image: linear-gradient(110deg,#f6dcc4 2%,#d99771 46%,#aa6142 78%,#f4c09e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mf-editorial-theme :is(p,li,small,label) { color: inherit; }
.mf-editorial-theme :is(p,li) { line-height: 1.65; }
.mf-editorial-theme :is(a,button) { transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease; }
.mf-editorial-theme a { color: var(--mf-copper-light); }
.mf-editorial-theme :is(a,button):focus-visible { outline: 2px solid var(--mf-copper-light); outline-offset: 3px; }
.mf-editorial-theme :is(button,[role='button'],a[class*='button'],a[class*='btn']) {
  border-color: var(--mf-outline);
}
.mf-editorial-theme :is(button,[role='button'],a[class*='button'],a[class*='btn']):hover {
  box-shadow: 0 6px 25px var(--mf-glow);
}
.mf-editorial-theme :is(input,textarea,select) {
  background-color: var(--mf-surface);
  color: var(--mf-ivory);
  border-color: var(--mf-outline);
}
.mf-editorial-theme :is(input,textarea)::placeholder { color: var(--mf-muted); }
.mf-editorial-theme :is(hr) { border-color: var(--mf-outline); }
.mf-editorial-theme :is(img,video) { max-width: 100%; }
.mf-editorial-theme ::selection { color: #09090a; background: #e5af89; }
@media (prefers-reduced-motion: reduce) {
  .mf-editorial-theme :is(a,button) { transition: none; }
}
/* Integração final: mapear os componentes reais após obter o código-fonte,
   sem alterar DOM, textos, rotas, preços, arquivos nem integrações. */


/* Integração editorial MF: preservar layout e conteúdo, aplicar a paleta em todos os componentes públicos. */
.mf-editorial-theme {
  --black: #09090a;
  --black-2: #131112;
  --cream: #f4e9df;
  --muted: #b6aaa4;
  --copper: #c58763;
  --copper-light: #efb992;
  --line: rgba(218,154,112,.24);
}
.mf-editorial-theme .site-header {
  background: linear-gradient(to bottom, rgba(9,9,10,.98), rgba(9,9,10,.91), rgba(9,9,10,0));
}
.mf-editorial-theme .nav > a:not(.nav-cta),
.mf-editorial-theme .text-link,
.mf-editorial-theme .value-list li { color: var(--mf-ivory); }
.mf-editorial-theme .hero-text,
.mf-editorial-theme .intro-copy,
.mf-editorial-theme .hero-copy-featured .hero-text { color: #d0c3ba; }
.mf-editorial-theme .hero::after,
.mf-editorial-theme .offer-card::before { background: rgba(197,135,99,.18); }
.mf-editorial-theme .portrait-frame { box-shadow: 14px 18px 0 rgba(197,135,99,.12); }
.mf-editorial-theme .services { background: #111011; }
.mf-editorial-theme .offer-card,
.mf-editorial-theme .offer-card.featured {
  color: var(--mf-ivory);
  background: linear-gradient(145deg, #1d1817, #111011 68%, #171311);
}
.mf-editorial-theme .offer-card.featured { border-color: rgba(197,135,99,.52); }
.mf-editorial-theme .offer-card ul { color: #d0c3ba; }
.mf-editorial-theme .custom-project { background: linear-gradient(145deg, rgba(197,135,99,.17), #111011 65%); }
.mf-editorial-theme .offer-row,
.mf-editorial-theme .offer-row:hover {
  background-color: #171415;
  color: var(--mf-ivory);
}
.mf-editorial-theme .offer-row.highlighted { background: linear-gradient(100deg, rgba(197,135,99,.16), #171415 68%); }
.mf-editorial-theme .cta {
  color: var(--mf-ivory);
  background: radial-gradient(ellipse at 12% 8%, rgba(153,87,55,.22), transparent 46%), linear-gradient(135deg,#171313,#0b0a0b 72%);
}
.mf-editorial-theme .soundtrack-player {
  background: linear-gradient(145deg,#211a18,#121011 72%);
  color: var(--mf-ivory);
  border: 1px solid var(--mf-outline);
  box-shadow: 18px 18px 0 rgba(173,112,83,.12);
}
.mf-editorial-theme .soundtrack-player h3 { color: var(--mf-ivory); }
.mf-editorial-theme .hero-showcase::before {
  background: linear-gradient(90deg, rgba(9,9,10,.98) 0%, rgba(9,9,10,.9) 42%, rgba(9,9,10,.34) 72%, rgba(9,9,10,.12) 100%);
}
.mf-editorial-theme .hero-project-reel { background: #181311; }
.mf-editorial-theme .mf-video-stage,
.mf-editorial-theme .mf-video-stage > video { background: #100e0e; }
.mf-editorial-theme .video-play { background: rgba(9,9,10,.35); }
@media (max-width: 900px) {
  .mf-editorial-theme .nav { background: rgba(9,9,10,.99); }
  .mf-editorial-theme .hero-showcase::before { background: linear-gradient(180deg, rgba(9,9,10,.99) 0%, rgba(9,9,10,.93) 48%, rgba(9,9,10,.18) 78%, rgba(9,9,10,.08) 100%); }
}

.page-portfolio .client-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.page-portfolio .flp-client-logo img,
.page-portfolio .edilaine-client-logo img { max-width: 250px; max-height: 125px; object-fit: contain; }
.page-portfolio .project-edilaine img { object-fit: contain; background: #09090a; padding: 14px; }
.page-portfolio .project-flp > img { object-fit: contain; box-sizing: border-box; padding: 10%; background: radial-gradient(ellipse at center, #101a35 0%, #08090d 72%); border: 1px solid rgba(198, 151, 122, .35); }
.page-portfolio .project-flp .project-visit { display: inline-block; margin-top: 12px; color: var(--mf-copper-light); font-size: .85rem; }
@media (max-width: 900px) {
  .page-portfolio .client-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .page-portfolio .client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}