/* =====================================================
   IMMERSIONEM MASTERING — style.css
   Para editar: cada seção está comentada com ===
   Fontes, cores e variáveis no topo em :root
===================================================== */

/* ===== FONTES ===== */
@font-face{font-family:"UniviaPro";src:url("fonts/univiapro-regular-webfont.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"UniviaPro";src:url("fonts/univiapro-bold-webfont.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

/* ===== VARIÁVEIS — cores, tamanhos, fontes ===== */
:root{
  --c-bg:#000;
  --c-text:#fff;
  --c-accent:#00F3FF;
  --c-muted:#8f9a9c;
  --c-card:#0b0b0b;
  --c-border:rgba(255,255,255,.08);
  --header-h:120px;
  --header-h-sticky:90px;
  --header-h-mobile:72px;
  --logo-h:65px;
  --logo-h-sticky:50px;
  --logo-h-mobile:38px;
  --container:min(1200px,92vw);
  --gap-section:clamp(56px,8vw,100px);
  --radius:12px;
  --radius-lg:18px;
  --shadow:0 18px 48px rgba(0,0,0,.45);
  --font:"UniviaPro","Helvetica Neue",Arial,sans-serif;
}

/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;color-scheme:dark;overflow-x:hidden;}
body{margin:0;padding-top:var(--header-h);color:var(--c-text);background:var(--c-bg);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;}
button{font-family:var(--font);}
ul{list-style:none;margin:0;padding:0;}

/* ===== HEADER ===== */
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:#000;z-index:1000;display:flex;align-items:center;transition:height .28s ease,box-shadow .28s ease;}
.site-header.is-sticky{height:var(--header-h-sticky);box-shadow:0 8px 32px rgba(0,0,0,.7);}
.header-container{width:var(--container);margin:0 auto;height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;}
.logo img{height:var(--logo-h);width:auto;transition:height .28s ease;cursor:pointer;}
.site-header.is-sticky .logo img{height:var(--logo-h-sticky);}
.main-nav-desktop{display:flex;align-items:center;justify-content:flex-end;gap:20px;}
.nav-menu{display:flex;align-items:center;gap:24px;}
.nav-menu a{text-decoration:none;color:#f2f2f2;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;position:relative;transition:color .25s;cursor:pointer;}
.nav-menu a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--c-accent);transition:width .3s ease;}
.nav-menu a:hover,.nav-menu a.active{color:var(--c-accent);text-shadow:0 0 6px rgba(0,243,255,.35);}
.nav-menu a:hover::after,.nav-menu a.active::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:14px;}
.nav-socials{display:flex;align-items:center;gap:8px;}
.nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,243,255,.4);color:var(--c-accent);text-decoration:none;transition:all .25s;}
.nav-icon svg{width:16px;height:16px;}
.nav-icon:hover{background:radial-gradient(circle,rgba(0,243,255,.22),rgba(0,243,255,.06));box-shadow:0 0 12px rgba(0,243,255,.35);transform:translateY(-1px);}
.nav-icon::after{content:none!important;}

/* ===== LANG TOGGLE ===== */
.lang-toggle{display:flex;align-items:center;background:rgba(0,243,255,.06);border:1px solid rgba(0,243,255,.25);border-radius:100px;overflow:hidden;}
.lang-btn{padding:5px 12px;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:none;border:none;color:var(--c-muted);cursor:pointer;transition:all .2s;}
.lang-btn.active{background:var(--c-accent);color:#061315;}
.lang-btn:hover:not(.active){color:#fff;}

/* ===== BURGER / DRAWER ===== */
.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:24px;background:none;border:0;cursor:pointer;justify-self:end;}
.menu-toggle .bar{width:100%;height:2px;background:var(--c-accent);border-radius:10px;transition:all .3s ease;}
.menu-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(4px,4px);}
.menu-toggle.active .bar:nth-child(2){opacity:0;}
.menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(4px,-4px);}
.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(84vw,320px);background:#000;transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s ease,opacity .25s ease,visibility .25s step-end;z-index:10002;display:flex;flex-direction:column;padding:80px 24px 32px;}
.mobile-drawer.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .35s ease,opacity .25s ease,visibility 0s;}
.drawer-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,243,255,.45);background:transparent;color:var(--c-accent);display:grid;place-items:center;cursor:pointer;font-size:16px;z-index:2;}
.drawer-close:hover{background:rgba(0,243,255,.1);}
.drawer-menu{display:flex;flex-direction:column;gap:24px;}
.drawer-menu a{color:#fff;text-decoration:none;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.05em;transition:color .25s;cursor:pointer;}
.drawer-menu a:hover{color:var(--c-accent);}
.drawer-socials{display:flex;gap:10px;margin-top:28px;}
.drawer-lang{display:flex;margin-top:20px;}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:10001;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s step-end;}
.drawer-backdrop.is-visible{opacity:1;visibility:visible;}

/* ===== SISTEMA DE IDIOMAS ===== */
/* Esconde blocos do idioma inativo */
[data-lang="pt"] .lang-en { display: none; }
[data-lang="en"] .lang-pt { display: none; }

/* ===== PÁGINAS ===== */
.page{display:none;}
.page.active{display:block;}

/* ===== HERO — capas de álbuns animadas ===== */
.hero-image{
  position:relative;
  min-height:clamp(480px,70vh,780px);
  height:clamp(480px,70vh,780px);
  display:flex;align-items:center;
  background:#000;
  overflow:hidden;
}

/* trilhas de capas */
.hero-covers{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  gap:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
.hero-covers-row{
  display:flex;gap:0;
  flex:1;min-height:0;
  will-change:transform;
}
/* velocidades por linha */
.hero-covers-row:nth-child(1){animation:coversDrift1 55s linear infinite;}
.hero-covers-row:nth-child(2){animation:coversDrift2 42s linear infinite;}
.hero-covers-row:nth-child(3){animation:coversDrift3 65s linear infinite;}
.hero-covers-row:nth-child(4){animation:coversDrift1 48s linear infinite;}
@keyframes coversDrift1{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes coversDrift2{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes coversDrift3{from{transform:translateX(-25%)}to{transform:translateX(-75%)}}
@media(prefers-reduced-motion:reduce){.hero-covers-row{animation:none!important;}}

/* capa: preenche 100% da altura da linha, largura proporcional */
.hero-cover{
  flex-shrink:0;
  aspect-ratio:1;
  height:100%;
  width:auto;
  background:#111;
  border-radius:0;
  overflow:hidden;
  opacity:.78;
}
.hero-cover img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  pointer-events:none;user-select:none;
}
.hero-cover-ph{width:100%;height:100%;background:linear-gradient(135deg,#111,#0a1a1c);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3vw,36px);color:rgba(255,255,255,.08);}

/* overlay: escuro à esquerda, mais aberto à direita */
.hero-image-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.75) 30%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.55) 100%),
    linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.0) 40%,rgba(0,0,0,.5) 100%);
}

/* conteúdo do hero */
.hero-image-content{
  position:relative;
  z-index:2;
  width:100%;
  max-width:calc(var(--container) + clamp(20px,4vw,52px)*2);
  margin:0 auto;
  padding:0 clamp(20px,4vw,52px);
}
.hero-image-label{display:block;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);margin-bottom:16px;opacity:.9;}
.hero-image-title{font-size:clamp(2.6rem,6vw,5.2rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 20px;color:#fff;max-width:13ch;text-shadow:0 2px 32px rgba(0,0,0,.6);}
.hero-image-sub{font-size:clamp(.95rem,1.5vw,1.15rem);color:rgba(255,255,255,.82);max-width:46ch;line-height:1.75;margin:0 0 36px;text-shadow:0 1px 16px rgba(0,0,0,.7);}
.hero-image-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}

/* badges Grammy / Dolby — alinhados ao container */
.hero-badges{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:calc((100vw - min(1200px,92vw)) / 2 + clamp(20px,4vw,52px));
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  z-index:3;
}
.hero-badge{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:100px;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.hero-badge-gold{background:rgba(200,169,110,.15);border:1px solid rgba(200,169,110,.45);color:#c8a96e;}
.hero-badge-blue{background:rgba(0,243,255,.1);border:1px solid rgba(0,243,255,.35);color:var(--c-accent);}

/* ===== LAYOUT GERAL ===== */
.section{padding:var(--gap-section) 0;position:relative;}
.container{width:var(--container);margin:0 auto;}
.section-title{text-align:center;font-weight:700;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.15;letter-spacing:.02em;margin:0 0 clamp(12px,2vw,20px);}
.title-white{color:#fff;}
.title-accent{color:var(--c-accent);}
.section-intro{text-align:center;color:rgba(255,255,255,.75);font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.65;max-width:min(80ch,860px);margin:0 auto clamp(32px,4vw,52px);font-weight:700;}
.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,243,255,.3),transparent);margin:0;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;border:1px solid rgba(0,243,255,.3);background:rgba(0,243,255,.06);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);}
.chip-gold{border-color:rgba(200,169,110,.4);background:rgba(200,169,110,.07);color:#c8a96e;}

/* ===== BOTÕES ===== */
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:0;border-radius:var(--radius);font-family:var(--font);font-weight:700;font-size:1rem;color:#061315;cursor:pointer;background:linear-gradient(90deg,#00F3FF,#26e6ff);box-shadow:0 10px 28px rgba(0,243,255,.25),inset 0 -4px 10px rgba(0,0,0,.25);transition:transform .18s,box-shadow .18s,filter .18s;text-decoration:none;white-space:nowrap;}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,243,255,.35);filter:saturate(1.05);}
.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:var(--radius);border:1px solid rgba(0,243,255,.4);background:transparent;font-family:var(--font);font-weight:700;font-size:1rem;color:var(--c-accent);cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap;}
.btn-outline:hover{background:rgba(0,243,255,.08);box-shadow:0 0 16px rgba(0,243,255,.2);}

