/* THIAGO INSULFILM'S — ATELIER SIGNATURE | Visual system 2026
   One continuous cinematic environment, not separate page panels. */
:root{
 --signature-ink:#080909;--signature-graphite:#101112;
 --signature-gold:#ffd21b;--signature-muted:#b9b9b9;
 --signature-line:rgba(255,255,255,.085);
 --signature-radius:18px;
}
html{scroll-padding-top:84px;scroll-behavior:smooth}
body{background:#080909!important;color:#f7f7f6;overflow-x:clip}
/* A single atmospheric canvas; sections no longer restart the background. */
main{position:relative;isolation:isolate;overflow:clip;background:
 radial-gradient(ellipse 76% 10% at 95% 18%,rgba(162,122,19,.065),transparent 85%),
 radial-gradient(ellipse 78% 11% at -15% 35%,rgba(154,116,22,.054),transparent 85%),
 radial-gradient(ellipse 75% 11% at 95% 56%,rgba(164,124,16,.055),transparent 83%),
 radial-gradient(ellipse 85% 10% at 0% 76%,rgba(137,103,20,.052),transparent 85%),
 linear-gradient(180deg,#070808 0%,#0a0b0c 18%,#0b0b0c 35%,#090a0b 52%,#0c0c0c 75%,#080909 100%)!important}
main::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.15;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:160px 100%;mask-image:linear-gradient(180deg,transparent 2%,black 20%,black 82%,transparent 98%)}
main>section:not(.hero),.services-section,.technology-showcase,.portfolio-section,.process-section,.about-section,.reviews-section,.faq-section,.contact-section{
 background:transparent!important;border:0!important;box-shadow:none!important}
main>section:not(.hero)::before{background:none!important;opacity:0!important}
main>section:not(.hero)::after{pointer-events:none!important}
.section{padding-block:clamp(76px,8.8vw,130px)!important}
.section+.section{margin-top:0!important}
.container{max-width:1180px}
/* Navigation: understated automotive cockpit with precise active state. */
.site-header{background:rgba(7,8,9,.86)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;backdrop-filter:blur(24px) saturate(1.22);-webkit-backdrop-filter:blur(24px) saturate(1.22);box-shadow:0 8px 35px rgba(0,0,0,.18)!important;transition:background .3s,border-color .3s}
.site-header.is-scrolled{background:rgba(7,8,9,.95)!important;border-bottom-color:rgba(255,210,27,.12)!important}
.reading-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:linear-gradient(90deg,#e8ad00,#ffe36a);transform:scaleX(var(--page-progress,0));transform-origin:left center;pointer-events:none;z-index:2;box-shadow:0 0 12px rgba(255,204,0,.18)}
.site-header .brand{background:transparent!important;border:0!important;box-shadow:none!important;line-height:0}
.site-header .brand img{width:clamp(172px,21vw,215px)!important;max-width:215px!important;max-height:75px!important;height:auto!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 0 6px rgba(255,213,20,.11))!important}
.main-nav a{position:relative;transition:color .25s}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;height:1px;bottom:-10px;background:#ffd21b;transition:right .3s}
.main-nav a:hover:after,.main-nav a.is-active:after{right:0}
/* Keep the approved BMW hero layout, headline, and image framing untouched. */
.hero{border:0!important}
.hero:after{pointer-events:none}
.hero+.signature-strip{position:relative;margin-top:-1px;z-index:2}
.signature-strip{background:linear-gradient(180deg,#080909 0%,rgba(18,18,17,.94) 50%,rgba(10,11,12,.88) 100%)!important;border:0!important;position:relative}
.signature-strip:before,.signature-strip:after{content:"";position:absolute;height:1px;left:6%;right:6%;background:linear-gradient(90deg,transparent,rgba(255,211,27,.15),transparent)}
.signature-strip:before{top:0}.signature-strip:after{bottom:0}
.signature-strip .container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;align-items:center!important;justify-content:center!important;min-height:84px!important;padding:20px 0!important}
.signature-strip .container>span{width:100%;font-size:10px!important;letter-spacing:.15em!important;line-height:1.6!important;text-align:center!important;color:#c7c7c7!important;white-space:normal!important}
.signature-strip .container>i{display:none!important}
/* Typography: coherent editorial rhythm and visual hierarchy. */
.section-kicker,.machine-spotlight__eyebrow{letter-spacing:.22em!important;font-weight:800}
.section-heading h2,.technology-heading h2,.portfolio-heading h2,.about-copy h2,.reviews-heading h2,.faq-layout h2,.contact-layout h2{letter-spacing:-.052em!important;line-height:1.075!important;text-wrap:balance}
.section-heading>p,.technology-heading p,.portfolio-heading p,.reviews-subtitle,.faq-layout>div>p,.contact-layout>div>p{color:#bdbdbd!important;line-height:1.8!important}
.section-heading--center{margin-bottom:clamp(32px,4.5vw,56px)}
/* Services are individual objects within one gallery, not isolated black blocks. */
.services-grid{gap:clamp(12px,1.6vw,20px)!important}
.service-card{border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;box-shadow:0 22px 58px rgba(0,0,0,.22)!important;transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .4s,box-shadow .4s!important}
.service-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(115deg,transparent 36%,rgba(255,222,96,.045) 51%,transparent 66%);transform:translateX(-140%);transition:transform .85s}
.service-card:hover:before{transform:translateX(140%)}
.service-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,210,27,.40)!important;box-shadow:0 32px 75px rgba(0,0,0,.35)!important}
.service-card__content{z-index:2}
.service-card__content h3{letter-spacing:-.035em}
.service-card__shade{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35) 35%,rgba(0,0,0,.94))!important}
/* The UERN feature belongs to the same editorial sequence. */
.institutional-feature{border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(28,29,28,.9),rgba(11,12,12,.93))!important;box-shadow:0 22px 65px rgba(0,0,0,.18)!important}
.institutional-feature__body h3{color:#f8f8f8!important}
.institutional-feature__body h3 em{color:#f8f8f8!important;font-style:normal!important}
.institutional-feature__media img{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.institutional-feature:hover .institutional-feature__media img{transform:scale(1.045)}
/* Technology: flagship product presentation, clear video controls. */
.technology-showcase{padding-block:clamp(80px,9vw,136px)!important}
.technology-heading{margin-bottom:clamp(32px,4vw,54px)!important}
.machine-spotlight{border-radius:20px!important;border:1px solid rgba(255,210,27,.20)!important;background:linear-gradient(120deg,#181a1a,#0b0c0d)!important;box-shadow:0 35px 100px rgba(0,0,0,.34)!important}
.machine-spotlight:before{background:radial-gradient(ellipse at 82% 15%,rgba(255,205,27,.07),transparent 62%)!important}
.machine-spotlight__play img{filter:contrast(1.08) saturate(.95)!important;object-fit:cover}
.machine-spotlight__playicon{box-shadow:0 0 0 8px rgba(255,210,27,.065);transition:transform .35s,background .35s}
.machine-spotlight__play:hover .machine-spotlight__playicon{transform:translate(-50%,-50%) scale(1.09);background:#080808}
.machine-spotlight__action{background:#070808!important;color:#fff!important;border:1px solid rgba(255,210,27,.72)!important;border-radius:10px!important;min-height:49px!important;padding:13px 20px!important;text-shadow:none!important;transition:background .2s,border-color .2s,transform .2s!important}
.machine-spotlight__action:hover{background:#1a1a17!important;border-color:#ffe27b!important;transform:translateY(-2px)}
.machine-spotlight__action span{color:#ffd21b!important}
.machine-spotlight__copy h3{letter-spacing:-.055em!important}
.technology-card,.video-card{background:linear-gradient(150deg,rgba(26,27,27,.98),rgba(13,14,14,.98))!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.16);transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s}
.technology-card:hover,.video-card:hover{transform:translateY(-4px);border-color:rgba(255,210,27,.35)!important;box-shadow:0 24px 55px rgba(0,0,0,.28)}
.technology-card__video img,.video-card__play img{transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.technology-card:hover img,.video-card:hover img{transform:scale(1.045)}
.portfolio-tabs{scrollbar-width:none}
.portfolio-tabs::-webkit-scrollbar{display:none}
.portfolio-tab[aria-selected="true"]{box-shadow:0 0 0 1px rgba(255,210,27,.13),0 7px 20px rgba(0,0,0,.2)}
.portfolio-rail{scrollbar-width:none;scroll-padding-inline:8px}
.portfolio-rail::-webkit-scrollbar{display:none}
/* Process, biography, reviews and FAQ share the same spatial language. */
.process-grid{gap:16px!important}
.process-card{border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;background:linear-gradient(150deg,rgba(24,25,25,.85),rgba(13,14,14,.85))!important;box-shadow:0 14px 35px rgba(0,0,0,.13)}
.process-line{background:linear-gradient(90deg,rgba(255,211,27,.8),rgba(255,211,27,.12))!important}
.about-layout{gap:clamp(46px,7vw,95px)!important}
.about-identity{grid-template-columns:minmax(0,1fr) 155px!important;column-gap:clamp(75px,11vw,135px)!important;max-width:530px!important;margin-inline:auto!important;align-items:center!important}
.about-identity__left{min-width:0;max-width:160px;justify-self:start}
.about-identity .about-portrait{justify-self:end!important;max-width:155px!important}
.about-identity .about-portrait img{max-width:155px!important}
.about-identity .about-monogram{font-size:clamp(70px,7.8vw,100px)!important}
.about-text p{color:#c8c8c8!important;line-height:1.88!important}
.review-card{border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(150deg,rgba(28,29,29,.92),rgba(17,18,18,.92))!important;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.reviews-controls{border-top:1px solid rgba(255,255,255,.075)!important}
.faq-list details{border-bottom:1px solid rgba(255,255,255,.12)!important}
.faq-list details[open]{background:linear-gradient(90deg,rgba(255,211,27,.035),transparent 70%)}
.faq-list summary{transition:color .25s}.faq-list summary:hover{color:#ffd21b}
/* Contact and footer form a single conclusion. */
.contact-section{padding-block:clamp(80px,9vw,135px) clamp(65px,7vw,100px)!important;background:transparent!important}
.contact-layout{position:relative}
.contact-layout:before{content:"";position:absolute;inset:-40px -6vw -45px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 80%,rgba(255,211,27,.052),transparent 65%)}
.site-footer{background:#080909!important;border-top:1px solid rgba(255,255,255,.075)!important}
.footer-compact{padding-top:28px!important;padding-bottom:32px!important}
.footer-tagline{font-size:13px!important;letter-spacing:.005em}
.footer-legal{border-color:rgba(255,255,255,.085)!important}
/* Tactile, restrained interactions. */
.quote-btn,.technology-all,.portfolio-tab,.reviews-arrow{transition:background .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s}
.quote-btn:hover,.technology-all:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.23)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffe27b!important;outline-offset:4px}
/* Mobile composition — avoid collisions and horizontal scrolling. */
@media(max-width:1050px){.main-nav a:after{display:none}}
@media(max-width:780px){
 .site-header .brand img{width:clamp(165px,42vw,205px)!important;max-width:205px!important;max-height:66px!important}
 .section{padding-block:76px!important}
 .signature-strip .container{grid-template-columns:1fr!important;gap:12px!important;padding:25px 0!important;min-height:0!important}
 .signature-strip .container>span{font-size:10px!important;letter-spacing:.15em!important;line-height:1.55!important}
 .section-heading h2,.technology-heading h2,.portfolio-heading h2,.about-copy h2,.reviews-heading h2,.faq-layout h2,.contact-layout h2{letter-spacing:-.045em!important}
 .machine-spotlight{grid-template-columns:1fr!important}
 .machine-spotlight__visual{min-height:290px!important}
 .machine-spotlight__copy{padding:27px 25px 32px!important}
 .machine-spotlight__copy h3{font-size:clamp(30px,8vw,41px)!important;line-height:1.12!important}
 .machine-spotlight__overlay{font-size:10px!important;letter-spacing:.12em!important}
 .about-identity{grid-template-columns:minmax(0,1fr) 135px!important;column-gap:clamp(45px,11vw,76px)!important;max-width:400px!important;margin-inline:auto!important}
 .about-identity .about-portrait{width:135px!important;max-width:135px!important}
 .about-identity .about-portrait img{width:135px!important;height:135px!important}
 .about-identity .about-monogram{font-size:clamp(61px,16vw,80px)!important}
 .about-identity .about-aside__message{font-size:11px!important;max-width:145px!important}
 .contact-layout:before{inset:-30px -5vw -35px}
}
@media(max-width:390px){
 .about-identity{grid-template-columns:minmax(0,1fr) 118px!important;column-gap:34px!important;max-width:100%!important}
 .about-identity .about-portrait{width:118px!important;max-width:118px!important}
 .about-identity .about-portrait img{width:118px!important;height:118px!important}
 .about-identity .about-monogram{font-size:58px!important}
 .machine-spotlight__copy{padding:25px 20px 30px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card,.technology-card,.video-card,.machine-spotlight__playicon{transition:none!important}}

/* ATELIER SIGNATURE — ritmo vertical compacto e contínuo | 08/11/2026
   Ajustes apenas de espaçamento. Não alteram arte do BMW, logo ou mídias. */
html{scroll-padding-top:76px!important}
/* O espaço entre seções passa a ser compartilhado, não duplicado. */
main>.section,
main>.technology-showcase,
main>.process-section,
main>.contact-section{padding-top:clamp(58px,5.8vw,82px)!important;padding-bottom:clamp(58px,5.8vw,82px)!important}
main>.services-section{padding-top:clamp(48px,5vw,72px)!important}
main>.technology-showcase{padding-top:clamp(60px,6vw,84px)!important;padding-bottom:clamp(60px,6vw,84px)!important}
main>.portfolio-section{padding-top:clamp(58px,5.6vw,80px)!important;padding-bottom:clamp(55px,5.4vw,76px)!important}
main>.process-section{padding-top:clamp(54px,5.5vw,76px)!important;padding-bottom:clamp(54px,5.5vw,76px)!important}
main>.about-section{padding-top:clamp(56px,5.7vw,80px)!important;padding-bottom:clamp(56px,5.7vw,80px)!important}
main>.reviews-section,main>.faq-section{padding-top:clamp(55px,5.7vw,78px)!important;padding-bottom:clamp(55px,5.7vw,78px)!important}
main>.contact-section{padding-top:clamp(58px,5.5vw,76px)!important;padding-bottom:clamp(24px,3vw,40px)!important}
/* Espaçamento editorial interno, sem comprimir a leitura. */
.section-kicker{margin-bottom:15px!important}
.section-heading--center{margin-bottom:clamp(25px,3vw,39px)!important}
.technology-heading{margin-bottom:clamp(26px,3vw,38px)!important}
.portfolio-heading{margin-bottom:clamp(23px,2.8vw,32px)!important}
.process-grid{margin-top:clamp(25px,3vw,35px)!important}
.portfolio-bottom{margin-top:clamp(25px,3vw,35px)!important;padding-top:19px!important}
.about-layout{row-gap:clamp(28px,4vw,48px)!important}
.reviews-heading{margin-bottom:23px!important}
/* A faixa se une à capa e à primeira seção. */
.signature-strip .container{min-height:58px!important;padding-top:14px!important;padding-bottom:14px!important}
/* Contato e rodapé agora formam um fechamento único. */
.contact-layout:before{inset:-22px -4vw -12px!important}
.site-footer{margin-top:0!important}
.footer-compact{gap:11px!important;padding-top:18px!important;padding-bottom:22px!important}
.footer-legal{padding-top:13px!important}
@media(max-width:780px){
 html{scroll-padding-top:69px!important}
 main>.section,main>.technology-showcase,main>.process-section{padding-top:47px!important;padding-bottom:47px!important}
 main>.services-section{padding-top:43px!important;padding-bottom:49px!important}
 main>.technology-showcase{padding-top:49px!important;padding-bottom:49px!important}
 main>.portfolio-section{padding-top:49px!important;padding-bottom:45px!important}
 main>.process-section{padding-top:43px!important;padding-bottom:46px!important}
 main>.about-section{padding-top:49px!important;padding-bottom:47px!important}
 main>.reviews-section{padding-top:48px!important;padding-bottom:47px!important}
 main>.faq-section{padding-top:45px!important;padding-bottom:46px!important}
 main>.contact-section{padding-top:50px!important;padding-bottom:16px!important}
 .signature-strip .container{min-height:0!important;padding-top:17px!important;padding-bottom:17px!important;gap:8px!important}
 .section-kicker{margin-bottom:12px!important}
 .section-heading--center{margin-bottom:26px!important}
 .technology-heading{margin-bottom:25px!important}
 .portfolio-heading{margin-bottom:22px!important}
 .process-grid{margin-top:24px!important}
 .portfolio-bottom{margin-top:24px!important;padding-top:17px!important}
 .reviews-heading{margin-bottom:20px!important}
 .about-layout{row-gap:26px!important}
 .contact-layout{row-gap:26px!important}
 .contact-item{padding-top:10px!important;padding-bottom:17px!important}
 .contact-item:last-child{padding-bottom:12px!important}
 .footer-compact{gap:10px!important;padding-top:15px!important;padding-bottom:19px!important}
 .footer-legal{padding-top:11px!important;gap:4px!important}
}
@media(max-width:390px){
 main>.section,main>.technology-showcase,main>.process-section{padding-top:42px!important;padding-bottom:42px!important}
 main>.contact-section{padding-top:46px!important;padding-bottom:14px!important}
}


/* CORREÇÃO ESTRUTURAL DA CAPA: remover altura mínima que gerava
   grandes faixas vazias acima do título e após os benefícios. */
@media (max-width: 780px) {
  .hero, .hero-layout {
    min-height: 0 !important;
    height: auto !important;
  }
  .hero-layout {
    display: flex !important;
    align-items: flex-start !important;
  }
  .hero-copy {
    width: 100% !important;
    padding-top: 27px !important;
    padding-bottom: 24px !important;
  }
  .hero .eyebrow {
    margin-bottom: 19px !important;
  }
  .hero h1 {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
  }
  .hero-description {
    margin-bottom: 23px !important;
  }
  .hero-actions {
    gap: 15px !important;
  }
  .hero-features {
    margin-top: 26px !important;
    margin-bottom: 0 !important;
  }
  .signature-strip {
    margin-top: 0 !important;
  }
  .signature-strip .container {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    gap: 8px !important;
  }
  main > .services-section {
    padding-top: 31px !important;
  }
  .services-section .section-heading--center {
    margin-bottom: 23px !important;
  }
}
@media (max-width: 390px) {
  .hero-copy {
    padding-top: 23px !important;
    padding-bottom: 21px !important;
  }
  .hero-features {margin-top: 23px !important;}
  main > .services-section {padding-top: 28px !important;}
}


/* AUDITORIA RESPONSIVA — ajustes conservadores para tablets e telas compactas.
   Mantém a capa BMW, o logo aprovado e a identidade visual. */
img, video { max-width: 100%; }
main, .site-footer { min-width: 0; }
.hero-copy, .machine-spotlight__copy, .contact-layout > div { min-width: 0; }
@media (min-width: 781px) and (max-width: 1050px) {
  .header-inner { height: 76px; }
  .main-nav, .header-contact { display: none !important; }
  .menu-toggle {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: none;
    width: 46px;
    height: 44px;
    background: #101010;
    border: 1px solid #555;
    border-radius: 10px;
    cursor: pointer;
  }
  .menu-toggle span { display: block; width: 20px; height: 2px; border-radius: 4px; background: var(--yellow); }
  .mobile-nav { display: flex; flex-direction: column; padding: 8px 28px 18px; background: #0c0c0c; border-top: 1px solid #242424; }
  .mobile-nav[hidden] { display: none !important; }
  .mobile-nav a { padding: 13px 0; border-bottom: 1px solid #242424; }
}
@media (max-width: 780px) {
  .hero-copy { min-width: 0 !important; }
  .hero-features { max-width: 100%; flex-wrap: wrap !important; }
  .machine-spotlight__action { max-width: 100%; white-space: normal; text-align: left; line-height: 1.35; }
  .machine-spotlight__copy h3 { overflow-wrap: normal; }
  .about-identity { min-width: 0; }
  .footer-legal { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .container { width: calc(100% - 30px) !important; }
  .site-header .brand img { width: min(158px, 49vw) !important; }
  .hero h1 { font-size: clamp(36px, 10.6vw, 43px) !important; letter-spacing: -.065em; }
  .hero-features { gap: 8px 12px !important; }
  .hero-features span { font-size: 10px !important; }
  .hero-features span+span { padding-left: 0 !important; margin-left: 0 !important; border-left: 0 !important; }
  .about-identity { grid-template-columns: minmax(0, 1fr) 108px !important; column-gap: 20px !important; }
  .about-identity .about-portrait,
  .about-identity .about-portrait img { width: 108px !important; max-width: 108px !important; }
  .about-identity .about-portrait img { height: 108px !important; }
  .about-identity .about-monogram { font-size: 54px !important; }
  .machine-spotlight__copy h3 { font-size: 29px !important; }
}