/* No brand font binaries were provided. Poppins (Google Fonts) is the nearest match
   to the brief ("sans-serif moderna e limpa, tipo Arial/Inter/Poppins") and to the
   rounded geometric wordmark. Replace with real @font-face rules when files arrive. */
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/site2/86600350-2830-40b9-88f9-7efaf189879f.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/site2/651d8ee0-d473-4e4c-b8ba-7bc2893f979f.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/site2/7a3ee2eb-ce64-4533-9d85-9daa40fcf6fc.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/site2/1d409c09-a0ea-4d71-82b7-7bff84950ccc.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/site2/b64b5cf6-3260-4a04-8ba4-4ed591029443.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/site2/b3551882-b9ae-4d7a-b610-bb1e932f2ee6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/site2/c4f02678-cafc-48d6-949f-92a8eebb77f9.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/site2/3d74311c-86bb-4b7e-83dc-77ecd1e65b69.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/site2/e5407a93-fbe2-41b9-9c3d-882456068b35.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/site2/568a4df1-c3c6-44c7-9bf7-5887b86ede9e.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/site2/f7c3d399-4cba-4dff-81ef-a43621a478be.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/site2/57b25eef-516a-4ac5-acd0-0e2ca4a34040.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/site2/afcee864-e6b0-42cb-a2b1-39c50c8282e0.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/site2/689ff992-97bc-4f7e-962d-ecfc772e1f99.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/site2/a21d6111-166f-483d-be47-d64804fddc8c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/site2/04a01b2d-6f8e-45d7-9a86-3f66e36fd547.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/site2/76bbc942-451d-4877-86f5-f337487a50a5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/site2/3b43f0d0-4fad-4111-a17d-dec97736d294.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root:root:root{
/* Primary — laranja vibrante (sampled from logo) */
--orange-400:#F97843;--orange-500:#F05820;--orange-600:#D64A15;--orange-100:#FDE7DD;
/* Secondary — roxo/lilás (sampled from logo) */
--lilac-300:#BCC2F2;--lilac-400:#A0A8E8;--lilac-500:#8A93DE;--lilac-600:#6F79C8;--lilac-800:#43498A;--lilac-100:#EEF0FB;
/* Dark — quase preto, secções de impacto */
--ink-950:#0D0D13;--ink-900:#16161E;--ink-800:#22222C;--ink-700:#31313E;
/* Neutrals — áreas de leitura */
--white:#FFFFFF;--grey-50:#F7F7F9;--grey-100:#EFEFF3;--grey-200:#E2E2E9;--grey-400:#A2A2AE;--grey-600:#6A6A76;--grey-900:#1C1C24;
/* Semantic status (uso pontual) */
--success:#1F9D63;--danger:#D6423A;
/* Semantic aliases */
--accent:var(--orange-500);--accent-hover:var(--orange-600);--accent-soft:var(--orange-100);
--secondary:var(--lilac-500);--secondary-soft:var(--lilac-100);
--surface-page:var(--white);--surface-alt:var(--grey-50);--surface-card:var(--white);--surface-dark:var(--ink-950);--surface-dark-raised:var(--ink-800);
--text-body:var(--grey-900);--text-muted:var(--grey-600);--text-faint:var(--grey-400);--text-inverse:var(--white);--text-inverse-muted:rgba(255,255,255,.62);
--border-subtle:var(--grey-200);--border-dark:rgba(255,255,255,.12);
--gradient-brand:linear-gradient(135deg,var(--lilac-600),var(--ink-950));
--gradient-accent:linear-gradient(135deg,var(--orange-500),var(--orange-400));
}

:root:root:root{
--font-sans:'Poppins',Arial,system-ui,sans-serif;
/* Scale */
--text-display:clamp(44px,5vw,64px);--text-h1:40px;--text-h2:30px;--text-h3:22px;--text-h4:18px;
--text-body:16px;--text-small:14px;--text-caption:12px;
--text-metric:56px;--text-metric-lg:80px; /* percentagens grandes, scorecards */
/* Weights */
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
/* Leading + tracking */
--leading-tight:1.1;--leading-heading:1.2;--leading-body:1.65;
--tracking-tight:-0.02em;--tracking-caps:0.12em; /* labels/tags em maiúsculas */
}
body{font-family:var(--font-sans);color:var(--text-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}

:root:root:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--container-max:1140px;--section-pad:var(--space-9);
}

:root:root:root{
--shadow-card:0 1px 2px rgba(13,13,19,.05),0 8px 24px rgba(13,13,19,.06);
--shadow-raised:0 2px 6px rgba(13,13,19,.08),0 16px 40px rgba(13,13,19,.12);
--shadow-accent:0 8px 20px rgba(240,88,32,.28);
--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--dur-fast:150ms;/* @kind other */
--dur-med:280ms;/* @kind other */
--focus-ring:0 0 0 3px rgba(240,88,32,.25);
}



