:root{--blue:#087cff;--dark:#020812;--panel:#061321;--line:#143c70;--muted:#a9bad0}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:#fff;background:var(--dark);font-family:Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(47,128,230,.3);background:rgba(2,8,18,.94);position:fixed;inset:0 0 auto;z-index:20;backdrop-filter:blur(14px)}.site-brand img{width:170px}.site-header nav{display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.site-header nav a{transition:.25s}.site-header nav a:hover{color:#58a9ff;transform:translateY(-2px)}.site-system{padding:12px 18px;background:#087cff;font-size:10px;font-weight:800;text-transform:uppercase;transition:.25s}.site-system:hover{background:#3495ff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(8,124,255,.35)}
.floating-actions{position:fixed;top:96px;left:50%;z-index:19;display:flex;gap:8px;padding:8px;border-radius:18px;background:rgba(2,8,18,.78);box-shadow:0 18px 55px rgba(0,0,0,.45);backdrop-filter:blur(16px);transform:translateX(-50%)}.floating-actions a{min-width:150px;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:12px;background:#0a1a2d;transition:transform .25s,background .25s,box-shadow .25s}.floating-actions a:hover{transform:translateY(-4px) scale(1.025);background:#12345e;box-shadow:0 12px 28px rgba(0,0,0,.38)}.floating-actions svg{width:28px;height:28px;flex:0 0 auto;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.floating-actions .youtube svg path:first-child{fill:#ff0033;stroke:#ff0033}.floating-actions .youtube .play{fill:#fff;stroke:#fff}.floating-actions .instagram{background:linear-gradient(135deg,#5b2cff,#d62976,#f77737)}.floating-actions .youtube{background:#b90024}.floating-actions .whatsapp{background:#25d366}.floating-actions .reserve{background:#087cff}.floating-actions .system{background:#07325d}.floating-actions span,.floating-actions small{display:block}.floating-actions span{font-size:11px;font-weight:900;white-space:nowrap}.floating-actions small{margin-top:3px;color:rgba(255,255,255,.78);font-size:8px;font-weight:500}
.landing-hero{min-height:820px;display:flex;align-items:center;padding:190px 7vw 90px;position:relative;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.landing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020812 4%,rgba(2,8,18,.9) 42%,rgba(2,8,18,.2)),linear-gradient(0deg,#020812,transparent 42%)}.hero-copy{width:min(700px,65%);position:relative}.hero-copy>p,.kicker{color:#1682ff;font-size:11px;font-weight:900;letter-spacing:.2em}.hero-copy h1{margin:20px 0;font:600 clamp(62px,8vw,118px)/.86 Georgia,serif}.hero-copy h1 em,.about-section h2 em{color:#1682ff;font-style:normal}.hero-copy>span{max-width:600px;display:block;color:#c3d1e3;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:38px}.hero-actions a,.location-card a{padding:16px 22px;background:rgba(4,20,40,.9);font-size:10px;font-weight:900;text-transform:uppercase;transition:.25s}.hero-actions a:hover,.location-card a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,124,255,.35)}.hero-actions .primary,.location-card a{background:var(--blue)}.hero-panel{position:absolute;right:7vw;bottom:95px;width:310px;padding:24px;background:rgba(3,14,29,.88);box-shadow:0 20px 50px rgba(0,0,0,.4)}.hero-panel b,.hero-panel small{display:block;color:#69b2ff;font-size:9px;letter-spacing:.12em}.hero-panel strong{display:block;margin:12px 0;font:600 21px/1.2 Georgia,serif}
.about-section,.location-section{max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:auto;padding:130px 30px}.about-section h2,.section-heading h2,.gallery-lead h2,.location-section h2{margin:12px 0;font:600 clamp(40px,5vw,68px)/1 Georgia,serif}.about-section div:last-child{padding-top:25px;color:#b8c8da;font-size:16px;line-height:1.8}
.services-section{padding:110px 5vw;background:linear-gradient(rgba(2,8,18,.93),rgba(2,8,18,.93)),url("assets/landing/producao.jpg") center/cover}.section-heading{max-width:1300px;margin:0 auto 50px}.service-grid{max-width:1300px;display:grid;grid-template-columns:repeat(4,1fr);margin:auto;background:rgba(4,16,32,.82);box-shadow:0 25px 70px rgba(0,0,0,.35)}.service-grid article{min-height:280px;padding:35px;border-right:1px solid rgba(37,105,185,.42);transition:.3s}.service-grid article:last-child{border:0}.service-grid article:hover{background:#087cff;transform:translateY(-8px)}.service-grid span{color:#55a7ff;font-size:11px}.service-grid article:hover span{color:#fff}.service-grid h3{margin:60px 0 15px;font:600 25px Georgia,serif}.service-grid p,.gallery-lead p,.location-section p{color:var(--muted);font-size:12px;line-height:1.7}.service-grid article:hover p{color:#e5f1ff}
.studio-gallery{max-width:1400px;display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;margin:auto;padding:120px 30px}.gallery-lead{padding:35px;align-self:center}.gallery-lead a,.location-section>div>a{display:inline-block;margin-top:20px;color:#55a7ff;font-size:11px;font-weight:800;transition:.25s}.gallery-lead a:hover,.location-section>div>a:hover{transform:translateX(7px);color:#fff}.media-panel{min-height:310px;display:flex;align-items:flex-end;padding:22px;position:relative;overflow:hidden;background-position:center;background-size:cover;box-shadow:inset 0 -120px 90px rgba(2,8,18,.78);transition:transform .35s,filter .35s}.media-panel:hover{transform:scale(1.025);filter:brightness(1.12)}.media-panel span{position:relative;color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}.studio-panel{grid-row:span 2;min-height:634px;background-image:url("assets/landing/studio-real.jpg");background-position:center 42%}.production-panel{background-image:url("assets/landing/producao.jpg")}.event-panel{background-image:url("assets/landing/evento.jpg");background-position:center 57%}
.video-showcase{max-width:1400px;display:grid;grid-template-columns:1fr .7fr .7fr;gap:16px;margin:auto;padding:30px 30px 120px}.video-showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:35px}.video-showcase-copy h2{margin:12px 0;font:600 clamp(40px,5vw,68px)/1 Georgia,serif}.video-showcase-copy>p:last-child{max-width:520px;color:var(--muted);font-size:13px;line-height:1.7}.video-card{min-height:580px;position:relative;overflow:hidden;background:#071321}.video-card video{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:cover;background:#071321}.video-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,8,18,.9))}.video-card span{position:absolute;z-index:2;left:22px;bottom:22px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.location-section{border-top:1px solid var(--line);background:radial-gradient(circle at 75% 50%,rgba(8,124,255,.12),transparent 35%)}.location-card{display:flex;flex-direction:column;justify-content:center;padding:45px;background:#06172d;box-shadow:0 25px 60px rgba(0,0,0,.35)}.location-card b{color:#58a9ff;font-size:9px}.location-card strong{margin:14px 0 7px;font:600 32px Georgia,serif}.location-card span{color:var(--muted);font-size:11px}.location-card a{margin-top:28px;text-align:center}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:40px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:9px}footer img{width:150px}footer p{text-align:center}footer span{text-align:right}
@media(max-width:1150px){.floating-actions a{min-width:0;padding:12px}.floating-actions small{display:none}.floating-actions span{font-size:9px}}
@media(max-width:900px){.site-header nav{display:none}.floating-actions{top:auto;bottom:12px;max-width:calc(100vw - 20px);overflow-x:auto}.floating-actions a{flex:0 0 auto}.landing-hero{min-height:720px;padding-top:140px}.hero-copy{width:100%}.hero-panel{display:none}.about-section,.location-section{grid-template-columns:1fr;gap:25px;padding:80px 25px}.service-grid{grid-template-columns:1fr 1fr}.studio-gallery{grid-template-columns:1fr}.studio-panel{grid-row:auto;min-height:520px}.media-panel{min-height:300px}.gallery-lead{padding:20px 0}.video-showcase{grid-template-columns:1fr 1fr;padding:20px 25px 90px}.video-showcase-copy{grid-column:1/-1;padding:20px 0}.video-card{min-height:560px}}
@media(max-width:560px){.site-header{padding:0 20px}.site-brand img{width:118px}.site-system{display:none}.floating-actions{justify-content:flex-start}.floating-actions a{padding:11px}.floating-actions svg{width:25px;height:25px}.floating-actions span{display:none}.landing-hero{width:100vw;padding:130px 20px 100px;background:#020812 url("assets/landing/producao.jpg") center/cover}.hero-video{object-position:58% center}.hero-copy{width:calc(100vw - 40px);min-width:0}.hero-copy h1{max-width:calc(100vw - 40px);font-size:48px;overflow-wrap:anywhere}.hero-copy>span{max-width:calc(100vw - 40px);font-size:14px}.hero-actions{width:calc(100vw - 40px);flex-direction:column}.hero-actions a{width:100%;text-align:center}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.studio-panel{min-height:440px}.video-showcase{grid-template-columns:1fr;padding:10px 20px 80px}.video-showcase-copy{grid-column:auto}.video-card{min-height:620px}footer{grid-template-columns:1fr;text-align:center;gap:18px;padding-bottom:100px}footer img{margin:auto}footer span{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}.landing-hero{background:url("assets/landing/studio-real.jpg") center/cover}.floating-actions a,.service-grid article,.media-panel{transition:none}}

/* PREVIA VISUAL - PREMIUM GLASS KORBAN */
.site-header,
.floating-actions,
.hero-panel,
.service-grid,
.location-card {
  border: 0 !important;
  border-radius: 24px;
  background: rgba(3,14,29,.72);
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(18px);
}
.site-header {
  border-radius: 0;
  background: rgba(2,8,18,.70);
}
.site-system,
.hero-actions a,
.location-card a,
.floating-actions a {
  border-radius: 999px;
}
.service-grid {
  gap: 12px;
  background: transparent;
  box-shadow: none;
}
.service-grid article {
  border: 0 !important;
  border-radius: 24px;
  background: rgba(4,16,32,.74);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 20px 55px rgba(0,0,0,.22);
}
.service-grid article:hover {
  background: linear-gradient(145deg, rgba(8,124,255,.95), rgba(0,178,255,.62));
}
.media-panel,
.video-card {
  border-radius: 28px;
  box-shadow: inset 0 -130px 95px rgba(2,8,18,.80), 0 24px 70px rgba(0,0,0,.28);
}
.media-panel {
  align-items: stretch;
  padding: 0;
  isolation: isolate;
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
}
.media-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(2,8,18,.10), rgba(2,8,18,.58)),
    radial-gradient(circle at 24% 18%, rgba(8,124,255,.18), transparent 38%);
  pointer-events: none;
}
.media-panel span,
.video-card span {
  display: none !important;
}
.event-panel {
  background-position: center 42%;
}
.video-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(2,8,18,.04), rgba(2,8,18,.34)),
    radial-gradient(circle at 50% 0%, rgba(8,124,255,.12), transparent 40%);
  pointer-events: none;
}
.location-section,
footer {
  border: 0 !important;
}
@media(max-width:560px){
  .service-grid article{border-bottom:0!important}
}

/* REFINO DOS BOTÕES DA LANDING - DEFINIÇÃO PREMIUM */
.floating-actions {
  gap: 10px;
  padding: 10px;
  border-radius: 26px;
  border: 1px solid rgba(129,190,255,.18) !important;
  background:
    linear-gradient(180deg, rgba(6,20,39,.82), rgba(2,8,18,.72)),
    rgba(2,8,18,.78) !important;
  box-shadow:
    0 28px 85px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(22px) saturate(1.25);
}
.floating-actions a {
  min-width: 168px;
  min-height: 60px;
  gap: 12px;
  padding: 12px 16px 12px 12px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 19px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -18px 38px rgba(0,0,0,.18),
    0 12px 28px rgba(0,0,0,.22);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease,
    border-color .22s ease;
}
.floating-actions a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.32), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.14), transparent 42%);
  opacity: .72;
  pointer-events: none;
}
.floating-actions a::after {
  content: "";
  position: absolute;
  inset: auto 12px 8px;
  height: 1px;
  z-index: -1;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  opacity: .55;
}
.floating-actions a:hover {
  transform: translateY(-5px) scale(1.028);
  filter: saturate(1.12) brightness(1.08);
  border-color: rgba(255,255,255,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -18px 42px rgba(0,0,0,.14),
    0 20px 45px rgba(0,0,0,.34),
    0 0 34px rgba(8,124,255,.22);
}
.floating-actions a:focus-visible {
  outline: 3px solid rgba(255,255,255,.86);
  outline-offset: 4px;
}
.floating-actions svg {
  width: 31px;
  height: 31px;
  padding: 7px;
  border-radius: 13px;
  background: rgba(255,255,255,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 8px 20px rgba(0,0,0,.20);
  stroke-width: 1.9;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.28));
}
.floating-actions span {
  font-size: 11.5px;
  line-height: 1.05;
  letter-spacing: .025em;
  text-shadow: 0 1px 10px rgba(0,0,0,.35);
}
.floating-actions small {
  margin-top: 4px;
  color: rgba(255,255,255,.86);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .015em;
}
.floating-actions .instagram {
  background: linear-gradient(135deg, #4837ff 0%, #9d29c9 38%, #f23072 72%, #ff9a2e 100%) !important;
}
.floating-actions .youtube {
  background: linear-gradient(135deg, #ff0033 0%, #b90024 62%, #690012 100%) !important;
}
.floating-actions .whatsapp {
  background: linear-gradient(135deg, #25d366 0%, #10a951 58%, #08713b 100%) !important;
}
.floating-actions .reserve {
  background: linear-gradient(135deg, #1682ff 0%, #0068f4 58%, #003e91 100%) !important;
}
.floating-actions .system {
  background: linear-gradient(135deg, #0b4f8f 0%, #062b52 58%, #020812 100%) !important;
}
.floating-actions .youtube svg,
.floating-actions .whatsapp svg,
.floating-actions .instagram svg,
.floating-actions .reserve svg,
.floating-actions .system svg {
  color: #fff;
}
.floating-actions .whatsapp svg {
  fill: none;
  stroke: #fff;
}
.floating-actions .youtube svg path:first-child {
  fill: rgba(255,255,255,.94);
  stroke: rgba(255,255,255,.94);
}
.floating-actions .youtube .play {
  fill: #d4002c;
  stroke: #d4002c;
}
.site-system {
  border: 1px solid rgba(255,255,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 12px 32px rgba(8,124,255,.28);
}
@media(max-width:1150px){
  .floating-actions {
    gap: 8px;
    padding: 9px;
  }
  .floating-actions a {
    min-width: 132px;
    min-height: 56px;
  }
  .floating-actions svg {
    width: 29px;
    height: 29px;
  }
}
@media(max-width:900px){
  .floating-actions {
    padding: 9px;
    border-radius: 23px;
    scrollbar-width: none;
  }
  .floating-actions::-webkit-scrollbar {
    display: none;
  }
  .floating-actions a {
    min-width: 150px;
    flex: 0 0 auto;
  }
}
@media(max-width:560px){
  .floating-actions {
    left: 10px;
    right: 10px;
    bottom: 12px;
    transform: none;
    max-width: none;
    justify-content: space-between;
    gap: 7px;
    padding: 8px;
  }
  .floating-actions a {
    min-width: 54px;
    min-height: 54px;
    justify-content: center;
    padding: 9px;
    border-radius: 17px;
  }
  .floating-actions svg {
    width: 34px;
    height: 34px;
    padding: 7px;
  }
}