/* Estilos exclusivos da prévia C. A faixa de contato reserva área fora da rolagem. */
.theme-c {--contact-rail:calc(62px + env(safe-area-inset-bottom, 0px));}
.prototype-frame {height:calc(100vh - var(--contact-rail)); height:calc(100dvh - var(--contact-rail)); overflow:auto;}
.prototype-frame:focus-visible {outline-offset:-3px;}
.contact-rail {
  position:fixed; z-index:5; inset:auto 0 0; height:var(--contact-rail);
  display:flex; align-items:center; justify-content:flex-end;
  padding:0 max(16px,env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) 16px;
  background:#fff; border-top:1px solid #dce2ed;
}
.floating-whatsapp {
  display:grid; place-items:center; width:48px; height:48px; border-radius:50%;
  color:#102b23; background:#fff; border:1px solid #cbded5;
  font-size:.85rem; font-weight:760; text-decoration:none;
  animation:rg-contact-pulse 7s ease-in-out infinite;
}
.floating-whatsapp:hover {background:#eef8f3; border-color:#8bada0;}
.floating-whatsapp img {width:31px; height:31px; object-fit:contain;}
.floating-whatsapp-text {width:auto; padding:0 17px; border-radius:999px;}
.floating-whatsapp:hover,.floating-whatsapp:focus,.floating-whatsapp:active {animation-play-state:paused;}
@keyframes rg-contact-pulse {
  0%, 75%, 100% {box-shadow:0 0 0 0 #128c7e00;}
  82% {box-shadow:0 0 0 5px #128c7e35;}
  92% {box-shadow:0 0 0 8px #128c7e00;}
}
.contact-number {display:grid; justify-items:start; gap:2px; margin-top:22px;}
.contact-number > span {color:#465268; font-weight:750; font-size:.78rem; letter-spacing:.07em; text-transform:uppercase;}
.contact-number > a {color:#010e6d; font-size:clamp(1.4rem,4vw,2rem); font-weight:800; text-underline-offset:5px;}
.contact-number .voice-status {margin:6px 0 0; font-size:.86rem; color:#465268;}
.theme-c .review-panel {background:#f2f5fc; padding:20px clamp(14px,3vw,28px); border:1px solid #d7dff0; border-left:4px solid #010e6d;}
.theme-c .review-state .review-platform {color:#010e6d; font-size:.76rem; font-weight:760; letter-spacing:.1em; text-transform:uppercase; margin:0 0 4px;}
.theme-c.page-article .sub-hero .editor-grid {grid-template-columns:minmax(0,1fr) minmax(0,1.07fr); gap:clamp(24px,5vw,64px);}
.theme-c.page-article .sub-hero h1 {font-size:clamp(2.35rem,4.6vw,4.5rem);}
.theme-c .technical-photo {border-left:0; padding-left:0; min-width:0;}
.theme-c .technical-photo img {
  width:100%; height:auto; aspect-ratio:16/10; object-fit:contain;
  background:#0e1627; filter:none;
}
.theme-c .sub-hero .technical-photo img {border-bottom:3px solid #facf08;}
.technical-photo figcaption {padding:7px 0 0; font-size:.79rem;}
.photo-credit {padding:4px 0 0; font-size:.73rem; opacity:.93;}
.photo-credit summary {cursor:pointer;}
.photo-credit a {text-underline-offset:3px;}
.photo-credit a:focus-visible {outline-color:currentColor;}
.theme-c .technical-gallery {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)); gap:20px; margin-top:26px;}
.theme-c .technical-gallery img {background:#eef0f8; border:1px solid #d8deed;}
.guide-body .technical-gallery details {border:0; padding:4px 0 0;}
.technical-figure {margin:20px 0 25px; color:#f9fbff; background:#101d3c; border:1px solid #19315a;}
.technical-figure figcaption {padding:15px 20px 6px;}
.technical-figure figcaption strong {display:block; font-size:clamp(1rem,3vw,1.35rem); line-height:1.28;}
.technical-figure figcaption small {color:#c8d8ff;}
.technical-figure svg {
  display:block; margin:0 auto; width:min(100%, 560px); max-height:325px;
  background:linear-gradient(90deg,#ffffff0d 1px,transparent 1px) 0 0 / 24px 24px,
             linear-gradient(#ffffff0d 1px,transparent 1px) 0 0 / 24px 24px;
}
.mechanism {fill:none; stroke:#d4e3fb; stroke-width:3; stroke-linecap:round; stroke-linejoin:round;}
.mechanism .metal {fill:#283d68;}
.mechanism .accent {fill:#a78c20; stroke:#facf08;}
.mechanism .oil {stroke:#72c8ff; stroke-width:4;}
.callouts circle {fill:#facf08; stroke:#101d3c; stroke-width:2;}
.callouts text {fill:#08142e; font:bold 14px system-ui,sans-serif; text-anchor:middle; dominant-baseline:central;}
.technical-figure ol {display:grid; grid-template-columns:1fr 1fr; gap:8px 22px; padding:13px 20px 17px; list-style:none; counter-reset:parts;}
.technical-figure li {position:relative; padding:6px 0 6px 30px; border-top:1px solid #62759a; counter-increment:parts; font-size:.87rem;}
.technical-figure li::before {content:counter(parts); position:absolute; left:0; top:7px; width:21px; height:21px; border-radius:50%; background:#facf08; color:#08142e; font-weight:800; text-align:center;}
.technical-figure li strong,.technical-figure li span {display:block;}
.technical-figure li span {color:#e0eaff;}
.manual-note {border-left:3px solid #010e6d; padding:9px 12px; margin-top:14px; background:#f3f5fa;}
.photo-pending {display:grid; min-height:180px; place-items:center; border:1px dashed currentColor; padding:12px;}
@media(max-width:820px) {
  .theme-c.page-article .sub-hero .editor-grid {grid-template-columns:minmax(0,1fr);}
  .theme-c .technical-photo img {aspect-ratio:4/3;}
  .technical-figure figcaption {padding-inline:12px;}
  .technical-figure ol {padding-inline:12px;}
}
@media(max-width:460px) {.technical-figure ol {grid-template-columns:1fr;}}

/* Superfícies, estados e ritmo editorial da edição 10.2. */
.theme-c {--ink:#15203b; --paper:#fbfcfe; --line:#d9e0ed;}
.theme-c .button,.theme-c .menu-button {
  border-radius:999px; min-height:46px; padding:10px 19px;
  display:inline-flex; align-items:center; gap:8px; font-weight:730;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.theme-c .button.primary {color:#10194d;}
.theme-c .button.primary:hover {background:#ffe35c; border-color:#ffe35c;}
.theme-c .button.secondary:hover,.theme-c .menu-button:hover {background:#010e6d13;}
.theme-c .hero .button.secondary:hover {background:#ffffff20;}
.theme-c .button:active {transform:translateY(1px);}
.theme-c :focus-visible {outline:2px solid #3468d4; outline-offset:3px;}
.theme-c .hero :focus-visible,.theme-c .sub-hero :focus-visible,.theme-c .footer :focus-visible {outline-color:#facf08;}
.theme-c .masthead {border-bottom:1px solid #e2e7f3;}
.theme-c .site-nav a {border-radius:9px;}
.theme-c .site-nav a:hover {color:#010e6d; text-decoration-thickness:2px;}
.theme-c .menu-button {display:none;}
.theme-c .hero-copy {width:55%;}
.theme-c .hero-photo {
  inset:22px max(24px,calc((100vw - var(--max)) / 2)) 22px auto;
  width:41%; border:0; border-radius:20px; overflow:hidden; background:#172039;
}
.theme-c .hero .hero-photo img {width:100%; height:100%; object-fit:cover; object-position:54% 50%; filter:none;}
.theme-c .hero-photo figcaption {
  position:absolute; right:12px; bottom:12px; background:#11192ae8; color:#fff;
  border-radius:999px; padding:5px 10px; font-size:.7rem;
}
.theme-c .position .wrap {min-height:58px;}
.theme-c .editorial-photo img {width:100%; height:auto; display:block; border-radius:16px; filter:none;}
.theme-c .sub-hero .editorial-photo {padding:0; border:0;}
.theme-c .sub-hero .editorial-photo img {aspect-ratio:3 / 2; object-fit:cover;}
.theme-c .editorial-photo figcaption {margin-top:8px; font-size:.8rem; line-height:1.45;}
.theme-c .media-attribution {display:block; margin-top:3px; font-size:.72rem; opacity:.94;}
.theme-c .offer .offer-image {display:block; padding:0; border:0; min-height:0; background:transparent;}
.theme-c .offer .offer-image img {width:100%; max-width:none; height:auto; aspect-ratio:3 / 2; object-fit:cover;}
.theme-c .history-panel {
  min-height:240px; padding:clamp(24px,4vw,52px); border:1px solid #ffffff32; border-radius:20px;
  display:flex; flex-direction:column; justify-content:center; gap:16px; color:#fff;
}
.theme-c .history-panel span {color:#facf08; font-size:.75rem; font-weight:800; letter-spacing:.16em;}
.theme-c .history-panel strong {font-size:clamp(2.15rem,5vw,4.2rem); line-height:.98; letter-spacing:-.05em;}
.theme-c .route-widget,.theme-c .review-panel,.theme-c .route-form,.theme-c .feedback form,.theme-c .contact address {border-radius:15px;}
.theme-c .feedback form,.theme-c .contact address {background:#fff; padding:clamp(16px,3vw,28px); border:1px solid #dce4f1;}
.theme-c .route-form input,.theme-c .feedback textarea {border-radius:10px; border:1px solid #aab7d0; padding:9px 11px;}
.theme-c .route-form label,.theme-c .feedback label {font-weight:690;}
.theme-c .route-form label:not(.opinion) {min-width:0;}
.theme-c .feedback fieldset {border-radius:12px;}
.theme-c .address-link {color:#010e6d; text-underline-offset:.19em; overflow-wrap:anywhere;}
.theme-c .article-nav a {padding:3px 8px; border-radius:8px;}
.theme-c .article-nav a:hover {background:#edf1fb;}
.mechanical-story {margin:20px 0 30px;}
.mechanical-story h3 {font-size:clamp(1.2rem,3vw,1.65rem); color:#142144; margin-bottom:12px;}
.annotated-photo {position:relative; border-radius:15px; overflow:hidden; background:#e9eef9;}
.annotated-photo img {width:100%; height:auto; display:block;}
.media-markers {width:100%; height:100%; position:absolute; inset:0;}
.media-markers circle {fill:#facf08; stroke:#122357; stroke-width:2;}
.media-markers text {text-anchor:middle; dominant-baseline:central; font:800 26px system-ui,sans-serif; fill:#10194d;}
.marker-key {display:flex; flex-wrap:wrap; gap:7px 12px; padding:10px 0 4px; list-style:none;}
.marker-key li {display:flex; align-items:center; gap:5px; font-size:.83rem; font-weight:720;}
.marker-key span {display:grid; place-items:center; min-width:21px; min-height:21px; border-radius:50%; color:#11194a; background:#facf08;}
.operating-steps {margin:14px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); gap:12px;}
.operating-steps li {padding:14px 15px; border:1px solid #dce4f2; border-radius:13px; background:#f1f5fd;}
.operating-steps li strong {color:#010e6d;}
.operating-steps li p {margin-top:4px; font-size:.89rem;}
.mechanical-cut {background:#111f42; color:#fff; border-radius:14px; padding:11px; margin:12px 0 0;}
.mechanical-cut svg {display:block; width:100%; height:auto;}
.mechanical-cut figcaption {margin:5px 0; font-size:.81rem;}
.mechanical-line {fill:none; stroke:#c4d8f8; stroke-width:3; stroke-linejoin:round; stroke-linecap:round;}
.mechanical-line .fluid-line {stroke:#7bd8ff;}
.mechanical-line .contact-line {stroke:#facf08; stroke-width:4;}
.mechanical-text {font:600 14px system-ui,sans-serif; fill:#edf4ff;}
.clutch-states {display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.diagnostic-detail {margin-top:18px; max-width:430px;}
.care-note {margin:17px 0 0; border-radius:12px; padding:15px 17px; border:1px solid #dbe5f8; background:#f4f7fd;}
.care-note h3 {margin-bottom:5px;}
@media(max-width:820px) {
  .theme-c .menu-button {display:inline-flex;}
  .theme-c .hero-copy {width:100%;}
  .theme-c .hero-photo {inset:auto; width:calc(100% - 36px); margin:0 auto 16px; height:clamp(175px,56vw,315px);}
  .theme-c .hero .actions {gap:9px;}
  .theme-c .hero .actions .button {padding:9px 13px;}
  .theme-c .site-nav.open {gap:5px;}
  .theme-c .history-panel {min-height:0;}
}
@media(max-width:480px) {
  .theme-c .button {max-width:100%;}
  .theme-c .hero .actions {align-items:stretch;}
  .media-markers circle {r:34px;}
  .media-markers text {font-size:34px;}
  .mechanical-cut {padding:8px;}
  .clutch-states {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {
  .theme-c .floating-whatsapp {animation:none;}
  .theme-c .button,.theme-c .menu-button {transition:none;}
}