*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--text-body);background:#fff}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.dark{background:var(--surface-dark);color:#fff}
header.dark .wrap a[href^="#"]{color:var(--text-inverse-muted);font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
header.dark .wrap a[href^="#"]:hover{color:#fff;background:rgba(255,255,255,.08)}
header.dark nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cta-calendly{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;padding:16px 34px;border-radius:var(--radius-md);text-decoration:none;transition:all var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-accent)}
.cta-calendly:hover{background:var(--accent-hover);color:#fff}
.cta-calendly:active{transform:scale(.98)}
.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:5px 14px;border-radius:var(--radius-pill)}
.tag-lilac{background:var(--lilac-100);color:var(--lilac-600)}.tag-orange{background:var(--accent-soft);color:var(--orange-600)}
.tag-dark{background:var(--ink-800);color:var(--lilac-300)}
.n-badge{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-weight:700;font-size:17px;flex-shrink:0}
h1,h2,h3{letter-spacing:var(--tracking-tight);line-height:1.15;margin:0}
h2{font-size:clamp(28px,4vw,38px);font-weight:700}
.kicker{font-size:12px;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--grey-400);display:block;margin-bottom:14px}
section{padding:88px 0}
.card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);transition:box-shadow var(--dur-med) var(--ease-out)}
.card:hover{box-shadow:var(--shadow-raised)}
.card h3{font-size:18px;font-weight:600;margin:14px 0 8px}
.card p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.6}
.card svg{width:26px;height:26px;stroke:var(--lilac-600);margin-top:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
a{color:var(--accent)}a:hover{color:var(--accent-hover)}
#sticky-cta{display:none}

/* Porquê a First Media — bloco e conteúdo centrados */
.why-first-media .wrap{
  margin-left:auto !important;
  margin-right:auto !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.why-first-media .wrap > *{
  width:100%;
  max-width:720px;
  text-align:center;
}
.why-first-media .wrap > p[style*="max-width:640px"]{
  max-width:640px;
}

/* Secções centradas (O problema, A solução, Antes vs. depois, Como funciona) */
.section-centered .wrap{text-align:center}
.section-centered .wrap > h2,
.section-centered .wrap > p{margin-left:auto !important;margin-right:auto !important}
.section-centered .grid3 > div[style*="display:flex"]{flex-direction:column;align-items:center}
.section-centered .card{display:flex;flex-direction:column;align-items:center}
.section-centered .card svg{margin-left:auto;margin-right:auto}
.section-centered .card ul{text-align:center;justify-items:center;width:100%}


@media(max-width:760px){.grid4{grid-template-columns:1fr 1fr}.grid2,.grid3{grid-template-columns:1fr}section{padding:64px 0}
#sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(13,13,19,.92);backdrop-filter:blur(6px);transform:translateY(110%);transition:transform var(--dur-med) var(--ease-out);z-index:50}
#sticky-cta.show{transform:none}
#sticky-cta .cta-calendly{width:100%;padding:14px}}
@media(max-width:480px){.grid4{grid-template-columns:1fr}}

/* Páginas legais */
.legal-page{background:#fff}
.legal-hero{padding:64px 0 40px}
.legal-hero h1{font-size:clamp(30px,5vw,44px);font-weight:800;margin:16px 0 10px}
.legal-hero p{margin:0;font-size:14px;color:var(--text-inverse-muted)}
.legal-body{padding:56px 0 88px}
.legal-body .wrap{max-width:820px}
.legal-body h2{font-size:clamp(20px,2.6vw,26px);font-weight:700;margin:40px 0 12px}
.legal-body h3{font-size:16px;font-weight:600;margin:22px 0 8px}
.legal-body p,.legal-body li{font-size:15px;line-height:1.75;color:var(--text-muted)}
.legal-body ul{list-style:none;padding-left:0;display:grid;gap:8px;margin:10px 0}
.legal-body li{padding-left:0}
.legal-body a{color:var(--accent)}
.legal-back{display:inline-block;margin-top:40px;font-size:14px;font-weight:600}

/* Language switcher */
.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--border-dark);border-radius:999px;background:rgba(255,255,255,.06)}
.lang-switch button{display:inline-flex;align-items:center;justify-content:center;line-height:0;padding:5px 7px;border:0;border-radius:999px;background:transparent;cursor:pointer;opacity:.55;transition:opacity var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.lang-switch button:hover{opacity:1;background:rgba(255,255,255,.12)}
.lang-switch button.active{opacity:1;background:rgba(255,255,255,.18)}
.lang-switch--floating{position:fixed;top:20px;right:24px;z-index:100;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.25)}

/* Os nossos trabalhos */
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;text-align:left}
.work-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,14px);overflow:hidden;box-shadow:0 1px 2px rgba(13,13,19,.05);transition:transform var(--dur-med,.3s) var(--ease-out,ease),box-shadow var(--dur-med,.3s) var(--ease-out,ease)}
.work-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(13,13,19,.35)}
.work-thumb{display:block;aspect-ratio:16/9;width:100%;overflow:hidden;background:var(--surface-alt);border-bottom:1px solid var(--border)}
.work-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.work-thumb--fit img{object-fit:cover;object-position:left center;background:var(--surface-alt)}
.work-thumb--contain img{object-fit:contain;background:var(--surface-alt)}
.work-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.work-body .tag{align-self:flex-start;margin:0 0 4px}
.work-body h3{font-size:16.5px;font-weight:700;margin:0;letter-spacing:-.01em}
.work-body p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}
@media(max-width:900px){.works-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}

/* Chat widget mobile positioning */
@media(max-width:760px){
  .fm-chat-toggle{bottom:92px !important;right:16px !important}
  .fm-chat-dialog{bottom:164px !important;right:16px !important;height:auto !important;max-height:calc(100vh - 180px) !important}
}

/* Menu hambúrguer */
.menu-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1024px){
  .menu-toggle{display:flex}
  .header-right{position:relative}
  header.dark nav{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:220px;flex-direction:column;align-items:stretch;gap:4px;background:var(--surface-dark-raised);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:10px;box-shadow:var(--shadow-raised);z-index:99}
  header.dark nav.nav-open{display:flex}
  header.dark nav a[href^="#"]{display:block;padding:12px 16px}
}