/* ===== PAGE HERO (páginas internas) ===== */
.page-hero{padding:clamp(56px,8vw,100px) 0 clamp(40px,5vw,60px);background:radial-gradient(1000px 400px at 50% 0%,rgba(0,243,255,.08),transparent 65%),linear-gradient(180deg,#060e0f 0%,#000 100%);border-bottom:1px solid rgba(0,243,255,.1);position:relative;overflow:hidden;}
.page-hero::after{content:'';position:absolute;right:0;top:0;bottom:0;width:40%;background:radial-gradient(ellipse at right,rgba(0,243,255,.06),transparent 70%);pointer-events:none;}
.page-hero .container{position:relative;z-index:1;}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);}
.breadcrumb a{text-decoration:none;cursor:pointer;transition:color .2s;color:var(--c-muted);}
.breadcrumb a:hover{color:#fff;}
.bc-sep{color:rgba(255,255,255,.2);}
.bc-cur{color:var(--c-accent);}
.page-hero-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent);margin-bottom:14px;display:block;}
.page-hero h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:700;line-height:.95;letter-spacing:-.01em;margin:0 0 20px;}
.page-hero p{font-size:clamp(1rem,1.6vw,1.15rem);color:rgba(255,255,255,.72);max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7;margin:0;font-weight:700;}

/* ===== TRUST BAR — 3 boxes ===== */
.trust-bar{
  background:transparent;
  border:none;
  padding:clamp(20px,3vw,36px) 0;
}
.trust-bar-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,2vw,24px);
}
.trust-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(24px,3.5vw,40px) clamp(20px,2.5vw,32px);
  border-radius:var(--radius-lg);
  min-height:100px;
  position:relative;
  overflow:hidden;
  transition:transform .25s,box-shadow .25s;
}
.trust-item::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);
  transform:translateX(-100%);transition:transform .5s ease;
}
.trust-item:hover{transform:translateY(-2px);}
.trust-item:hover::after{transform:translateX(100%);}
/* Primeiro box — dourado */
.trust-item:nth-child(1){
  background:rgba(200,169,110,.08);
  border:1px solid rgba(200,169,110,.3);
  box-shadow:0 4px 32px rgba(200,169,110,.08);
}
.trust-item:nth-child(1):hover{box-shadow:0 8px 40px rgba(200,169,110,.18);}
/* Segundo e terceiro — ciano */
.trust-item:nth-child(2),
.trust-item:nth-child(3){
  background:rgba(0,243,255,.06);
  border:1px solid rgba(0,243,255,.2);
  box-shadow:0 4px 32px rgba(0,243,255,.06);
}
.trust-item:nth-child(2):hover,.trust-item:nth-child(3):hover{box-shadow:0 8px 40px rgba(0,243,255,.15);}
.trust-sep{ display:none; }
.trust-sup{
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--c-muted);
  display:block;
  margin-bottom:6px;
}
/* Título dourado no primeiro, branco nos demais */
.trust-item:nth-child(1) .trust-title{ color:#c8a96e; }
.trust-item:nth-child(2) .trust-title,
.trust-item:nth-child(3) .trust-title{ color:#fff; }
.trust-title{
  font-size:clamp(.9rem,1.3vw,1.05rem);
  font-weight:700;
  line-height:1.25;
  display:block;
}
@media(max-width:700px){
  .trust-bar-grid{grid-template-columns:1fr;}
  .insta-cta-strip{flex-direction:column;align-items:flex-start;}
  .insta-cta-strip .btn-primary{width:100%;justify-content:center;}
}

/* ===== HOME — SOBRE + VÍDEO ===== */
.home-about{
  background:linear-gradient(180deg,#060e0f 0%,#000 100%);
  border-bottom:1px solid rgba(0,243,255,.1);
}
.home-about-title{
  font-size:clamp(2rem,4vw,3.2rem);
  font-weight:700;
  line-height:1.1;
  margin:0 0 clamp(28px,3.5vw,40px);
  font-family:var(--font);
}
.home-about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(32px,5vw,64px);
  align-items:start;
  margin-bottom:clamp(24px,3vw,36px);
}
.home-about-text p{
  color:rgba(255,255,255,.75);
  line-height:1.75;
  font-size:.98rem;
  margin-bottom:16px;
}
.home-about-full p{
  color:rgba(255,255,255,.75);
  line-height:1.75;
  font-size:.98rem;
  margin-bottom:16px;
}
@media(max-width:900px){
  .home-about-grid{grid-template-columns:1fr;}
}

/* Placeholder vídeo PT */
.about-video-ph{
  width:100%;
  aspect-ratio:16/9;
  border-radius:var(--radius-lg);
  border:1px solid rgba(0,243,255,.12);
  background:linear-gradient(135deg,#060e0f,#030708);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.about-video-ph::before{
  content:'';
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(0,243,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,243,255,.04) 1px,transparent 1px);
  background-size:40px 40px;
}
.about-video-ph-inner{
  position:relative;z-index:1;
  text-align:center;
}
.about-video-ph-inner span{
  font-size:48px;
  display:block;
  margin-bottom:12px;
  filter:drop-shadow(0 0 16px rgba(0,243,255,.4));
}
.about-video-ph-inner p{
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c-muted);
  margin:0;
}

/* ===== MOTION — microinterações e entradas ===== */
/* Stagger nos fade-up com delay automático por nth-child */
.trust-item:nth-child(1){transition-delay:0s;}
.trust-item:nth-child(3){transition-delay:.1s;}
.trust-item:nth-child(5){transition-delay:.2s;}

/* Hover glow nos botões de ação */
.btn-primary{
  position:relative;
  overflow:hidden;
}
.btn-primary::after{
  content:'';
  position:absolute;
  inset:-2px;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.18),transparent 70%);
  opacity:0;
  transition:opacity .3s;
  pointer-events:none;
}
.btn-primary:hover::after{opacity:1;}

/* hover removido do sobre */

/* Video embed — brilho suave no hover */
.video-embed-wrap{
  transition:box-shadow .35s;
}
.video-embed-wrap:hover{
  box-shadow:0 0 32px rgba(0,243,255,.18);
}

/* ===== HERO MOBILE — capas mais compactas ===== */
@media(max-width:600px){
  .hero-image{
    min-height:clamp(360px,60vh,520px);
    height:clamp(360px,60vh,520px);
  }
  .hero-cover{
    aspect-ratio:1;
    height:100%;
    width:auto;
  }
  .hero-covers{gap:0;}
  .hero-covers-row{gap:0;}
  .hero-image-title{font-size:clamp(1.8rem,7vw,2.8rem);}
  .hero-image-sub{font-size:.88rem;max-width:90%;}
  .hero-badges{display:none;}
  .home-about-grid{grid-template-columns:1fr;}
}

/* ===== VIDEO EMBED ===== */
.video-embed-wrap{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(0,243,255,.15);position:relative;background:#000;}
.video-embed-wrap iframe{width:100%;aspect-ratio:16/9;display:block;border:0;}
.video-poster-btn{position:absolute;inset:0;background-image:var(--poster,url('img/headeryoutube.jpg'));background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:opacity .3s;}
.video-poster-btn::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.38);}
.play-icon{--size:80px;width:var(--size);height:var(--size);border-radius:999px;border:2px solid rgba(255,255,255,.9);display:grid;place-items:center;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s;}
.play-icon .triangle{width:calc(var(--size)*.38);height:calc(var(--size)*.38);background:rgba(255,255,255,.95);clip-path:polygon(20% 15%,20% 85%,80% 50%);transform:translateX(2%);transition:background .2s;}
.video-poster-btn:hover .play-icon{border-color:var(--c-accent);box-shadow:0 0 22px rgba(0,243,255,.45);transform:scale(1.04);}
.video-poster-btn:hover .triangle{background:var(--c-accent);}
.video-poster-btn.hidden{opacity:0;pointer-events:none;}
.studio-video-full{margin-bottom:clamp(20px,2.5vw,32px);}
.video-caption{
  font-size:.78rem;
  color:var(--c-muted);
  margin-top:10px;
  text-align:center;
  font-family:var(--font);
}

