@font-face{font-family:'Artegra';src:url(fontes/ArtegraSans-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Artegra';src:url(fontes/ArtegraSans-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Artegra';src:url(fontes/ArtegraSans-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Artegra Display';src:url(fontes/ArtegraSansExtended-Black.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Artegra Cond';src:url(fontes/ArtegraSansCondensed-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Artegra SC';src:url(fontes/ArtegraSansCondensedSC-Medium.woff2) format('woff2');font-weight:500;font-display:swap}

/* A linha do filme é a espinha da página; as telas reais são a prova.
   Branco solar e azul-marinho, com o magenta da logo MinkaCINE como único destaque. */
:root{
  color-scheme:light;
  --bg:#FFFFFF;
  --ink:#24304A;
  --ink-soft:rgba(36,48,74,.74);
  --line:rgba(36,48,74,.14);
  --accent:#C1007F;
  --accent-ink:#C1007F;
  --band:#24304A;
  --band-ink:#FFFFFF;
  --band-soft:rgba(255,255,255,.76);
  --band-line:rgba(255,255,255,.16);
  --peach:#DFB295;
  --sage:#79B3A7;
  --display:"Artegra Display","Artegra",Inter,"DM Sans","Helvetica Neue",Arial,sans-serif;
  --body:"Artegra",Inter,"DM Sans","Helvetica Neue",Arial,sans-serif;
  --cond:"Artegra Cond","Artegra",Inter,"Helvetica Neue",Arial,sans-serif;
  --sc:"Artegra SC","Artegra Cond",Inter,"Helvetica Neue",Arial,sans-serif;
  --wrap:1180px;
}
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --bg:#1E2840;
    --ink:#FFFFFF;
    --ink-soft:rgba(255,255,255,.76);
    --line:rgba(255,255,255,.16);
    --accent-ink:#F08DA8;
    --band:#2B4F45;
    --band-soft:rgba(255,255,255,.8);
    --band-line:rgba(255,255,255,.2);
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
[id]{scroll-margin-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
h1,h2,h3,h4{text-wrap:balance;margin:0}
p{margin:0}
.eyebrow{font-family:var(--sc);font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:lowercase;color:var(--accent-ink)}
.band .eyebrow{color:var(--peach)}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.55;color:var(--ink-soft);max-width:62ch}
.band .lead{color:var(--band-soft)}
.so-escuro{display:none}
@media (prefers-color-scheme:dark){.so-claro{display:none}.so-escuro{display:block}}

/* topo */
.top{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:13px}
.brand{display:block;width:clamp(138px,15vw,176px);flex:none;line-height:0}
.brand img{width:100%;height:auto}
.nav{display:flex;align-items:center;gap:20px;font-size:15px}
.nav a{text-decoration:none;color:var(--ink-soft)}
.nav a:hover{color:var(--ink)}
.idioma{font-family:var(--sc);font-size:14px;letter-spacing:.06em;border:1.5px solid var(--line);border-radius:999px;padding:5px 11px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--body);font-weight:700;font-size:16px;text-decoration:none;border-radius:999px;padding:12px 22px;border:2px solid var(--accent);background:var(--accent);color:#FFFFFF!important;cursor:pointer;transition:transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink)!important;border-color:var(--line)}
.btn.small{padding:8px 15px;font-size:15px;white-space:nowrap}
@media (max-width:900px){.nav a.sec{display:none}}
@media (max-width:420px){.nav{gap:8px}.btn.small{padding:7px 11px;font-size:14px}.idioma{padding:4px 9px}}
@media (max-width:370px){.nav .btn{display:none}}

/* herói */
.hero{position:relative;overflow:hidden;padding-block:clamp(44px,7vw,88px) clamp(40px,6vw,72px)}
.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(38px,6vw,76px);line-height:.98;letter-spacing:-.01em;margin-block:14px 22px;max-width:15ch}
.hero h1 em{font-style:normal;color:var(--accent-ink)}
.hero .lead{margin-bottom:28px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.estrela{position:absolute;right:-70px;top:-50px;width:clamp(220px,28vw,380px);pointer-events:none;line-height:0}
.estrela img{width:100%;height:auto;display:block}
@media (max-width:920px){.estrela{right:-110px;top:-80px;opacity:.28}}
.hero-tela{margin:clamp(32px,5vw,56px) 0 0;position:relative;z-index:1}
.hero-tela figcaption{margin-top:14px;font-family:var(--cond);font-size:15px;color:var(--ink-soft)}
.tela{display:block;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;line-height:0;transition:border-color .15s ease}
.tela:hover{border-color:var(--accent-ink)}
.tela img{display:block;width:100%;height:auto}
.hero-tela .tela{border:2px solid var(--ink);box-shadow:10px 10px 0 var(--accent)}
.numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,6vw,64px);border-top:2px solid var(--ink)}
.numeros div{padding:18px 18px 0 0;min-width:0}
.numeros strong{display:block;font-family:var(--display);font-weight:900;font-size:clamp(28px,3.4vw,40px);line-height:1;font-variant-numeric:tabular-nums}
.numeros span{display:block;margin-top:8px;font-size:15px;line-height:1.4;color:var(--ink-soft);max-width:25ch}
@media (max-width:760px){.numeros{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}}

/* seções */
section{padding-block:clamp(60px,8vw,104px)}
.sem-topo{padding-top:0}
.topo-curto{padding-top:clamp(28px,4vw,52px)}
.cab{display:grid;gap:14px;max-width:780px;margin-bottom:clamp(34px,5vw,52px)}
.cab h2,.h2{font-family:var(--display);font-weight:900;font-size:clamp(30px,4vw,46px);line-height:1.06}
.dores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.dores>div{border-top:2px solid var(--ink);padding-top:16px;min-width:0}
.dores h3{font-weight:700;font-size:19px;line-height:1.3;margin-bottom:8px}
.dores p{color:var(--ink-soft);font-size:16px}
@media (max-width:860px){.dores{grid-template-columns:minmax(0,1fr)}}

/* linha do filme */
.band{background:var(--band);color:var(--band-ink)}
.fases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.fases::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:var(--band-line)}
.fase{padding-right:clamp(16px,2.4vw,30px);min-width:0;position:relative}
.ponto{width:56px;height:56px;border-radius:50%;background:var(--band);border:2px solid var(--peach);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:20px;color:var(--peach);position:relative}
.fase:first-child .ponto{background:var(--accent);border-color:var(--accent);color:#fff}
.fase h3{font-family:var(--display);font-weight:900;font-size:24px;margin-block:18px 6px}
.fase .q{font-size:15px;color:var(--band-soft);margin-bottom:16px;min-height:3.2em}
.fase ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.fase li{font-size:15px;line-height:1.45;padding-left:16px;position:relative}
.fase li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:var(--peach);clip-path:polygon(50% 0,100% 100%,0 100%)}
@media (max-width:980px){.fases{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.fases::before{display:none}}
@media (max-width:600px){.fases{grid-template-columns:minmax(0,1fr)}.fase .q{min-height:0}}

/* telas */
.dica{font-family:var(--cond);font-size:15px;color:var(--ink-soft)}
.galeria{display:grid;gap:clamp(44px,6vw,76px)}
.linha{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.linha:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}
.linha:nth-child(even)>.midia{order:2}
.linha h3{font-weight:700;font-size:clamp(20px,2.2vw,24px);line-height:1.25;margin-block:8px 10px}
.linha p:not(.eyebrow){color:var(--ink-soft);font-size:16px}
.midia{min-width:0}
.par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fones{display:grid;grid-template-columns:repeat(2,minmax(0,250px));gap:18px;justify-content:center}
.fones .tela{border:2px solid var(--ink);border-radius:22px}
@media (max-width:860px){.linha,.linha:nth-child(even){grid-template-columns:minmax(0,1fr)}.linha:nth-child(even)>.midia{order:0}.par{grid-template-columns:minmax(0,1fr)}}

/* IA */
.ia{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ia-lista{display:grid;border-top:2px solid var(--ink)}
.ia-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;padding-block:17px;border-bottom:1px solid var(--line)}
.ia-item h3{font-weight:700;font-size:17px;line-height:1.35}
.ia-item p{color:var(--ink-soft);font-size:15px;line-height:1.5}
.principios{display:grid;gap:18px;margin-top:28px}
.principios>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.tri{width:22px;height:20px;margin-top:4px;background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%)}
.principios b{display:block;font-weight:700}
.principios span{color:var(--ink-soft);font-size:15px}
@media (max-width:900px){.ia{grid-template-columns:minmax(0,1fr)}.ia-item{grid-template-columns:minmax(0,1fr);gap:6px}}

/* troca */
.tabela{overflow-x:auto;border-top:2px solid var(--ink)}
table{width:100%;border-collapse:collapse;min-width:620px;font-size:16px}
th{font-family:var(--sc);font-weight:500;font-size:13px;letter-spacing:.1em;text-transform:lowercase;text-align:left;color:var(--ink-soft);padding:14px 16px 10px 0}
td{padding:16px 16px 16px 0;border-top:1px solid var(--line);vertical-align:top;line-height:1.45}
td:first-child{color:var(--ink-soft);width:36%}
td:first-child s{text-decoration-color:var(--accent-ink);text-decoration-thickness:2px}
td:last-child{font-weight:500}
@media (max-width:640px){table{min-width:0}thead{display:none}tr{display:block;border-top:1px solid var(--line);padding-block:14px}tr:first-child{border-top:0}td{display:block;border:0;padding:0}td:first-child{width:auto;margin-bottom:4px;font-size:15px}}

/* para quem */
.grupo{margin-top:clamp(36px,5vw,54px)}
.grupo:first-of-type{margin-top:0}
.grupo-cab{display:flex;align-items:baseline;gap:14px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:22px;flex-wrap:wrap}
.grupo-cab h3{font-family:var(--display);font-weight:900;font-size:26px}
.grupo-cab span{color:var(--ink-soft);font-size:15px}
.perfis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,30px)}
.perfil{border:1.5px solid var(--line);border-radius:8px;padding:22px 24px;display:grid;gap:12px;align-content:start;min-width:0}
.perfil.nucleo{border:2px solid var(--accent-ink)}
.perfil h4{font-weight:700;font-size:20px;line-height:1.25}
.perfil dl{margin:0;display:grid;gap:10px}
.perfil dt{font-family:var(--sc);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:lowercase;color:var(--ink-soft)}
.perfil dd{margin:2px 0 0;font-size:15px;line-height:1.5}
@media (max-width:820px){.perfis{grid-template-columns:minmax(0,1fr)}}

