/* Página exclusiva de Assistência Técnica — composição aprovada MBRtech. */
.assist-page{ background:#050b09; color:#f5f7f6; }
.assist-page .site-header{ background:#070b0a; border-bottom-color:#173027; }
.assist-page .logo .mark{ display:none; }
.assist-page .main-nav a.active{ color:#00e676; }
.assist-page .assist-cart{ position:relative; width:40px; height:40px; display:grid; place-items:center; color:#fff; }
.assist-page .assist-cart span{ position:absolute; top:0; right:-1px; min-width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:#00e676; color:#04120b; font-size:.63rem; font-weight:900; }

.assist-premium-hero{ max-width:1536px; margin:0 auto; padding:0; display:grid; grid-template-columns:minmax(0,1fr) 286px; border-bottom:1px solid #173027; background:#040a08; }
.assist-hero-main{ position:relative; min-height:420px; overflow:hidden; display:flex; align-items:center; border-right:1px solid #173027; isolation:isolate; }
.assist-hero-main::after{ content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#03100b 0%,rgba(3,16,11,.97) 34%,rgba(3,16,11,.76) 48%,rgba(3,16,11,.1) 76%); pointer-events:none; }
.assist-hero-photo{ position:absolute; z-index:0; inset:0 0 0 40%; background:url('/img/assistencia-hero-premium.webp') center center/cover no-repeat; }
.assist-hero-copy{ position:relative; z-index:2; width:min(820px,70%); padding:36px clamp(30px,4.5vw,70px); }
.assist-page .breadcrumb{ margin:0 0 1rem; color:#c4cdc9; font-size:.86rem; }
.assist-page .breadcrumb a{ color:#f4f7f5; }
.assist-hero-copy h1{ margin:0; color:#fff; font-size:clamp(2.6rem,3.5vw,3.55rem); line-height:.98; letter-spacing:-.06em; white-space:nowrap; }
.assist-hero-copy h1 em{ color:#00e676; font-style:normal; white-space:nowrap; }
.assist-lead{ max-width:590px; margin:1rem 0 0; color:#eef3f0; font-size:1.2rem; line-height:1.45; }
.assist-benefits{ display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:.8rem 1rem; margin:1.6rem 0 0; }
.assist-benefits span{ display:flex; align-items:center; gap:.55rem; color:#f4f7f5; font-size:.76rem; font-weight:700; }
.assist-benefits span::before{ content:'✓'; width:26px; height:26px; flex:0 0 26px; display:grid; place-items:center; border:1px solid #00e676; border-radius:50%; color:#00e676; font-size:.82rem; }
.assist-hero-actions{ display:flex; gap:1rem; margin-top:1.65rem; }
.assist-hero-actions .btn{ min-width:220px; justify-content:center; }
.assist-hero-actions .btn-outline{ color:#fff; border-color:#50615a; background:rgba(2,9,6,.72); }
.assist-hero-actions .btn-outline:hover{ color:#06110a; border-color:#00e676; background:#00e676; }

.assist-menu{ padding:14px 16px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(150deg,#06110d,#030706); }
.assist-menu a{ position:relative; min-height:62px; padding:10px 8px 10px 54px; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid rgba(255,255,255,.08); color:#fff; }
.assist-menu a:last-child{ border-bottom:0; }
.assist-menu a:hover{ background:rgba(0,230,118,.06); }
.assist-menu-icon{ position:absolute; left:8px; top:50%; width:34px; height:34px; display:grid; place-items:center; transform:translateY(-50%); color:#00e676; border:1px solid rgba(0,230,118,.4); border-radius:9px; font-size:1.5rem; }
.assist-menu strong{ font-size:.82rem; line-height:1.25; }
.assist-menu small{ margin-top:.18rem; color:#b8c2be; font-size:.7rem; }

.assist-services{ padding:22px 0 16px; background:radial-gradient(circle at 45% 0,rgba(0,230,118,.07),transparent 34%),#07100d; }
.assist-section-head{ display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:18px; }
.assist-section-head .eyebrow{ color:#00e676; }
.assist-section-head h2{ margin:.35rem 0; color:#fff; font-size:2rem; letter-spacing:-.04em; }
.assist-section-head p{ margin:0; color:#b8c2be; }
.assist-all-services{ padding:.8rem 1.25rem; display:flex; align-items:center; gap:1.6rem; border:1px solid rgba(0,230,118,.4); border-radius:999px; color:#fff; font-size:.78rem; font-weight:800; white-space:nowrap; }
.assist-all-services span{ color:#00e676; }

.assist-service-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.assist-service-card{ overflow:hidden; min-width:0; display:flex; flex-direction:column; border:1px solid #263630; border-radius:14px; background:linear-gradient(160deg,#15201c,#0b1210); box-shadow:0 18px 38px rgba(0,0,0,.2); }
.assist-service-card figure{ position:relative; height:145px; margin:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 62%,rgba(0,230,118,.22),transparent 45%),linear-gradient(145deg,#17221e,#090f0d); }
.assist-service-card figure::after{ content:''; position:absolute; inset:auto 0 0; height:45%; background:linear-gradient(transparent,#101915); }
.assist-service-card figure img{ position:relative; z-index:1; width:88%; height:88%; object-fit:contain; filter:drop-shadow(0 16px 18px rgba(0,0,0,.45)); }
.assist-service-card figcaption{ position:absolute; z-index:2; right:8px; bottom:6px; color:#aab5b0; font-size:.54rem; letter-spacing:.05em; text-transform:uppercase; }
.assist-service-card > div{ flex:1; padding:13px 14px 14px; display:flex; flex-direction:column; }
.service-symbol{ color:#00e676; font-size:1.35rem; line-height:1; }
.assist-service-card h3{ margin:.5rem 0 .42rem; color:#fff; font-size:.94rem; line-height:1.2; }
.assist-service-card p{ margin:0; color:#b7c0bd; font-size:.72rem; line-height:1.42; }
.assist-service-card a{ margin-top:auto; padding-top:.7rem; color:#00e676; font-size:.75rem; font-weight:900; }

.assist-differentials{ margin-top:16px; padding:12px 18px; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid #263a32; border-radius:14px; background:#101916; }
.assist-differentials > div{ min-height:48px; padding:0 20px 0 58px; position:relative; display:flex; flex-direction:column; justify-content:center; border-right:1px solid #2a3833; }
.assist-differentials > div:last-child{ border-right:0; }
.assist-differentials > div > span{ position:absolute; left:12px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #00e676; border-radius:50%; color:#00e676; font-size:1.05rem; }
.assist-differentials strong{ color:#fff; font-size:.78rem; }
.assist-differentials small{ margin-top:.18rem; color:#aeb8b4; font-size:.66rem; }

.assist-request{ padding:64px 0; background:#090d0c; }
.assist-request .assist-layout{ margin-top:0; }
.assist-request .assist-side h2{ margin:.5rem 0 1rem; color:#fff; font-size:2rem; }
.assist-request .assist-side p{ color:#b8c2be; }
.assist-request .assist-side li{ color:#e8ecea; }
.assist-request .assist-form-card{ border-color:#263a32; background:#111916; }
.assist-request .form-field label{ color:#eef2f0; }
.assist-request input,.assist-request select,.assist-request textarea{ border-color:#34463f; background:#0a100e; color:#fff; }
.assist-request .form-note{ color:#9eaaa5; }

@media (max-width:1200px){
  .assist-premium-hero{ grid-template-columns:1fr; }
  .assist-hero-main{ border-right:0; }
  .assist-menu{ display:grid; grid-template-columns:repeat(3,1fr); padding:10px 24px; border-top:1px solid #173027; }
  .assist-menu a{ border-right:1px solid rgba(255,255,255,.08); }
  .assist-service-grid{ grid-template-columns:repeat(3,1fr); }
}

@media (max-width:980px){
  .assist-hero-copy{ width:min(700px,70%); }
  .assist-hero-copy h1{ white-space:normal; }
  .assist-benefits{ grid-template-columns:repeat(2,minmax(150px,1fr)); }
}

@media (max-width:760px){
  .assist-page .assist-cart{ width:34px; height:34px; }
  .assist-premium-hero{ display:block; }
  .assist-hero-main{ min-height:0; display:flex; flex-direction:column; align-items:stretch; }
  .assist-hero-main::after{ display:none; }
  .assist-hero-copy{ width:100%; padding:28px 18px 22px; background:#03100b; }
  .assist-hero-copy h1{ font-size:clamp(2.6rem,13vw,4rem); }
  .assist-hero-copy h1 em{ white-space:normal; }
  .assist-lead{ font-size:1rem; }
  .assist-benefits{ gap:.65rem; }
  .assist-benefits span{ font-size:.7rem; }
  .assist-hero-actions{ flex-direction:column; }
  .assist-hero-actions .btn{ width:100%; min-width:0; }
  .assist-hero-photo{ position:relative; inset:auto; order:2; width:100%; aspect-ratio:16/9; background-position:70% center; }
  .assist-menu{ grid-template-columns:repeat(2,1fr); padding:8px; }
  .assist-menu a{ min-height:74px; padding-left:48px; }
  .assist-menu-icon{ left:5px; }
  .assist-services{ padding:26px 0 14px; }
  .assist-section-head{ align-items:flex-start; flex-direction:column; gap:1rem; }
  .assist-section-head h2{ font-size:1.75rem; }
  .assist-all-services{ width:100%; justify-content:space-between; }
  .assist-service-grid{ grid-template-columns:1fr; }
  .assist-service-card{ display:grid; grid-template-columns:42% 58%; min-height:180px; }
  .assist-service-card figure{ height:100%; min-height:180px; }
  .assist-service-card > div{ padding:16px 14px; }
  .assist-differentials{ grid-template-columns:1fr 1fr; padding:8px; }
  .assist-differentials > div{ min-height:78px; padding:10px 8px 10px 48px; border-right:0; border-bottom:1px solid #2a3833; }
  .assist-differentials > div:nth-last-child(-n+2){ border-bottom:0; }
  .assist-differentials > div > span{ left:6px; }
  .assist-request{ padding:42px 0; }
}

@media (max-width:430px){
  .assist-menu{ grid-template-columns:1fr; }
  .assist-menu a{ min-height:64px; border-right:0; }
  .assist-service-card{ grid-template-columns:38% 62%; }
  .assist-service-card h3{ font-size:.86rem; }
  .assist-service-card p{ font-size:.67rem; }
  .assist-differentials{ grid-template-columns:1fr; }
  .assist-differentials > div{ border-bottom:1px solid #2a3833 !important; }
  .assist-differentials > div:last-child{ border-bottom:0 !important; }
}