/* ===== SERVIÇOS HOME ===== */
.services-home{
  background:radial-gradient(900px 320px at 50% 50%,rgba(0,243,255,.07),transparent 70%),#050e0f;
  border-top:1px solid rgba(0,243,255,.1);
  border-bottom:1px solid rgba(0,243,255,.1);
}
.services-grid-home{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
  background:rgba(0,243,255,.06);
  border-radius:var(--radius-lg);
  overflow:hidden;
  margin-top:clamp(28px,4vw,48px);
}
.svc-card{
  background:#060e0f;
  padding:clamp(24px,3vw,40px);
  position:relative;
  cursor:pointer;
  transition:background .3s;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.svc-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s;
}
.svc-card:hover{background:#0a1a1c;}
.svc-card:hover::before{transform:scaleX(1);}
.svc-num{
  font-size:80px;
  font-weight:700;
  color:rgba(255,255,255,.07);
  line-height:1;
  margin-bottom:-40px;
  user-select:none;
  display:block;
  position:relative;
  z-index:0;
}
.svc-icon{
  display:block;
  margin-bottom:16px;
  position:relative;
  z-index:1;
}
.svc-icon img{
  display:block;
  opacity:.9;
  filter:brightness(0) invert(1);
  width:72px;
  height:72px;
  object-fit:contain;
}
.svc-name{font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;color:#fff;}
.svc-desc{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.65;margin:0;font-weight:700;}
.svc-arrow{display:none;}

/* CTA strip — dentro da seção serviços, sem wrapper separado */
.svc-cta-strip{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;
  padding:clamp(20px,3vw,32px) clamp(24px,3vw,40px);
  border-radius:var(--radius-lg);
  background:linear-gradient(90deg,rgba(0,243,255,.08),rgba(0,243,255,.04));
  border:1px solid rgba(0,243,255,.2);
}
.svc-cta-strip-wrap{display:none;} /* removido do layout */
.svc-cta-strip-text{display:flex;flex-direction:column;gap:4px;}
.svc-cta-title{
  font-size:clamp(1.3rem,2.8vw,2rem);
  color:#fff;
  font-weight:700;
  margin:0 0 6px;
  line-height:1.2;
}
.svc-cta-sub{
  font-size:.95rem;
  color:rgba(255,255,255,.65);
  font-weight:700;
  margin:0;
}
.svc-cta-strip-actions{flex-shrink:0;}

/* Tagline Sobre Nós — 1 linha */
.team-intro-nowrap{white-space:nowrap;overflow:visible;max-width:100%;font-size:clamp(.85rem,1.3vw,1rem);}
@media(max-width:900px){.team-intro-nowrap{white-space:normal;}}

/* Peso da fonte — parágrafos do sobre seguem bold do body */
.home-about-text p,
.home-about-full p{font-weight:700;}

/* Instagram */
/* ===== INSTAGRAM CTA STRIP ===== */
.home-instagram{
  background:#050e0f;
  border-top:1px solid rgba(0,243,255,.08);
  border-bottom:1px solid rgba(0,243,255,.08);
  padding:clamp(20px,3vw,32px) 0;
}
.insta-cta-strip{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;
  padding:clamp(20px,3vw,32px) clamp(24px,3vw,40px);
  border-radius:var(--radius-lg);
  background:linear-gradient(90deg,rgba(0,243,255,.08),rgba(0,243,255,.04));
  border:1px solid rgba(0,243,255,.2);
}
.insta-cta-text{display:flex;align-items:center;gap:18px;}
.insta-cta-icon{color:var(--c-accent);flex-shrink:0;opacity:.9;}
.insta-cta-title{font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;color:#fff;margin:0 0 4px;line-height:1.2;}
.insta-cta-sub{font-size:.88rem;color:rgba(255,255,255,.6);font-weight:700;margin:0;}
}

/* ===== PÁGINA DE SERVIÇOS ===== */
.svc-page-hero{
  background:linear-gradient(180deg,#060e0f 0%,#000 100%);
  padding:clamp(32px,4vw,52px) 0 clamp(16px,2vw,24px);
  border-bottom:none;
}
.svc-page-hero h1{
  font-size:clamp(2.8rem,7vw,5.5rem);
  font-weight:700;line-height:.95;
  letter-spacing:-.02em;
  margin:8px 0 14px;
}
.svc-page-hero p{
  font-size:clamp(.85rem,1.2vw,.98rem);
  color:rgba(255,255,255,.7);
  max-width:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.65;
  font-weight:700;
  margin:0;
}

/* Linhas de serviço */
.svc-page-body{background:#000;padding:0 0 clamp(40px,6vw,72px);}
.svc-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(40px,6vw,80px);
  align-items:center;
  width:var(--container);
  margin:0 auto;
  padding:clamp(48px,6vw,80px) 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.svc-row:last-child{border-bottom:none;}
.svc-row-reverse{direction:rtl;}
.svc-row-reverse > *{direction:ltr;}

/* Imagem com animação */
.svc-row-img{
  position:relative;overflow:hidden;
  border-radius:var(--radius-lg);
  background:#000;
  aspect-ratio:4/3;
  border:1px solid rgba(0,243,255,.25);
  box-shadow:0 0 0 1px rgba(0,243,255,.1);
}
.svc-row-img img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.25,.46,.45,.94);
}
.svc-row:hover .svc-row-img img{transform:scale(1.05);}
.svc-img-ph{
  width:100%;height:100%;min-height:280px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(135deg,#060e0f,#030708);
  position:relative;
  border-radius:var(--radius-lg);
}
.svc-img-ph::before{
  content:'';position:absolute;inset:0;border-radius:var(--radius-lg);
  background-image:linear-gradient(rgba(0,243,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,243,255,.04) 1px,transparent 1px);
  background-size:40px 40px;
}
.svc-img-ph span{font-size:52px;position:relative;z-index:1;}
.svc-img-ph p{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin:0;position:relative;z-index:1;}
.svc-img-ph-dark{background:linear-gradient(135deg,#030814,#030708);}

/* Conteúdo — margens individuais para hierarquia visual */
.svc-row-content{
  display:flex;flex-direction:column;
  justify-content:center;
}
.svc-row-chips{
  display:flex;gap:8px;flex-wrap:wrap;
  margin-bottom:14px;
}
.svc-row-title{
  font-size:clamp(1.8rem,3.2vw,2.8rem);
  font-weight:700;line-height:1.0;
  color:#fff;
  margin:0 0 20px;
}
.svc-row-desc{
  font-size:clamp(.88rem,1.2vw,.98rem);
  color:rgba(255,255,255,.75);
  line-height:1.8;font-weight:700;
  margin:0 0 24px;
}
.svc-row-price{
  font-size:clamp(.95rem,1.3vw,1.05rem);
  font-weight:700;color:#fff;
  margin:0 0 28px;
}
.svc-row-content .btn-primary,
.svc-row-content .btn-outline{
  align-self:flex-start;
}

/* CTA final da página */
.svc-page-cta{
  background:radial-gradient(900px 300px at 50% 50%,rgba(0,243,255,.08),transparent 70%),#050e0f;
  border-top:1px solid rgba(0,243,255,.1);
  padding:clamp(56px,8vw,100px) 0;
  text-align:center;
}
.svc-page-cta-title{
  font-size:clamp(1.8rem,4vw,3rem);
  font-weight:700;line-height:1.1;
  margin:0 0 20px;
}
.svc-page-cta-actions{
  display:flex;gap:14px;justify-content:center;
  flex-wrap:wrap;margin-top:32px;
}

@media(max-width:900px){
  .svc-row{grid-template-columns:1fr;gap:clamp(24px,4vw,40px);}
  .svc-row-reverse{direction:ltr;}
  .svc-row-img{aspect-ratio:16/9;}
  .svc-row-content .btn-primary,
  .svc-row-content .btn-outline{align-self:stretch;justify-content:center;}
}

/* ===== PRODUÇÕES ===== */
.productions-home{background:radial-gradient(1200px 480px at 50% 45%,rgba(0,243,255,.18),rgba(0,243,255,.04) 60%,transparent 90%),linear-gradient(180deg,#062d31 0%,#0a4a50 40%,#051d1f 100%);overflow:hidden;}
.productions-home .section-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:clamp(24px,3vw,36px);}
.productions-home .section-title{margin:0;text-align:left;}
.proj-carousel{position:relative;padding-inline:0;}
.proj-track{--card-w:260px;--gap:clamp(12px,2vw,20px);display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-w);gap:var(--gap);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:4px 0 8px;scrollbar-width:none;}
.proj-track::-webkit-scrollbar{display:none;}
.proj-item{scroll-snap-align:start;display:flex;flex-direction:column;}
.proj-card{all:unset;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s,box-shadow .18s;}
.proj-card:hover{transform:translateY(-3px);}
.proj-card:hover .proj-image-wrap{border-color:rgba(0,243,255,.35);box-shadow:0 14px 32px rgba(0,0,0,.6);}
.proj-image-wrap{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid #1a1a1a;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:border-color .2s,box-shadow .2s;}
.proj-figure{margin:0;}
.proj-figure img{width:100%;aspect-ratio:1;object-fit:cover;display:block;}
.proj-badge{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:2;}
.proj-badge-gold{background:rgba(200,169,110,.15);border:1px solid rgba(200,169,110,.5);color:#c8a96e;}
.proj-badge-blue{background:rgba(0,243,255,.1);border:1px solid rgba(0,243,255,.35);color:var(--c-accent);}
.proj-info{padding:12px 4px 0;}
.proj-info strong{display:block;font-size:.92rem;font-weight:700;color:#fff;line-height:1.35;margin-bottom:4px;}
.proj-info span{font-size:.8rem;color:var(--c-muted);}
.proj-nav{position:absolute;top:38%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(6,14,15,.85);border:1px solid rgba(0,243,255,.3);color:#fff;cursor:pointer;display:grid;place-items:center;z-index:6;transition:box-shadow .2s,border-color .2s;font-size:18px;}
.proj-nav:hover{border-color:rgba(0,243,255,.6);box-shadow:0 0 16px rgba(0,243,255,.3);}
.proj-nav.prev{left:-18px;}
.proj-nav.next{right:-18px;}

/* Página Produções */
/* ===== PÁGINA DE PRODUÇÕES ===== */
.prod-page-body{background:#000;padding:0 0 clamp(48px,7vw,96px);}

/* Título de seção alinhado à esquerda */
.prod-section-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;margin:0 0 clamp(24px,3vw,36px);text-align:left;}

/* Projetos em destaque */
.prod-featured{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(12px,2vw,24px);
}
.prod-feat-card{
  background:var(--c-card);
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  transition:border-color .2s,transform .2s;
  cursor:pointer;
}
.prod-feat-card:hover{border-color:rgba(0,243,255,.25);transform:translateY(-3px);}
.prod-feat-img{
  position:relative;aspect-ratio:4/3;overflow:hidden;background:#060e0f;
}
.prod-feat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.prod-feat-card:hover .prod-feat-img img{transform:scale(1.04);}
.prod-feat-badge{
  position:absolute;top:10px;right:10px;
  padding:4px 12px;border-radius:100px;
  font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;z-index:2;
}
.prod-feat-badge-gold{background:rgba(255,248,235,.92);border:1px solid rgba(200,169,110,.6);color:#8a6a10;}
.prod-feat-badge-blue{background:rgba(235,252,255,.92);border:1px solid rgba(0,200,220,.4);color:#006e7a;}
.prod-feat-info{padding:clamp(14px,2vw,20px);}
.prod-feat-title{font-size:clamp(.9rem,1.4vw,1.05rem);font-weight:700;color:#fff;margin-bottom:6px;line-height:1.3;}
.prod-feat-award{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c8a96e;margin-bottom:6px;}
.prod-feat-award-blue{color:var(--c-accent);}
.prod-feat-meta{font-size:.82rem;color:var(--c-muted);font-weight:700;}

/* Dot indicators — featured projects (mobile only) */
.prod-feat-dots{
  display:none;
  justify-content:center;
  gap:6px;
  margin-top:12px;
}
.prod-feat-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.2);
  cursor:pointer;transition:background .2s,transform .2s;
}
.prod-feat-dot.active{background:var(--c-accent);transform:scale(1.25);}

/* Filtros por engenheiro */
.prod-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px);}
.prod-filter{
  padding:8px 20px;border-radius:100px;
  border:1px solid rgba(255,255,255,.15);
  background:none;color:rgba(255,255,255,.6);
  font-family:var(--font);font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:all .2s;
}
.prod-filter:hover{border-color:rgba(255,255,255,.4);color:#fff;}
.prod-filter.active{background:var(--c-accent);border-color:var(--c-accent);color:#061315;}

/* Grid todas as produções — hover com overlay streaming */
/* prod-all-grid — see slider section below */
.prod-grid-item{aspect-ratio:1;position:relative;overflow:hidden;background:#0a1a1c;}
.prod-grid-link{display:block;width:100%;height:100%;position:relative;}
.prod-grid-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.prod-grid-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#0a1a1c,#060e0f);}
.prod-grid-badge{
  position:absolute;top:10px;left:10px;
  padding:5px 12px;
  border-radius:100px;
  font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  z-index:3;
}
.prod-grid-badge.winner{
  background:rgba(255,248,235,.92);
  border:1px solid rgba(200,169,110,.6);
  color:#8a6a10;
}
.prod-grid-badge.nominee{
  background:rgba(235,252,255,.92);
  border:1px solid rgba(0,200,220,.4);
  color:#006e7a;
}
/* Overlay ao hover */
.prod-grid-overlay{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.15) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:12px;
  opacity:0;
  transition:opacity .3s ease;
  z-index:4;
  pointer-events:none;
}
/* prod-grid-item hover — pointer-events on link triggers this */
/* hover controlado via JS em renderProdItem */
.prod-grid-platform{
  display:flex;align-items:center;gap:7px;
  margin-bottom:8px;
  color:var(--c-accent);
  font-size:11px;font-weight:700;
  letter-spacing:.06em;
}
.prod-grid-platform svg{flex-shrink:0;}
.prod-grid-overlay-title{
  font-size:11px;font-weight:700;color:rgba(255,255,255,.75);
  line-height:1.3;
}

/* Nossos clientes */
.prod-clients-sub{font-size:.95rem;color:rgba(255,255,255,.6);font-weight:700;margin:0 0 clamp(20px,3vw,32px);}
.prod-clients-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);margin:0 0 16px;}

/* Clientes label com linha */
.prod-clients-label{
  font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--c-accent);
  margin:0 0 0;
  padding-bottom:12px;
  border-bottom:1px solid rgba(0,243,255,.2);
  display:block;
  margin-bottom:20px;
}

/* Cards de destaque — fundo cinza visível */
.prod-clients-featured{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(8px,1.5vw,14px);
  margin-bottom:clamp(32px,4vw,48px);
}
.prod-client-card{
  background:#1a1a1a;
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  padding:clamp(18px,2.5vw,28px) clamp(14px,2vw,20px);
  font-size:clamp(.85rem,1.3vw,.98rem);
  font-weight:700;color:#fff;
  position:relative;
  transition:border-color .2s,background .2s;
  min-height:80px;
  display:flex;align-items:flex-end;
}
.prod-client-card:hover{border-color:rgba(0,243,255,.3);background:#222;}
.prod-client-card-badge{border-color:rgba(200,169,110,.3);background:#1a1a1a;}
.prod-client-badge{
  position:absolute;top:10px;right:10px;
  background:rgba(255,248,235,.92);
  border:1px solid rgba(200,169,110,.6);
  color:#8a6a10;
  padding:4px 10px;
  border-radius:100px;
  font-size:9px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
}

/* Lista de todos os artistas */
.prod-all-clients{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(12px,2vw,24px);
  margin-bottom:clamp(24px,3vw,36px);
}
.prod-all-col{
  font-size:.85rem;color:rgba(255,255,255,.65);
  line-height:2;font-weight:700;
}
.prod-producers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(4px,1vw,8px) clamp(12px,2vw,24px);
  font-size:.85rem;color:rgba(255,255,255,.65);
  line-height:1.9;font-weight:700;
  margin-bottom:clamp(32px,4vw,48px);
}

.prod-labels{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(32px,5vw,72px);
  flex-wrap:wrap;
  padding-top:clamp(32px,4vw,48px);
  border-top:1px solid rgba(255,255,255,.08);
}
/* Altura individual por logo para equilíbrio visual */
.prod-labels .label-logo-item{height:auto;opacity:.45;filter:grayscale(100%) brightness(2.5);transition:opacity .25s,filter .25s;}
.prod-labels .label-logo-item:hover{opacity:.85;filter:none;}
.prod-labels .label-logo-item img{display:block;object-fit:contain;}

/* Som Livre */
.prod-labels .label-logo-item:nth-child(1) img{height:80px;width:auto;}
/* EMI */
.prod-labels .label-logo-item:nth-child(2) img{height:56px;width:auto;}
/* Maximus */
.prod-labels .label-logo-item:nth-child(3) img{height:44px;width:auto;}
/* Universal */
.prod-labels .label-logo-item:nth-child(4) img{height:90px;width:auto;}
/* Sony */
.prod-labels .label-logo-item:nth-child(5) img{height:80px;width:auto;}

/* Grid wrapper e navegação */
/* ── DESKTOP: setas para fora do grid ── */
.prod-slider-outer{position:relative;}
.prod-slider-wrap{position:relative;}
.prod-slider-viewport{overflow:hidden;}
.prod-slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;z-index:5;
  border:1px solid rgba(0,243,255,.3);
  background:rgba(6,14,15,.85);
  color:var(--c-accent);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.prod-slider-prev{left:-58px;}
.prod-slider-next{right:-58px;}
.prod-slider-arrow:hover{
  background:rgba(0,243,255,.15);
  border-color:rgba(0,243,255,.6);
  box-shadow:0 0 16px rgba(0,243,255,.25);
}
.prod-all-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:3px;
}
.prod-grid-empty{aspect-ratio:1;background:transparent;pointer-events:none;}

.prod-grid-nav{
  display:flex;align-items:center;justify-content:center;
  gap:10px;margin-top:16px;
}
.prod-nav-dots{display:flex;gap:8px;align-items:center;}
.prod-nav-dot{
  width:8px;height:8px;border-radius:50%;
  border:none;background:rgba(255,255,255,.2);
  cursor:pointer;padding:0;transition:all .25s;
}
.prod-nav-dot.active{background:var(--c-accent);width:24px;border-radius:4px;}

/* ── DESKTOP GRID ── */

/* mobile prod-grid: controlado via JS e pelo @media abaixo */
.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:36px;}
.filter-btn{padding:8px 20px;border-radius:100px;border:1px solid var(--c-border);background:none;color:var(--c-muted);font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.filter-btn:hover{border-color:rgba(255,255,255,.3);color:#fff;}
.filter-btn.active{background:var(--c-accent);border-color:var(--c-accent);color:#061315;}

/* Grammy cards (compatibilidade) */
.grammy-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:60px;}
.grammy-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--c-card);border:1px solid rgba(200,169,110,.2);}
.grammy-card-media{aspect-ratio:1;background:linear-gradient(135deg,#1a0a2e,#060e0f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;}
.grammy-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.grammy-card-info{padding:20px;}
.grammy-card-title{font-size:1.05rem;font-weight:700;margin-bottom:4px;}
.grammy-card-award{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8a96e;margin-bottom:10px;}
.grammy-card-meta{font-size:13px;color:var(--c-muted);}

/* Clientes (compatibilidade) */
.clients-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:clamp(24px,3vw,48px);margin-top:40px;}
.clients-col h4{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(0,243,255,.15);}
.clients-list{display:flex;flex-direction:column;gap:7px;}
.clients-list li{font-size:13px;color:rgba(255,255,255,.65);line-height:1.4;transition:color .2s;}
.clients-list li:hover{color:#fff;}
li.artist-featured{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:rgba(255,255,255,.88);}

@media(max-width:900px){
  .prod-featured{grid-template-columns:1fr;}
  /* prod-all-grid: display e layout controlados via JS */
  .prod-clients-featured{grid-template-columns:1fr 1fr;}
  .prod-all-clients{grid-template-columns:1fr 1fr;}
  .prod-producers{grid-template-columns:1fr 1fr;}
  .clients-cols{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  /* prod-all-grid: controlled by mobile block below */
  .prod-clients-featured{grid-template-columns:1fr;}
  .prod-all-clients{grid-template-columns:1fr;}
  .prod-producers{grid-template-columns:1fr;}
  .clients-cols{grid-template-columns:1fr;}
}

.label-logos-row{display:flex;align-items:center;gap:clamp(16px,3vw,36px);flex-wrap:wrap;}
.label-logo-item{display:flex;align-items:center;justify-content:center;height:clamp(36px,5vw,60px);opacity:.45;filter:grayscale(100%) brightness(2.5);transition:opacity .25s,filter .25s,transform .2s;}
.label-logo-item:hover{opacity:.85;filter:none;transform:translateY(-2px);}
.label-logo-item img{height:100%;width:auto;max-width:110px;object-fit:contain;}
.label-logo-text{font-family:var(--font);font-weight:700;font-size:clamp(11px,1.4vw,14px);letter-spacing:.08em;text-transform:uppercase;color:#fff;}

/* ===== PRÊMIOS ===== */
.awards-strip{background:linear-gradient(135deg,#060e0f,#040a0b);border:1px solid rgba(0,243,255,.12);border-radius:var(--radius-lg);padding:clamp(28px,4vw,48px);display:flex;align-items:flex-start;gap:36px;flex-wrap:wrap;}
.awards-icon{font-size:44px;flex-shrink:0;}
.awards-body{flex:1;min-width:200px;}
.awards-body h3{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;margin:0 0 16px;}
.awards-list{display:flex;flex-direction:column;gap:10px;}
.awards-list li{display:flex;align-items:flex-start;gap:14px;font-size:.93rem;color:rgba(255,255,255,.65);}
.awards-list li span:last-child{line-height:1.5;}
.award-year{font-size:11px;font-weight:700;letter-spacing:.1em;color:#c8a96e;flex-shrink:0;min-width:36px;margin-top:2px;}
.award-trophy{width:18px;height:auto;vertical-align:middle;display:inline;margin-right:2px;position:relative;top:-1px;}
.award-winner{color:#c8a96e;font-weight:700;}

/* ===== PÁGINA SOBRE ===== */
.about-bg{background:radial-gradient(800px 260px at 15% 0%,rgba(0,243,255,.05),transparent 60%),linear-gradient(180deg,#060e0f 0%,#000 100%);}
.about-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center;margin-bottom:clamp(48px,6vw,72px);}
.about-intro-text p{color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:14px;font-size:.98rem;}
.about-intro-text .btn-group{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;}
.about-media{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid rgba(0,243,255,.12);background:linear-gradient(135deg,#060e0f,#030708);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;}
.about-media::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,243,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.04) 1px,transparent 1px);background-size:40px 40px;}
.about-media-inner{position:relative;z-index:1;text-align:center;}
.about-media-inner span{font-size:44px;display:block;margin-bottom:10px;}
.about-media-inner p{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin:0;}

/* Fotos estúdio */
.studio-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:3px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:clamp(48px,6vw,72px);}
.studio-photo{position:relative;overflow:hidden;background:linear-gradient(135deg,#060e0f,#030708);}
.studio-photo.main{grid-row:1/3;}
.studio-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.studio-photo:hover img{transform:scale(1.04);}
.studio-photo-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;position:relative;}
.studio-photo-ph::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,243,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.04) 1px,transparent 1px);background-size:40px 40px;}
.studio-photo-ph-inner{position:relative;z-index:1;text-align:center;}
.studio-photo-ph-inner span{font-size:36px;display:block;margin-bottom:8px;}
.studio-photo-ph-inner p{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin:0;}
.studio-label{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent);}

/* Specs técnicas */
.studio-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;background:rgba(0,243,255,.05);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:clamp(48px,6vw,72px);}
.spec-block{background:#060e0f;padding:clamp(22px,3vw,32px);}
.spec-icon{font-size:26px;margin-bottom:14px;}
.spec-title{font-size:1.05rem;font-weight:700;margin-bottom:8px;}
.spec-desc{font-size:.88rem;color:var(--c-muted);line-height:1.6;}

/* Cards equipe (home) — grid 2+3 */
.team-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(12px,1.8vw,20px);
  margin-top:clamp(24px,3vw,36px);
}
.team-grid-row2{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:clamp(12px,1.8vw,20px);
}
/* Card: foto esquerda, texto direita */
.team-card{
  background:#141414;
  border:1px solid #141414;
  border-radius:var(--radius-lg);
  overflow:hidden;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s;
  display:grid;
  grid-template-columns:45% 1fr;
  min-width:0;
}
.team-card:hover{border-color:rgba(0,243,255,.25);box-shadow:0 8px 24px rgba(0,0,0,.5);}
/* Linha 2: foto menor */
.team-grid-row2 .team-card{grid-template-columns:38% 1fr;}
.team-photo{
  width:100%;height:100%;min-height:180px;
  object-fit:cover;object-position:top center;display:block;
}
.team-photo-ph{
  width:100%;height:100%;min-height:180px;
  background:linear-gradient(135deg,#060e0f,#030708);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
}
.team-grid-row2 .team-photo,
.team-grid-row2 .team-photo-ph{min-height:140px;}
.team-photo-ph svg{opacity:.25;}
.team-photo-ph span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);text-align:center;padding:0 10px;}
.team-card-info{padding:clamp(14px,2vw,24px);min-width:0;}
.team-name{font-size:clamp(.95rem,1.5vw,1.2rem);font-weight:700;margin:0 0 4px;}
.team-role{font-size:.78rem;color:var(--c-accent);font-weight:700;margin:0 0 10px;line-height:1.3;}
.team-bio-short{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.6;margin:0;}
@media(max-width:900px){
  .team-grid{grid-template-columns:1fr;}
  .team-grid-row2{grid-template-columns:1fr;}
  .team-card,.team-grid-row2 .team-card{grid-template-columns:38% 1fr;}
}
@media(max-width:500px){
  .team-card,.team-grid-row2 .team-card{grid-template-columns:1fr;}
  .team-photo,.team-photo-ph,.team-grid-row2 .team-photo,.team-grid-row2 .team-photo-ph{height:180px;min-height:unset;}
}

/* Section CTA — botão centralizado */
.section-cta{display:flex;justify-content:center;margin-top:clamp(24px,3vw,40px);}
/* Home awards */
.home-awards{background:#000;}
/* Home CTA */
.home-cta{background:radial-gradient(900px 300px at 50% 50%,rgba(0,243,255,.08),transparent 70%),#050e0f;border-top:1px solid rgba(0,243,255,.1);text-align:center;}
/* Home team */
.home-team{background:linear-gradient(180deg,#060e0f 0%,#000 100%);}
@media(max-width:900px){
  .services-grid-home{grid-template-columns:1fr;}
  .svc-cta-strip{flex-direction:column;align-items:flex-start;}
}
.engineer-card{display:grid;grid-template-columns:240px 1fr;gap:clamp(28px,4vw,48px);padding:clamp(28px,4vw,44px);border:1px solid #141414;border-radius:var(--radius-lg);background:var(--c-card);margin-bottom:20px;transition:border-color .3s;}
.engineer-card:hover{border-color:rgba(0,243,255,.2);}
.eng-photo{width:100%;border-radius:var(--radius);overflow:hidden;}
.eng-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.eng-photo-ph{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,#060e0f,#030708);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius);}
.eng-photo-ph svg{opacity:.2;}
.eng-photo-ph span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);text-align:center;padding:0 12px;}
.eng-name{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:700;margin:0 0 6px;line-height:1.1;}
.eng-role{font-size:.88rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin-bottom:20px;}
.eng-stats{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--c-border);}
.eng-stat-val{display:block;font-size:1.35rem;font-weight:700;color:#fff;line-height:1;}
.eng-stat-lbl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin-top:3px;}
.eng-bio{font-size:.92rem;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:14px;}
.eng-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.eng-tag{background:rgba(0,243,255,.06);border:1px solid rgba(0,243,255,.18);color:var(--c-accent);padding:4px 12px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}

/* ===== CONTATO ===== */
.contact-bg{background:radial-gradient(1200px 480px at 10% 10%,rgba(0,243,255,.07),transparent 65%),linear-gradient(180deg,#060e0f 0%,#000 100%);}
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(40px,6vw,72px);align-items:start;}
.contact-info-col h3{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;margin:0 0 24px;}
.contact-channels{display:flex;flex-direction:column;}
.contact-ch{padding:18px 0;border-bottom:1px solid var(--c-border);}
.contact-ch:last-child{border-bottom:none;}
.contact-person{display:flex;align-items:center;gap:16px;margin-bottom:10px;}
.contact-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(0,243,255,.25);background:linear-gradient(135deg,#0a1a1c,#030708);}
.contact-avatar-ph{width:56px;height:56px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,243,255,.2);background:linear-gradient(135deg,#0a1a1c,#030708);display:grid;place-items:center;font-size:22px;}
.contact-person-info{display:flex;flex-direction:column;gap:2px;}
.contact-ch-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent);margin-bottom:6px;}
.contact-ch-name{font-size:1rem;font-weight:700;margin-bottom:2px;}
.contact-ch-detail{font-size:.88rem;color:var(--c-muted);}
.contact-ch-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent);text-decoration:none;transition:text-shadow .2s;}
.contact-ch-link:hover{text-shadow:0 0 8px rgba(0,243,255,.4);}
.contact-ch-link svg{width:14px;height:14px;}
.contact-socials{display:flex;gap:10px;margin-top:24px;}
.contact-form{background:linear-gradient(180deg,#0b0b0b,#0a0a0a);border:1px solid #141414;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(20px,3vw,32px);}
.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.form-field label{font-weight:700;font-size:.9rem;color:#cfcfcf;}
.form-field input,.form-field textarea,.form-field select{appearance:none;width:100%;color:#fff;background:#171717;border:1px solid #262626;border-radius:var(--radius);padding:12px 14px;font-family:var(--font);font-size:1rem;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;}
.form-field textarea{resize:vertical;min-height:130px;}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--c-muted);}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:rgba(0,243,255,.65);box-shadow:0 0 0 3px rgba(0,243,255,.14);background:#111;}
.form-field select option{background:#0b0b0b;}
.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-message{font-size:.9rem;margin-top:10px;text-align:center;}
.form-message.sending{color:#aaa;}
.form-message.success{color:var(--c-accent);font-weight:700;}
.form-message.error{color:#ff6060;font-weight:700;}

/* ===== RODAPÉ ===== */
.site-footer{
  background:linear-gradient(180deg,#060e0f 0%,#000 100%);
  border-top:1px solid rgba(255,255,255,.08);
  padding:clamp(48px,6vw,72px) 0 0;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr;
  gap:clamp(32px,5vw,80px);
  margin-bottom:clamp(40px,5vw,64px);
}
.footer-brand p{
  margin-top:16px;
  font-size:.88rem;
  color:var(--c-muted);
  max-width:320px;
  line-height:1.7;
  font-weight:700;
}
.footer-socials{display:flex;gap:10px;margin-top:20px;}
.footer-col h5{
  font-size:11px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--c-muted);
  margin:0 0 20px;
}
.footer-links{display:flex;flex-direction:column;gap:14px;}
.footer-links a{
  font-size:.95rem;color:rgba(255,255,255,.7);
  text-decoration:none;cursor:pointer;
  transition:color .2s;font-weight:700;
}
.footer-links a:hover{color:#fff;}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:20px 0;
  text-align:center;
}
.footer-copy{font-size:.85rem;color:var(--c-muted);}
@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr;gap:32px;}
}

/* ===== MODAIS ===== */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;padding:24px;}
.modal.active{display:flex;}
.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);}
.proj-modal__dialog,.team-modal__dialog{position:relative;background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);max-width:860px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;z-index:10;}
.modal__close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,243,255,.45);background:rgba(0,243,255,.06);color:var(--c-accent);font-size:18px;cursor:pointer;display:grid;place-items:center;z-index:4;}
.modal__close:hover{box-shadow:0 0 12px rgba(0,243,255,.35);}
.modal-body{overflow-y:auto;flex:1;padding:clamp(20px,3vw,32px);padding-top:clamp(48px,5vw,60px);scrollbar-width:thin;scrollbar-color:rgba(0,243,255,.3) #0a0a0a;}
.modal-body::-webkit-scrollbar{width:6px;}
.modal-body::-webkit-scrollbar-thumb{background:rgba(0,243,255,.3);border-radius:6px;}
.proj-modal-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;}
.proj-modal-img{width:140px;height:140px;object-fit:cover;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);flex-shrink:0;}
.proj-modal-title{font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:700;margin:0 0 6px;}
.proj-modal-sub{font-size:1rem;color:var(--c-accent);font-weight:600;margin:0;}
.proj-modal-desc{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.7;}
.team-modal-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:18px;}
.team-modal-photo{width:120px;height:120px;object-fit:cover;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);flex-shrink:0;}
.team-modal-photo-ph{width:120px;height:120px;flex-shrink:0;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#060e0f,#030708);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;}
.team-modal-photo-ph svg{opacity:.2;}
.team-modal-photo-ph small{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);text-align:center;}
.team-modal-name{font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:700;margin:0 0 6px;}
.team-modal-role{font-size:.88rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin:0;}
.team-modal-facts{margin:16px 0;display:flex;flex-direction:column;gap:8px;padding:16px;background:rgba(0,243,255,.04);border:1px solid rgba(0,243,255,.1);border-radius:var(--radius);}
.team-modal-facts li{font-size:.88rem;color:rgba(255,255,255,.65);list-style:none;}
.team-modal-desc{font-size:.92rem;color:rgba(255,255,255,.65);line-height:1.75;}
.team-modal-desc p{margin-bottom:12px;}
.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);background:#0a0a0a;flex-shrink:0;}
.modal-nav-btn{background:#0f0f0f;border:1px solid #1d1d1d;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-family:var(--font);font-size:.88rem;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s;}
.modal-nav-btn:hover{border-color:rgba(0,243,255,.5);box-shadow:0 0 14px rgba(0,243,255,.2);transform:translateY(-1px);}

/* ===== ANIMAÇÃO FADE-UP ===== */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);}
.fade-up.visible{opacity:1;transform:translateY(0);}
/* Active page: always show fade-up elements */
.page.active .fade-up{opacity:1;transform:translateY(0);} /* garante visibilidade na página ativa */
@media(prefers-reduced-motion:reduce){
  .fade-up{opacity:1;transform:none;transition:none;}
}

/* ===== RESPONSIVO ===== */
@media(max-width:900px){
  body{padding-top:var(--header-h-mobile);}
  .site-header{height:var(--header-h-mobile)!important;}
  .header-container{grid-template-columns:auto 1fr auto;gap:8px;}
  .logo img{height:var(--logo-h-mobile)!important;}
  .main-nav-desktop{display:none;}
  .menu-toggle{display:flex;}
  .hero-badges{display:none;}
  .hero-image-title{font-size:clamp(2rem,8vw,3.2rem);}
  .home-about-grid{grid-template-columns:1fr;}
  .services-grid-home{grid-template-columns:1fr;}
  .svc-detail{grid-template-columns:1fr;}
  .svc-detail.reverse{direction:ltr;}
  .about-intro-grid{grid-template-columns:1fr;}
  .contact-layout{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .engineer-card{grid-template-columns:1fr;}
  .eng-photo img,.eng-photo-ph{aspect-ratio:3/2;}
  .proj-nav{display:none;}
  .proj-track{padding-left:0;padding-right:0;}
  .proj-carousel{padding-inline:0;}
  .proj-modal-header{flex-direction:column;}
  .proj-modal-img{width:100%;height:auto;max-height:220px;}
  .team-modal-header{flex-direction:column;}
  .team-modal-photo,.team-modal-photo-ph{width:100%;height:180px;}
  .clients-cols{grid-template-columns:1fr 1fr;}
  .studio-photos{grid-template-columns:1fr;}
  .studio-photo.main{grid-row:auto;}
  .svc-cta-strip{flex-direction:column;align-items:flex-start;}
  .svc-cta-strip-actions{width:100%;}
}
@media(max-width:600px){
  .grammy-highlights{grid-template-columns:1fr;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .clients-cols{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr;}
}
@media(min-width:901px){
  .mobile-drawer,.drawer-backdrop{display:none;}
}

/* Troféu inline Grammy */
.award-trophy{width:20px;height:auto;vertical-align:middle;margin-right:4px;}

/* Awards — forçar UniviaPro bold */
.awards-list li{font-family:var(--font);font-weight:700;}
.awards-list li span:last-child{font-family:var(--font);font-weight:700;}

/* Instagram embed */
.insta-feed-embed{margin-top:16px;}
.elfsight-app-placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:40px;background:rgba(0,243,255,.04);border-radius:var(--radius-lg);
  border:1px dashed rgba(0,243,255,.2);text-align:center;
}
.insta-embed-link{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  color:#00F3FF;text-decoration:none;font-weight:700;font-size:1rem;
}

/* ===== PÁGINA SOBRE ===== */

/* Fotos do estúdio */
.about-studio-photos{background:#000;padding:0;}
.about-photo-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:3px;
  max-height:480px;
}
.about-photo-item{overflow:hidden;background:#060e0f;position:relative;}
.about-photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.about-photo-item:hover img{transform:scale(1.03);}
.about-photo-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.55) 100%);
  pointer-events:none;
}
.about-photo-ph{
  width:100%;height:100%;min-height:320px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,#060e0f,#030708);
}
.about-photo-ph span{font-size:36px;}
.about-photo-ph p{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin:0;}

/* Specs cards */
.about-specs-section{background:#000;}
.about-specs-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(14px,2vw,20px);
}
.about-spec-card{
  background:linear-gradient(145deg,#071518,#060e0f);
  border:1px solid rgba(0,243,255,.15);
  border-radius:var(--radius-lg);
  padding:clamp(24px,3vw,32px);
}
.about-spec-icon{
  margin-bottom:20px;
  display:block;
}
.about-spec-icon img{
  display:block;
  filter:brightness(0) invert(1);
  opacity:.9;
  width:64px;height:64px;object-fit:contain;
}
.about-spec-card h4{
  font-size:clamp(.95rem,1.5vw,1.1rem);
  font-weight:700;
  color:var(--c-accent);
  margin:0 0 14px;
  line-height:1.2;
}
.about-spec-card p{font-size:.85rem;color:rgba(255,255,255,.7);line-height:1.7;margin:0 0 10px;font-weight:700;}
.about-spec-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;}
.about-spec-card li{font-size:.85rem;color:rgba(255,255,255,.7);font-weight:700;padding-left:14px;position:relative;line-height:1.4;}
.about-spec-card li::before{content:'•';position:absolute;left:0;color:var(--c-accent);}

/* Seção equipe */
.about-team-section{background:#000;padding-top:clamp(32px,4vw,52px);}
.about-team-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 clamp(32px,4vw,48px);text-align:center;}

/* Cards engenheiros */
.about-engineers{display:flex;flex-direction:column;gap:clamp(20px,3vw,28px);}
.about-eng-card{
  display:grid;
  grid-template-columns:clamp(160px,22%,240px) 1fr;
  gap:clamp(32px,5vw,64px);
  align-items:start;
  padding:clamp(28px,3vw,40px);
  background:#060e0f;
  border-radius:var(--radius-lg);
  border:1px solid rgba(255,255,255,.05);
}
.about-eng-photo{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/4;}
.about-eng-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.about-eng-photo-ph{
  width:100%;height:100%;min-height:200px;
  background:linear-gradient(135deg,#060e0f,#030708);
  display:flex;align-items:center;justify-content:center;
}
.about-eng-name{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;margin:0 0 4px;color:#fff;}
.about-eng-role{font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin-bottom:20px;}
.about-eng-stats{
  display:flex;gap:clamp(20px,3vw,40px);
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:20px;
  flex-wrap:wrap;
}
.about-eng-stat{display:flex;flex-direction:column;gap:3px;}
.about-eng-stat-val{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#fff;line-height:1;}
.about-eng-stat-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);}
.about-eng-bio{font-size:.9rem;color:rgba(255,255,255,.68);line-height:1.75;font-weight:700;margin-bottom:18px;}
.about-eng-bio p{margin:0 0 10px;}
.about-eng-tags{display:flex;flex-wrap:wrap;gap:8px;}

@media(max-width:900px){
  .about-photo-grid{grid-template-columns:1fr 1fr;max-height:none;}
  .about-photo-grid .about-photo-item:last-child{display:none;}
  .about-specs-grid{grid-template-columns:1fr 1fr;}
  .about-eng-card{grid-template-columns:clamp(100px,30%,160px) 1fr;gap:clamp(20px,4vw,32px);}
}
@media(max-width:600px){
  .about-photo-grid{grid-template-columns:1fr;}
  .about-photo-grid .about-photo-item:not(:first-child){display:none;}
  .about-specs-grid{grid-template-columns:1fr;}
  .about-eng-card{grid-template-columns:1fr;}
  .about-eng-photo{aspect-ratio:16/9;}
}

/* ===== PÁGINA CONTATO ===== */
.contact-bg{background:linear-gradient(180deg,#060e0f 0%,#000 100%);}
.contact-layout{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:clamp(48px,7vw,96px);
  align-items:start;
}
.contact-how-title{
  font-size:clamp(1.3rem,2.5vw,1.8rem);
  font-weight:700;color:#fff;
  margin:0 0 clamp(28px,3vw,40px);
}

/* Canais de contato */
.contact-ch{
  margin-bottom:clamp(28px,3vw,40px);
  padding-bottom:clamp(28px,3vw,40px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.contact-ch:last-child{border-bottom:none;margin-bottom:0;}
.contact-ch-label{
  display:flex;align-items:center;gap:7px;
  font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--c-accent);
  margin-bottom:14px;
}
.contact-ch-dot{
  width:8px;height:8px;border-radius:50%;
  background:#22c55e;flex-shrink:0;
  box-shadow:0 0 6px rgba(34,197,94,.6);
}

/* Pessoa de contato */
.contact-person{display:flex;align-items:center;gap:14px;margin-bottom:10px;}
.contact-avatar{
  width:48px;height:48px;border-radius:50%;
  object-fit:cover;object-position:top;
  border:2px solid rgba(0,243,255,.25);flex-shrink:0;
}
.contact-avatar-ph{
  width:48px;height:48px;border-radius:50%;
  background:rgba(0,243,255,.1);border:2px solid rgba(0,243,255,.25);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;color:var(--c-accent);flex-shrink:0;
}
.contact-person-info{display:flex;flex-direction:column;gap:4px;}
.contact-ch-name{font-size:1rem;font-weight:700;color:#fff;}
.contact-ch-detail{
  font-size:.82rem;color:var(--c-muted);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.contact-ch-phone{
  display:inline-flex;align-items:center;gap:5px;
  color:var(--c-accent);text-decoration:none;font-weight:700;
  transition:opacity .2s;
}
.contact-ch-phone:hover{opacity:.75;}
.contact-ch-bio{font-size:.82rem;color:var(--c-muted);line-height:1.6;margin:8px 0 0;font-style:italic;}
.contact-ch-link-main{
  font-size:.95rem;font-weight:700;color:var(--c-accent);
  text-decoration:none;transition:opacity .2s;display:block;
}
.contact-ch-link-main:hover{opacity:.75;}
.contact-ch-sub{font-size:.82rem;color:var(--c-muted);margin:4px 0 0;font-weight:700;}

/* Formulário */
.contact-form-col{display:flex;flex-direction:column;}
#contactForm{display:flex;flex-direction:column;gap:20px;}
.cf-group{display:flex;flex-direction:column;gap:7px;}
.cf-group label{
  font-size:.82rem;font-weight:700;
  color:rgba(255,255,255,.75);letter-spacing:.04em;
}
.cf-input{
  width:100%;padding:clamp(12px,1.5vw,15px) clamp(14px,2vw,18px);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  color:#fff;font-family:var(--font);font-size:.95rem;font-weight:700;
  transition:border-color .2s,background .2s;
  box-sizing:border-box;
}
.cf-input:focus{
  outline:none;
  border-color:rgba(0,243,255,.5);
  background:rgba(0,243,255,.04);
}
.cf-input::placeholder{color:rgba(255,255,255,.25);font-weight:400;}
.cf-select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300F3FF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
  padding-right:40px;
}
.cf-select option{background:#060e0f;color:#fff;}
.cf-textarea{resize:vertical;min-height:140px;line-height:1.6;}
.cf-submit{
  width:100%;padding:clamp(14px,2vw,17px);
  font-size:1rem;font-weight:700;cursor:pointer;
  border-radius:var(--radius);border:none;
  transition:opacity .2s,transform .15s;
}
.cf-submit:hover{transform:translateY(-1px);}
.cf-status{font-size:.88rem;font-weight:700;min-height:20px;text-align:center;}
.cf-ok{color:#22c55e;}
.cf-err{color:#f87171;}

@media(max-width:900px){
  .contact-layout{grid-template-columns:1fr;}
}

/* Badge de plataforma sempre visível no mobile */
.prod-mobile-badge{
  position:absolute;bottom:6px;right:6px;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(4px);
  border-radius:50%;
  width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;z-index:4;
}

/* ================================================================
   MOBILE — max-width: 600px
   ================================================================ */
@media(max-width:600px){

  /* ── BASE ────────────────────────────────────────────────── */
  body{ -webkit-tap-highlight-color:transparent; overflow-x:hidden; }
  .container{ padding:0 16px; }
  .section{ padding:clamp(28px,7vw,44px) 0; }
  .section-title{ font-size:clamp(1.7rem,7vw,2.1rem); }

  /* ── BOTÕES — menos brilhantes, mais sutis ───────────────── */
  .btn-primary{
    background:var(--c-accent);
    box-shadow:none;
    font-size:.88rem;
    padding:12px 20px;
  }
  .btn-primary:hover,
  .btn-primary:active{ box-shadow:none; transform:none; }
  .btn-outline{ font-size:.88rem; padding:11px 18px; }

  /* ── LANG SWITCHER ───────────────────────────────────────── */
  .lang-btn{ width:auto!important; padding:4px 10px; font-size:10px; }

  /* ── NAVBAR ──────────────────────────────────────────────── */
  .navbar{ padding:0 16px; }

  /* ── HERO HOME — 3 trilhas ───────────────────────────────── */
  .hero-cover{ width:calc(100vw / 3); flex-shrink:0; }
  .hero-image-title{
    font-size:clamp(2rem,9vw,2.8rem);
    line-height:.95; letter-spacing:-.02em;
  }
  .hero-image-sub{ font-size:.88rem; max-width:90%; line-height:1.5; }
  .hero-image-content{ padding:0 20px 48px; }
  .hero-image-content .btn-primary{ width:100%; max-width:280px; justify-content:center; }

  /* ── TRUST BAR ───────────────────────────────────────────── */
  .trust-bar-grid{ grid-template-columns:1fr; gap:8px; }
  .trust-item{ min-height:64px; padding:16px 18px; }
  .trust-title{ font-size:clamp(1rem,5vw,1.3rem); }

  /* ── SOBRE O ESTÚDIO ─────────────────────────────────────── */
  .home-about-grid{ grid-template-columns:1fr; gap:20px; }
  .home-about-text p, .home-about-full p{ font-size:.9rem; line-height:1.7; }

  /* ── EQUIPE HOME ─────────────────────────────────────────── */
  .team-grid{ grid-template-columns:1fr!important; gap:8px; }
  .team-grid-row2{ grid-template-columns:1fr!important; gap:8px; }
  .team-card,
  .team-grid-row2 .team-card{ grid-template-columns:90px 1fr; }
  .team-photo,
  .team-photo-ph,
  .team-grid-row2 .team-photo,
  .team-grid-row2 .team-photo-ph{ min-height:100px; }
  .team-name{ font-size:.9rem; }
  .team-bio-short{ font-size:.75rem; }

  /* ── NOSSOS SERVIÇOS home ────────────────────────────────── */
  .services-grid-home{ grid-template-columns:1fr; gap:8px; }
  .svc-card{ padding:18px 14px; }

  /* ── CTA STRIP ───────────────────────────────────────────── */
  .svc-cta-strip{ flex-direction:column; gap:12px; padding:18px 14px; }
  .svc-cta-strip-actions{ width:100%; }
  .svc-cta-strip-actions .btn-primary{ width:100%; justify-content:center; }

  /* ── GRAMMY ──────────────────────────────────────────────── */
  .awards-strip{ flex-direction:column; gap:12px; }
  .awards-list li{ font-size:.85rem; }

  /* ── INSTAGRAM / CTA ─────────────────────────────────────── */
  .home-cta .section-cta .btn-primary{ width:100%; max-width:280px; justify-content:center; }
  .insta-cta-strip{ flex-direction:column; gap:12px; padding:18px 14px; }
  .insta-cta-strip a.btn-primary{ width:100%; justify-content:center; }

  /* ── PÁGINA SERVIÇOS — scroll horizontal ─────────────────── */
  .svc-page-hero p{ white-space:normal!important; font-size:.85rem; }
  .svc-page-body .section > .container > *:not(.svc-section-scroll){ /* keeps title */ }

  /* Serviços em scroll horizontal */
  .svc-services-list{
    display:flex;
    overflow-x:scroll;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:16px;
    padding-bottom:8px;
  }
  .svc-services-list::-webkit-scrollbar{ display:none; }
  .svc-row{
    flex:0 0 85vw;
    scroll-snap-align:start;
    grid-template-columns:1fr!important;
    direction:ltr!important;
    gap:14px;
    min-width:85vw;
  }
  .svc-row-reverse{ direction:ltr!important; }
  .svc-row-img{ aspect-ratio:16/9; border-radius:var(--radius); }
  .svc-row-content .btn-primary,
  .svc-row-content .btn-outline{ width:100%; justify-content:center; }
  .svc-page-cta-actions{ flex-direction:column; gap:8px; }
  .svc-page-cta-actions .btn-primary,
  .svc-page-cta-actions .btn-outline{ width:100%; justify-content:center; }

  /* ── PRODUÇÕES — destaques scroll horizontal ─────────────── */
  .prod-featured{
    display:flex!important;
    overflow-x:scroll;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:14px;
    padding-bottom:8px;
  }
  .prod-featured::-webkit-scrollbar{ display:none; }
  .prod-feat-card{
    flex:0 0 82vw;
    scroll-snap-align:start;
    min-width:82vw;
  }
  .prod-feat-dots{ display:flex; }

  /* Filtros: scroll horizontal */
  .prod-filters{
    display:flex; flex-wrap:nowrap;
    overflow-x:auto; gap:8px;
    padding-bottom:4px; scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .prod-filters::-webkit-scrollbar{ display:none; }
  .prod-filter{ flex-shrink:0; padding:6px 14px; font-size:11px; }

  /* Grid capas: swipe horizontal — CSS controls, JS fills */
  .prod-all-grid{
    display:flex!important;
    overflow-x:scroll!important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:3px;
    flex-wrap:nowrap!important;
    grid-template-columns:unset!important;
  }
  .prod-all-grid::-webkit-scrollbar{ display:none; }
  .prod-grid-item{
    flex:0 0 calc((100vw - 32px) / 2.4)!important;
    width:calc((100vw - 32px) / 2.4)!important;
    min-width:calc((100vw - 32px) / 2.4)!important;
    scroll-snap-align:start;
    aspect-ratio:1;
  }
  .prod-grid-empty{ display:none!important; }
  /* No mobile: tap opens link directly */
  .prod-grid-overlay{ display:none!important; }
  .prod-slider-arrow{ display:none!important; }
  .prod-grid-nav{ display:none!important; }

  /* Clientes */
  .prod-clients-featured{ grid-template-columns:1fr 1fr; gap:8px; }
  .prod-client-card{ padding:12px; font-size:.78rem; min-height:56px; }
  .prod-all-clients{ grid-template-columns:1fr 1fr; gap:0 12px; }
  .prod-all-col{ font-size:.78rem; line-height:1.8; }
  .prod-producers{ grid-template-columns:1fr 1fr; font-size:.78rem; }
  .prod-labels{ gap:20px; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; padding-bottom:4px; }
  .prod-labels .label-logo-item:nth-child(1) img{ height:38px; }
  .prod-labels .label-logo-item:nth-child(2) img{ height:26px; }
  .prod-labels .label-logo-item:nth-child(3) img{ height:20px; }
  .prod-labels .label-logo-item:nth-child(4) img{ height:44px; }
  .prod-labels .label-logo-item:nth-child(5) img{ height:38px; }

  /* ── PÁGINA SOBRE ────────────────────────────────────────── */
  .about-photo-grid{ grid-template-columns:1fr; max-height:240px; }
  .about-photo-grid .about-photo-item:not(:first-child){ display:none; }
  .about-specs-grid{ grid-template-columns:1fr; gap:8px; }
  .about-spec-card{ padding:18px 14px; }
  .about-spec-icon img{ width:44px; height:44px; }
  .about-eng-card{ grid-template-columns:1fr; gap:14px; padding:18px 14px; }
  .about-eng-photo{ aspect-ratio:16/9; max-height:200px; }
  .about-eng-name{ font-size:1.3rem; }
  .about-eng-stats{ gap:14px; }
  .about-eng-bio{ font-size:.85rem; }

  /* ── CONTATO — formulário primeiro ──────────────────────── */
  .contact-layout{
    display:flex!important;
    flex-direction:column-reverse;  /* form first (visual bottom = source top) */
    gap:28px;
  }
  /* Na verdade column-reverse inverte — precisamos column normal com form no topo */
  /* Usamos order */
  .contact-layout{ display:grid!important; grid-template-columns:1fr; gap:28px; }
  .contact-form-col{ order:-1; }  /* form sobe para o topo */
  .contact-how-title{ font-size:1.1rem; margin-bottom:20px; }
  .cf-input{ font-size:.9rem; }
  .cf-submit{ font-size:.9rem; padding:13px; }

  /* ── RODAPÉ ──────────────────────────────────────────────── */
  .footer-grid{ grid-template-columns:1fr; gap:20px; }
  .footer-brand p{ max-width:100%; font-size:.82rem; }
  .footer-copy{ font-size:.78rem; }

  /* ── REMOVE HOVERS ───────────────────────────────────────── */
  .team-card:hover{ transform:none!important; border-color:#141414!important; }
  .trust-item:hover{ transform:none!important; box-shadow:none!important; }
  .btn-primary:hover{ transform:none!important; }

  /* ── SAFE AREA ───────────────────────────────────────────── */
  .navbar{
    padding-left:max(16px, env(safe-area-inset-left));
    padding-right:max(16px, env(safe-area-inset-right));
  }
}
/* ── TABLET 601–900px ───────────────────────────────────────── */
@media(min-width:601px) and (max-width:900px){
  .hero-cover{ width:calc(100vw / 4); }
  .trust-bar-grid{ grid-template-columns:1fr 1fr 1fr; }
  .team-grid{ grid-template-columns:1fr 1fr!important; }
  .team-grid-row2{ grid-template-columns:1fr 1fr 1fr!important; }
  .services-grid-home{ grid-template-columns:1fr 1fr; }
  .prod-featured{ grid-template-columns:1fr 1fr; }
  .prod-clients-featured{ grid-template-columns:1fr 1fr; }
  .prod-all-clients{ grid-template-columns:1fr 1fr; }
  .about-specs-grid{ grid-template-columns:1fr 1fr; }
  .about-eng-card{ grid-template-columns:160px 1fr; gap:24px; }
  .contact-layout{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .footer-grid>:first-child{ grid-column:1/-1; }
}