/* confiança */
.confianca{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px)}
.confianca>div{min-width:0}
.confianca h3{font-weight:700;font-size:18px;margin-bottom:6px;line-height:1.3}
.confianca p{color:var(--band-soft);font-size:15px}
@media (max-width:860px){.confianca{grid-template-columns:minmax(0,1fr)}}

/* começar */
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:p}
.passos>div{border-top:2px solid var(--ink);padding-top:16px;min-width:0}
.passos>div::before{counter-increment:p;content:counter(p);display:block;font-family:var(--display);font-weight:900;font-size:44px;line-height:1;color:var(--accent-ink);margin-bottom:12px}
.passos h3{font-weight:700;font-size:19px;margin-bottom:6px}
.passos p{color:var(--ink-soft);font-size:16px}
@media (max-width:860px){.passos{grid-template-columns:minmax(0,1fr)}}

/* assistência */
.ajuda{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.ajuda>div{border-top:2px solid var(--ink);padding-top:18px;min-width:0}
.ajuda .tri{display:block;margin:0 0 14px}
.ajuda h3{font-weight:700;font-size:19px;line-height:1.3;margin-bottom:6px}
.ajuda p{color:var(--ink-soft);font-size:16px}
@media (max-width:860px){.ajuda{grid-template-columns:minmax(0,1fr)}}

/* tela ampliada: só a imagem clicada; clicar em qualquer lugar fecha */
.tela{cursor:zoom-in}
.caixa-aberta{overflow:hidden}
.caixa{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent;overflow:hidden;cursor:zoom-out;display:none}
.caixa[open]{display:grid;place-items:center}
.caixa::backdrop{background:rgba(16,22,36,.92)}
.caixa img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);width:auto;height:auto;object-fit:contain;border-radius:6px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.caixa-fechar{position:absolute;right:clamp(8px,2vw,24px);top:8px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:rgba(36,48,74,.7);color:#fff;font:400 28px/1 var(--body);cursor:pointer;padding:0 0 4px}
.caixa-fechar:focus-visible{outline:3px solid var(--peach);outline-offset:2px}

/* perguntas */
.faq{border-top:2px solid var(--ink);max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-weight:700;font-size:18px;position:relative;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-family:var(--display);font-weight:900;font-size:26px;color:var(--accent-ink)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 20px;color:var(--ink-soft);max-width:68ch}

/* contato */
.final{position:relative;overflow:hidden}
.final .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,64px);align-items:end}
.final h2{font-family:var(--display);font-weight:900;font-size:clamp(32px,4.6vw,56px);line-height:1.02;margin-top:12px}
.final .lead{margin-top:18px}
.mosaico{position:absolute;right:-60px;bottom:-40px;width:min(620px,80vw);opacity:.3;pointer-events:none;line-height:0}
.mosaico img{width:100%;height:auto}
.contato{background:var(--bg);color:var(--ink);border:2px solid var(--peach);border-radius:8px;padding:24px;display:grid;gap:14px;min-width:0}
.contato .titulo{font-weight:700;font-size:19px}
.contato .email{font-weight:700;font-size:clamp(17px,2vw,20px);overflow-wrap:anywhere;text-decoration:none}
.contato small{color:var(--ink-soft);font-size:14px;line-height:1.45}
.linha-botoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.copiar{font-family:var(--body);font-weight:700;font-size:14px;border:1.5px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer}
@media (max-width:860px){.final .wrap{grid-template-columns:minmax(0,1fr)}}

/* rodapé */
footer{padding-block:36px;border-top:1px solid var(--line)}
footer .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center}
.marca-cine{width:190px;line-height:0}
.marca-empresa{width:104px;line-height:0}
.marca-cine img,.marca-empresa img{width:100%;height:auto}
footer p{font-size:13px;line-height:1.5;color:var(--ink-soft);max-width:66ch}
@media (max-width:820px){footer .wrap{grid-template-columns:minmax(0,1fr)}}