/* Visual identity from consulta.griddy.com.br, adapted to the existing site. */
html[data-visual-theme="consulta"] {
  --ink:#0B1F3A; --azure:#0878E8; --azure-dark:#0A6ACF;
  --slate:#53657A; --ice:#EAF4FB; --page-bg:#F6F7F9;
  --card:#FFFFFF; --line:#D9E2EA; --amber:#F2B21A;
  --navy:#0B1F3A; --navy-2:#123A63; --navy-3:#123A63;
  --blue:#0878E8; --cyan:#0878E8; --orange:#F2B21A; --yellow:#F2B21A;
  --paper:#F6F7F9; --paper-2:#F6F7F9; --muted:#53657A;
  --radius:14px; --shadow:none; --v7-content:1240px;
  --v7-white:#0B1F3A; --v7-orange:#0878E8; --v7-orange-2:#0A6ACF;
  --v1651-home-h1:40px; --v1651-internal-h1:40px;
  --v1651-legal-h1:40px; --v1651-section-xl:24px;
  --v1651-section:24px; --v1651-subsection:20px;
  --v1651-body:15px; --v1651-lead:16.5px;
  --motion-ease:cubic-bezier(.22,.8,.2,1);
  --motion-ease-out:cubic-bezier(.16,1,.3,1);
  --motion-fast:180ms; --motion-base:280ms; --motion-slow:520ms;
  scroll-padding-top:88px;
}
html[data-visual-theme="consulta"] body {
  background:var(--page-bg); color:var(--ink); line-height:1.5;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:15px;
}
html[data-visual-theme="consulta"] body * {font-family:inherit}
html[data-visual-theme="consulta"] body :focus-visible {
  outline:2px solid var(--azure-dark); outline-offset:3px;
}
html[data-visual-theme="consulta"] body .container,
html[data-visual-theme="consulta"] body .v7-section-inner,
html[data-visual-theme="consulta"] body #header .v7-header-inner {
  width:min(1240px,100%)!important; max-width:1240px!important; margin-inline:auto;
  padding-inline:24px; box-sizing:border-box;
}
/* White header remains consistent while scrolling and changing pages. */
html[data-visual-theme="consulta"] body #header {
  position:sticky!important; inset:0 0 auto!important; height:72px!important;
  background:#fff!important; color:var(--ink)!important;
  border:0!important; border-bottom:1px solid var(--line)!important;
  box-shadow:none!important; backdrop-filter:none!important;
}
html[data-visual-theme="consulta"] body #header .v7-header-inner {
  height:72px!important; min-height:0!important; display:flex;
  align-items:center; justify-content:space-between; gap:24px;
}
html[data-visual-theme="consulta"] body #header .v7-brand {flex:none; gap:0}
html[data-visual-theme="consulta"] body #header .portal-wordmark {
  width:auto; height:31px; display:block; filter:none; object-fit:contain;
}
html[data-visual-theme="consulta"] body #header .v7-desktop-nav {gap:22px}
html[data-visual-theme="consulta"] body #header .v7-nav-link {
  color:var(--slate)!important; font-size:14px!important; font-weight:600;
  transition:color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #header .v7-nav-link:is(:hover,.active) {color:var(--azure-dark)!important}
html[data-visual-theme="consulta"] body #header .v7-nav-link::after {
  content:""!important; position:absolute!important; left:0!important; right:0!important;
  bottom:13px!important; width:auto!important; height:2px!important; border-radius:99px;
  background:var(--azure)!important; transform:scaleX(0); transform-origin:center;
  transition:transform var(--motion-base) var(--motion-ease)!important;
}
html[data-visual-theme="consulta"] body #header .v7-nav-link:is(:hover,.active)::after,
html[data-visual-theme="consulta"] body #header .v7-nav-item:focus-within > .v7-nav-link::after {transform:scaleX(1)}
html[data-visual-theme="consulta"] body #header .v7-dropdown {
  background:#fff!important; color:var(--ink)!important;
  border:1px solid var(--line)!important; border-radius:12px!important;
  box-shadow:0 8px 24px #0B1F3A12!important;
}
html[data-visual-theme="consulta"] body #header .v7-dropdown a {color:var(--ink)!important; font-size:14px}
html[data-visual-theme="consulta"] body #header .v7-dropdown a {
  transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)!important;
}
html[data-visual-theme="consulta"] body #header .v7-dropdown a:hover {background:var(--ice)!important; color:var(--azure-dark)!important; transform:translateX(3px)}
html[data-visual-theme="consulta"] body #menuBtn {
  background:#fff!important; color:var(--ink)!important;
  border:1px solid var(--line)!important; border-radius:10px!important;
  align-items:center!important; justify-content:center!important;
  padding:0!important; line-height:0!important;
}
html[data-visual-theme="consulta"] body #menuBtn .v7-hamburger {
  position:relative!important; display:block!important; flex:0 0 22px!important;
  width:22px!important; height:16px!important; margin:0!important;
  inset:auto!important; transform:none!important;
}
html[data-visual-theme="consulta"] body #menuBtn .v7-hamburger span,
html[data-visual-theme="consulta"] body #menuBtn .v7-hamburger::before,
html[data-visual-theme="consulta"] body #menuBtn .v7-hamburger::after {
  left:0!important; right:auto!important; width:22px!important; height:2px!important;
  margin:0!important; border-radius:999px; background:var(--ink)!important;
  transform-origin:center!important;
}
html[data-visual-theme="consulta"] body #menuBtn .v7-hamburger::before {top:0!important}
html[data-visual-theme="consulta"] body #menuBtn .v7-hamburger span {top:7px!important}
html[data-visual-theme="consulta"] body #menuBtn .v7-hamburger::after {top:14px!important}
html[data-visual-theme="consulta"] body #menuBtn.open .v7-hamburger::before {
  top:7px!important; transform:rotate(45deg)!important;
}
html[data-visual-theme="consulta"] body #menuBtn.open .v7-hamburger span {opacity:0!important}
html[data-visual-theme="consulta"] body #menuBtn.open .v7-hamburger::after {
  top:7px!important; transform:rotate(-45deg)!important;
}
html[data-visual-theme="consulta"] body #mobilePanel {
  top:72px!important; background:#fff!important; color:var(--ink)!important;
}
html[data-visual-theme="consulta"] body #mobilePanel a,
html[data-visual-theme="consulta"] body #mobilePanel summary {color:var(--ink)!important; border-color:var(--line)!important}
html[data-visual-theme="consulta"] body #mobilePanel a.active {color:var(--azure-dark)!important}
/* Compact, legible section rhythm, with the portal's amber title marker. */
html[data-visual-theme="consulta"] body #appMain {padding-top:0!important}
html[data-visual-theme="consulta"] body #appMain .app-view > section,
html[data-visual-theme="consulta"] body #appMain .app-view .page-shell,
html[data-visual-theme="consulta"] body #appMain .app-view .v165-about-evidence {
  min-height:0!important; height:auto!important; max-height:none!important;
  padding-block:24px!important; background:var(--page-bg)!important;
  color:var(--ink)!important; border:0!important; overflow:visible!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view > section::before,
html[data-visual-theme="consulta"] body #appMain .app-view > section::after,
html[data-visual-theme="consulta"] body #appMain .internal-hero::before,
html[data-visual-theme="consulta"] body #appMain .internal-hero::after {display:none!important}
html[data-visual-theme="consulta"] body #appMain #inicio > [aria-hidden="true"],
html[data-visual-theme="consulta"] body #appMain .v7-validation-beam,
html[data-visual-theme="consulta"] body #appMain .v7-eyebrow-line {display:none!important}
html[data-visual-theme="consulta"] body #appMain .app-view .internal-hero,
html[data-visual-theme="consulta"] body #appMain .app-view #inicio {padding-block:32px 28px!important}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-grid {
  width:min(1240px,100%)!important; max-width:1240px!important;
  min-height:0!important; height:auto!important; padding:0 24px!important;
  display:block!important; margin:0 auto!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-main {
  display:block!important; padding:0!important; min-height:0!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-content,
html[data-visual-theme="consulta"] body #appMain .internal-hero > .container {
  display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  column-gap:40px; row-gap:8px; align-items:start; text-align:left!important;
  max-width:1240px!important; padding-block:0!important; margin-inline:auto!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-content {width:100%!important; margin:0!important}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-eyebrow,
html[data-visual-theme="consulta"] body #appMain .internal-hero .kicker {grid-column:1; margin:0 0 4px 23px!important}
html[data-visual-theme="consulta"] body #appMain .app-view h1 {
  font-size:var(--griddy-two-line-size,40px)!important; line-height:1.1!important; font-weight:800!important;
  letter-spacing:-.02em!important; color:var(--ink)!important;
  text-shadow:none!important; font-style:normal!important;
  padding-left:18px!important; border-left:5px solid var(--amber)!important;
  margin:0!important; grid-column:1; width:auto!important; max-width:100%!important;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-title-line {
  width:auto!important; margin:0!important; color:var(--ink)!important;
  font:inherit!important; letter-spacing:inherit!important;
  animation:none!important; opacity:1!important; transform:none!important;
  white-space:normal!important; text-align:left!important;
}
html[data-visual-theme="consulta"] body #appMain .internal-hero > .container > p,
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-copy {
  grid-column:1; margin:0 0 0 23px!important; max-width:none!important;
  color:var(--slate)!important; font-size:16.5px!important; line-height:1.55!important;
}
html[data-visual-theme="consulta"] body #appMain .v164-hero-actions,
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions {
  grid-column:2; grid-row:1 / span 4; align-self:center;
  display:flex!important; flex-wrap:wrap; gap:12px!important;
  justify-content:flex-start!important; margin:0!important; padding:0!important;
}
html[data-visual-theme="consulta"] body #appMain .product-breadcrumb {grid-column:1/-1; color:var(--slate)!important; margin-bottom:8px!important}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route="produto"] .v164-hero-actions {grid-row:2 / span 4}
html[data-visual-theme="consulta"] body #appMain .app-view h2 {
  font-size:var(--griddy-two-line-size,24px)!important; line-height:1.3!important; font-weight:700!important;
  letter-spacing:-.01em!important; color:var(--ink)!important;
  max-width:100%!important; margin-top:0!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view h3 {
  font-size:20px!important; line-height:1.35!important; font-weight:700!important;
  letter-spacing:-.01em!important; color:var(--ink)!important;
}
html[data-visual-theme="consulta"] body #appMain :is(p,.lead,.page-copy,.v7-section-intro,.form-note,.field-help) {
  font-size:15px!important; line-height:1.55!important; color:var(--slate)!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.kicker,.v7-section-label,.v7-eyebrow,.photo-tag) {
  font-size:13px!important; font-weight:600!important; letter-spacing:.02em!important;
  text-transform:none!important; color:var(--slate)!important;
}
html[data-visual-theme="consulta"] body #appMain .kicker::before {background:var(--amber)!important}
html[data-visual-theme="consulta"] body #appMain :is(.page-head,.operation-head,.v165-about-evidence-head) {margin-bottom:16px!important; gap:24px!important}
html[data-visual-theme="consulta"] body #appMain :is(.grid-2,.grid-3,.grid-4,.v7-objective-grid,.product-grid,.related-docs-grid,.download-grid,.v165-evidence-grid) {gap:16px!important}
html[data-visual-theme="consulta"] body #appMain .reveal {opacity:1!important; transform:none!important; transition:none!important}
/* One card language for information, choices and forms. */
html[data-visual-theme="consulta"] body #appMain :is(.surface,.form-card-v2,.filter-panel,.product-card-v2,.download-card,.related-doc-card,.v7-objective-card,.os-page-portal,.journey-card,.calc-result-v2,.kb-card) {
  background:var(--card)!important; color:var(--ink)!important;
  border:1px solid var(--line)!important; border-radius:14px!important;
  box-shadow:none!important; min-height:0!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.surface,.form-card-v2,.os-page-portal,.calc-result-v2,.journey-card) {padding:24px!important}
html[data-visual-theme="consulta"] body #appMain .v7-objective-card {padding:20px!important; transform:none!important}
html[data-visual-theme="consulta"] body #appMain .v7-objective-card::before,
html[data-visual-theme="consulta"] body #appMain .v7-objective-card::after {display:none!important}
html[data-visual-theme="consulta"] body #appMain .v7-objective-card:hover,
html[data-visual-theme="consulta"] body #appMain .card-link:hover {border-color:var(--azure)!important; background:#F3F8FC!important; transform:none!important}
html[data-visual-theme="consulta"] body #appMain :is(.icon-tile,.v7-objective-index,.tech-topic-index,.document-governance-icon) {
  width:44px; height:44px; display:grid; place-items:center;
  background:var(--ice)!important; color:var(--azure-dark)!important;
  border-radius:12px!important; font-size:15px!important; margin-bottom:12px;
}
html[data-visual-theme="consulta"] body #appMain :is(.service-mode-note,.operational-notice,.document-governance,.product-verification,.calc-assumptions,.v165-legal-index) {
  background:var(--ice)!important; color:var(--ink)!important;
  border:1px solid #D6E7F5!important; border-radius:12px!important;
  box-shadow:none!important; padding:16px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.text-link,.official-proof-link,.official-detail-link,.v164-card-action,.product-link,.doc-download,.doc-request,.v7-trust-item) {color:var(--azure-dark)!important}
html[data-visual-theme="consulta"] body #appMain .v7-trust-strip {
  position:static!important; margin:24px 0 0!important; padding:16px 0 0!important;
  width:100%!important; background:none!important; border:0!important;
  border-top:1px solid var(--line)!important; box-shadow:none!important; color:var(--slate)!important;
}
html[data-visual-theme="consulta"] body #appMain .v7-trust-items {justify-content:flex-start!important; gap:24px!important; flex-wrap:wrap}
html[data-visual-theme="consulta"] body #appMain .v7-trust-item {font-size:13px!important}
html[data-visual-theme="consulta"] body #appMain .v7-trust-dot {background:var(--amber)!important; box-shadow:none!important}
/* Same blue action controls as the consultation portal. */
html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(.btn,.v7-btn,.v164-hero-action,.os-portal-link,#internalTrackingSubmit) {
  min-height:48px!important; padding:12px 22px!important; border-radius:10px!important;
  font-size:16px!important; font-weight:700!important; line-height:1.25!important;
  box-shadow:none!important; transform:none!important; white-space:normal!important;
  text-align:center!important; border:1px solid transparent!important;
  cursor:pointer; touch-action:manipulation;
  transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-base) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(.btn-primary,.btn-dark,.v7-btn-primary,.v164-hero-action.primary,.os-portal-link,#internalTrackingSubmit) {
  background:var(--azure)!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
}
html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(.btn-primary,.btn-dark,.v7-btn-primary,.v164-hero-action.primary,.os-portal-link,#internalTrackingSubmit):hover {background:var(--azure-dark)!important}
html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(.btn-secondary,.v7-btn-secondary,.v164-hero-action.secondary) {
  background:#fff!important; color:var(--azure-dark)!important; border-color:var(--azure)!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.btn,.v7-btn,.v164-hero-action)::before,
html[data-visual-theme="consulta"] body #appMain :is(.btn,.v7-btn,.v164-hero-action)::after {box-shadow:none!important; background:none!important}
html[data-visual-theme="consulta"] body #header .v7-btn {min-height:44px!important; font-size:14px!important; padding:10px 16px!important}
html[data-visual-theme="consulta"] body #mobilePanel .v7-mobile-cta {color:#fff!important}
html[data-visual-theme="consulta"] body #appMain :is(.product-guide-grid button,.product-scope-switch button,.kb-filter,.calc-option-v2,.v165-legal-index button) {
  color:var(--ink)!important; background:#fff!important; border:1px solid var(--line)!important;
  border-radius:10px!important; box-shadow:none!important; font-size:14px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.product-scope-switch button.is-active,.kb-filter.is-active,.calc-option-v2.selected,[data-doc-filter].active) {background:var(--ice)!important; color:var(--azure-dark)!important; border-color:var(--azure)!important}
html[data-visual-theme="consulta"] body #appMain :is(.field label,.filter-group label) {font-size:14px!important; color:var(--ink)!important; line-height:1.5!important}
html[data-visual-theme="consulta"] body #appMain :is(input:not([type="checkbox"]),select,textarea) {
  background:#fff!important; color:var(--ink)!important; border:1px solid var(--line)!important;
  border-radius:10px!important; min-height:48px!important; font-size:16px!important;
  font-weight:400!important; box-shadow:none;
}
html[data-visual-theme="consulta"] body #appMain :is(input,textarea)::placeholder {color:var(--slate)!important; opacity:1!important}
html[data-visual-theme="consulta"] body #appMain :is(input,select,textarea):focus {border-color:var(--azure)!important; box-shadow:0 0 0 3px #D7E8FB!important}
html[data-visual-theme="consulta"] body #appMain :is(input,select,textarea)[aria-invalid="true"] {border-color:#B8860B!important; box-shadow:0 0 0 3px #FFF1CC!important}
html[data-visual-theme="consulta"] body #appMain .form-grid-v2 {gap:16px!important}
html[data-visual-theme="consulta"] body #appMain .consent {color:var(--slate)!important; font-size:13px!important}
html[data-visual-theme="consulta"] body #appMain input[type="checkbox"] {accent-color:var(--azure-dark)}
html[data-visual-theme="consulta"] body #appMain .wizard-step-labels li {color:var(--slate)!important; font-size:13px!important}
html[data-visual-theme="consulta"] body #appMain .wizard-step-labels li:is(.is-active,.is-done) {color:var(--azure-dark)!important; background:var(--ice)!important}
html[data-visual-theme="consulta"] body #appMain .form-progress-v2 span.on {background:var(--azure)!important}
html[data-visual-theme="consulta"] body #appMain :is(.form-error-summary,.status-box.error) {background:#FFF7E3!important; border-color:#F1DFA9!important; color:#714600!important}
/* Real photography stays separate from captions and maintains its proportions. */
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] .operation .gallery,
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] .v165-evidence-grid {
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:none!important; gap:16px!important; height:auto!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.operation .photo,.v165-evidence-photo) {
  display:grid!important; grid-template-rows:220px auto!important;
  grid-column:auto!important; grid-row:auto!important; min-height:0!important; height:auto!important;
  overflow:hidden!important; border:1px solid var(--line)!important;
  border-radius:14px!important; background:#fff!important; margin:0!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.operation .photo,.v165-evidence-photo)::before,
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.operation .photo,.v165-evidence-photo)::after {display:none!important}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.operation .photo,.v165-evidence-photo) > img {
  position:static!important; width:100%!important; height:220px!important;
  min-height:0!important; object-fit:cover!important; object-position:center 38%!important;
  transform:none!important; filter:none!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.photo-content,.v165-evidence-photo figcaption) {
  position:static!important; padding:18px!important; background:#fff!important;
  color:var(--ink)!important; border:0!important; box-shadow:none!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.photo-content,.v165-evidence-photo figcaption) h3 {font-size:18px!important; color:var(--ink)!important; margin:6px 0!important}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.photo-content,.v165-evidence-photo figcaption) p {color:var(--slate)!important; font-size:14px!important}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route] .v165-evidence-photo figcaption > span {color:var(--slate)!important}
html[data-visual-theme="consulta"] body #appMain .v69-layout {gap:32px!important; align-items:center!important}
html[data-visual-theme="consulta"] body #appMain :is(.v69-product-carousel,.product-detail-stage,.product-visual,.os-page-portal,.calc-result-v2) {
  background:#fff!important; color:var(--ink)!important; box-shadow:none!important;
  border:1px solid var(--line)!important; border-radius:14px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.v69-product-carousel,.product-detail-stage,.product-visual)::before,
html[data-visual-theme="consulta"] body #appMain :is(.v69-product-carousel,.product-detail-stage,.product-visual)::after {display:none!important}
html[data-visual-theme="consulta"] body #appMain .product-visual {height:210px!important; background:#F3F8FC!important; border-radius:0!important; border:0!important}
html[data-visual-theme="consulta"] body #appMain .product-body {padding:20px!important}
html[data-visual-theme="consulta"] body #appMain :is(.chip,.product-origin-label,.v165-media-label,.v165-doc-access,.feature-kicker) {background:var(--ice)!important; color:var(--azure-dark)!important; border-color:#D6E7F5!important; box-shadow:none!important}
html[data-visual-theme="consulta"] body #appMain :is(.v165-product-specs span,.v165-detail-specs span) {background:#F3F8FC!important; color:var(--ink)!important; border-color:var(--line)!important; font-size:13px!important}
html[data-visual-theme="consulta"] body #appMain .feature-product-visual {background:#F3F8FC!important; border-radius:12px!important}
html[data-visual-theme="consulta"] body #appMain :is(.feature-product-description,.feature-product-caption,.feature-product-slide p) {color:var(--slate)!important}
html[data-visual-theme="consulta"] body #appMain .v69-closing .container {
  background:var(--ice)!important; border:1px solid #D6E7F5!important; border-radius:14px!important;
  padding:24px!important; width:min(1192px,calc(100% - 48px))!important;
  text-align:left!important;
}
html[data-visual-theme="consulta"] body #appMain .v69-closing :is(.v7-hero-actions,.inline-actions) {justify-content:flex-start!important}
html[data-visual-theme="consulta"] body #appMain .calc-result-v2 strong {color:var(--azure-dark)!important; font-size:32px!important}
html[data-visual-theme="consulta"] body #appMain .calc-result-v2 :is(small,b,li) {color:var(--slate)!important}
html[data-visual-theme="consulta"] body #appMain .legal-card-v2 {max-width:1192px!important}
html[data-visual-theme="consulta"] body #appMain .legal-card-v2 h2 {margin-top:24px!important}
html[data-visual-theme="consulta"] body #appMain .legal-card-v2 :is(p,li) {max-width:90ch}
/* Quiet footer and contextual contact action. */
html[data-visual-theme="consulta"] body footer {
  margin-top:24px!important; padding:24px 0 32px!important;
  background:var(--page-bg)!important; border-top:1px solid var(--line)!important;
  color:var(--slate)!important;
}
html[data-visual-theme="consulta"] body footer::before,
html[data-visual-theme="consulta"] body footer::after {display:none!important}
html[data-visual-theme="consulta"] body footer :is(a,p,span,.footer-col-v2) {color:var(--slate)!important; font-size:13px!important}
html[data-visual-theme="consulta"] body footer :is(h4,.brand) {color:var(--ink)!important; font-size:15px!important}
html[data-visual-theme="consulta"] body footer .footer-grid-v2 {gap:24px!important; padding-block:0!important}
/* Align the wordmark and column headings on the same visual centre line. */
html[data-visual-theme="consulta"] body footer .footer-brand > .brand,
html[data-visual-theme="consulta"] body footer .footer-col-v2 > h4 {
  display:flex!important; align-items:center!important; min-height:31px!important;
  padding:0!important; margin-top:0!important;
}
html[data-visual-theme="consulta"] body footer .footer-col-v2 > h4 {
  margin-bottom:10px!important; line-height:1.4!important;
}
html[data-visual-theme="consulta"] body footer .footer-bottom {border-color:var(--line)!important; margin-top:24px!important; padding-top:20px!important}
html[data-visual-theme="consulta"] body .v7-wa {background:var(--azure)!important; color:#fff!important; box-shadow:0 3px 12px #0B1F3A20!important; border:0!important; border-radius:12px!important}
html[data-visual-theme="consulta"] body .v7-wa::before,
html[data-visual-theme="consulta"] body .v7-wa::after {display:none!important}
html[data-visual-theme="consulta"] body .privacy-banner {background:#fff!important; color:var(--ink)!important; border:1px solid var(--line)!important}
html[data-visual-theme="consulta"] body #header .v7-header-action {display:flex; align-items:center; gap:16px}
html[data-visual-theme="consulta"] body #header .portal-header-authority {display:flex; align-items:center; gap:16px; white-space:nowrap}
html[data-visual-theme="consulta"] body #header .portal-header-label {
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:400; line-height:1.5; color:var(--slate);
}
html[data-visual-theme="consulta"] body #header .portal-header-label::before {
  content:""; flex:0 0 6px; width:6px; height:6px;
  border-radius:50%; background:#f3ac15;
}
html[data-visual-theme="consulta"] body #header .portal-header-divider {
  display:block; flex:0 0 1px; width:1px; height:24px; background:#dce3ef;
}
html[data-visual-theme="consulta"] body #header .portal-header-authority img {
  display:block; flex:0 0 auto; width:68px; height:30px; object-fit:contain;
}
html[data-visual-theme="consulta"] body footer .footer-brand .brand {background:transparent!important}
html[data-visual-theme="consulta"] body footer .portal-wordmark {
  width:95px; height:31px; display:block; object-fit:contain;
  /* Remove the visible white matte against the light footer without redrawing the brand. */
  background:transparent; mix-blend-mode:multiply;
}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel {
  border:1px solid var(--line)!important; border-radius:14px!important; box-shadow:none!important; background:#fff!important;
}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .v69-lockup {padding:16px 20px; gap:16px; border-color:var(--line)}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .feature-product-visual {
  height:240px!important; min-height:0!important; box-sizing:border-box;
  display:grid!important; place-items:center!important; padding:22px!important;
  background:#fff!important; overflow:hidden!important;
}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .feature-product-visual img {
  position:relative!important; inset:auto!important; display:block!important;
  width:196px!important; height:196px!important; max-width:100%!important;
  max-height:196px!important; margin:auto!important; object-fit:contain!important;
  object-position:center!important;
  transform:scale(var(--photo-scale,1)) translate(var(--photo-x,0%),var(--photo-y,0%))!important;
}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .v69-product-info {padding:20px!important; gap:16px; grid-template-columns:minmax(0,1fr)!important; border-color:var(--line)}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .v69-product-info small {color:var(--slate)!important; font-size:13px!important; text-transform:none; letter-spacing:0}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .v69-product-info a {color:var(--azure-dark)!important; font-size:14px!important}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .feature-carousel-arrow {border:1px solid var(--line)!important; color:var(--azure-dark)!important; background:#fff!important; border-radius:10px!important}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .feature-carousel-dot.is-active {background:var(--azure)!important}
html[data-visual-theme="consulta"] body #appMain .product-breadcrumb b {color:var(--ink)!important}
html[data-visual-theme="consulta"] body #appMain .support-escalation .feature-list li {color:var(--slate)!important; background:var(--page-bg)!important; border-color:var(--line)!important}
html[data-visual-theme="consulta"] body #appMain .os-page-portal::after {display:none!important}
html[data-visual-theme="consulta"] body #privacyBanner :is(p,b) {color:var(--ink)!important}
html[data-visual-theme="consulta"] body #privacyBanner a {color:var(--azure-dark)!important}
html[data-visual-theme="consulta"] body #privacyBanner .privacy-essential {background:#fff!important; color:var(--azure-dark)!important; border:1px solid var(--azure)!important}
html[data-visual-theme="consulta"] body #privacyBanner .privacy-accept {background:var(--azure)!important; color:#fff!important}
html[data-visual-theme="consulta"] body #appMain .official-proof-link {
  background:var(--azure)!important; color:#fff!important; border-radius:10px!important;
  padding:12px 18px!important; min-height:48px; align-items:center; font-size:14px!important;
}
html[data-visual-theme="consulta"] body #appMain .official-proof-link:hover {background:var(--azure-dark)!important}
html[data-visual-theme="consulta"] body #appMain .product-detail-stage {min-height:320px!important}
html[data-visual-theme="consulta"] body #appMain .os-page-step {border-radius:14px!important; padding:20px!important}
html[data-visual-theme="consulta"] body #appMain .os-page-step > span {background:var(--ice)!important; color:var(--azure-dark)!important; border-radius:12px!important}

/* Refined motion: short, purposeful responses instead of continuous decoration. */
html[data-visual-theme="consulta"].page-scrolled body #header {
  box-shadow:0 8px 24px rgba(11,31,58,.07)!important;
}
html[data-visual-theme="consulta"] body #appMain :is(
  .v7-objective-card[data-route-target],.product-card-v2,.download-card,
  .related-doc-card,.kb-card,.card-link,.official-resource-grid a
) {
  transition:transform var(--motion-base) var(--motion-ease),
    box-shadow var(--motion-base) ease,border-color var(--motion-fast) ease,
    background-color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.text-link,.official-detail-link,.v164-card-action,.product-link,.doc-download,.doc-request) {
  text-underline-offset:4px;
  transition:color var(--motion-fast) ease,text-decoration-color var(--motion-fast) ease!important;
}
/* Contact guidance links wrap with the sentence instead of as one flex item. */
html[data-visual-theme="consulta"] body #appMain #contactChoice ~ p > .text-link {
  display:inline!important; white-space:normal!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.faq-q-v2,.kb-card summary) {
  transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.faq-q-v2,.kb-card summary):hover {background:var(--ice)!important}
html[data-visual-theme="consulta"] body #appMain :is(.faq-q-v2 span:last-child,.kb-card-toggle) {
  transition:transform var(--motion-base) var(--motion-ease),color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #appMain .kb-card[open] .kb-card-toggle {transform:rotate(45deg); color:var(--azure-dark)!important}
html[data-visual-theme="consulta"] body #appMain :is(.calc-option-v2,.kb-filter,.product-scope-switch button,[data-doc-filter]) {
  transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease,
    border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #appMain :is(input:not([type="checkbox"]),select,textarea) {
  transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,
    background-color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .feature-carousel-arrow,
html[data-visual-theme="consulta"] body .v7-wa,
html[data-visual-theme="consulta"] body .back-top {
  transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-base) ease,
    background-color var(--motion-fast) ease,border-color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .feature-carousel-dot {
  transition:width var(--motion-base) var(--motion-ease),background-color var(--motion-fast) ease,
    transform var(--motion-fast) var(--motion-ease)!important;
}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(.btn,.v7-btn,.v164-hero-action,.os-portal-link,#internalTrackingSubmit):hover {
    transform:translateY(-2px)!important;
    box-shadow:0 9px 22px rgba(8,120,232,.18)!important;
  }
  html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(.btn,.v7-btn,.v164-hero-action,.os-portal-link,#internalTrackingSubmit):active {
    transform:translateY(0) scale(.985)!important;
    box-shadow:0 3px 10px rgba(8,120,232,.13)!important;
  }
  html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(.btn,.v7-btn,.v164-hero-action,.os-portal-link,#internalTrackingSubmit):hover :is(.v7-arrow,[aria-hidden="true"]) {
    transform:translate(3px,-1px);
  }
  html[data-visual-theme="consulta"] body #appMain :is(
    .v7-objective-card[data-route-target],.product-card-v2,.download-card,
    .related-doc-card,.kb-card,.card-link,.official-resource-grid a
  ):hover {
    transform:translateY(-4px)!important;
    border-color:#B9D4ED!important;
    box-shadow:0 14px 34px rgba(11,31,58,.09)!important;
    background:#fff!important;
  }
  html[data-visual-theme="consulta"] body #appMain .product-card-v2:hover .product-visual {background:var(--ice)!important}
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.operation .photo,.v165-evidence-photo):hover > img {
    transform:scale(1.025)!important;
  }
  html[data-visual-theme="consulta"] body #appMain :is(.calc-option-v2,.kb-filter,.product-scope-switch button,[data-doc-filter]):hover {
    transform:translateY(-1px); border-color:#B9D4ED!important; box-shadow:0 5px 14px rgba(11,31,58,.06)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #featuredProductCarousel .feature-carousel-arrow:hover,
  html[data-visual-theme="consulta"] body .back-top:hover {transform:translateY(-2px)!important; box-shadow:0 8px 18px rgba(11,31,58,.10)!important}
  html[data-visual-theme="consulta"] body .v7-wa:hover {transform:translateY(-3px) scale(1.02)!important; box-shadow:0 12px 25px rgba(8,120,232,.23)!important}
}

@media (prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"].griddy-motion body #appMain .app-view.active {
    animation:griddy-page-enter 420ms var(--motion-ease-out) both!important;
  }
  html[data-visual-theme="consulta"].griddy-motion body #appMain .reveal:not(.visible) {
    opacity:0!important; transform:translateY(14px)!important;
  }
  html[data-visual-theme="consulta"].griddy-motion body #appMain .reveal.visible {
    opacity:1!important; transform:translateY(0)!important;
    transition:opacity var(--motion-slow) ease,transform var(--motion-slow) var(--motion-ease-out)!important;
  }
  html[data-visual-theme="consulta"].griddy-motion body #appMain .operation .gallery .reveal:nth-child(2) {transition-delay:70ms!important}
  html[data-visual-theme="consulta"].griddy-motion body #appMain .operation .gallery .reveal:nth-child(3) {transition-delay:140ms!important}
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route] :is(.operation .photo,.v165-evidence-photo) > img {
    transition:transform 650ms var(--motion-ease-out)!important;
  }
  html[data-visual-theme="consulta"] body #appMain .form-step.active {
    animation:griddy-form-enter 300ms var(--motion-ease-out) both!important;
  }
}
@keyframes griddy-page-enter {
  from {opacity:.01; transform:translateY(8px)}
  to {opacity:1; transform:translateY(0)}
}
@keyframes griddy-form-enter {
  from {opacity:.01; transform:translateX(8px)}
  to {opacity:1; transform:translateX(0)}
}
@media (prefers-reduced-motion:reduce) {
  html[data-visual-theme="consulta"] body #appMain *,
  html[data-visual-theme="consulta"] body #header *,
  html[data-visual-theme="consulta"] body #mobilePanel * {
    animation-duration:.01ms!important; animation-iteration-count:1!important;
    transition-duration:.01ms!important; scroll-behavior:auto!important;
  }
}
@media (max-width:1100px) {
  html[data-visual-theme="consulta"] body #header .v7-desktop-nav {gap:14px}
  html[data-visual-theme="consulta"] body #header .v7-header-inner {gap:16px}
  html[data-visual-theme="consulta"] body #header .portal-header-authority > span {display:none}
}
@media (max-width:980px) {
  html[data-visual-theme="consulta"] body #header .v7-desktop-nav,
  html[data-visual-theme="consulta"] body #header .v7-header-action {display:none!important}
  html[data-visual-theme="consulta"] body #menuBtn {display:flex!important}
  html[data-visual-theme="consulta"] body #mobilePanel {display:block!important}
}
@media (max-width:899px) {
  html[data-visual-theme="consulta"] body #header,
  html[data-visual-theme="consulta"] body #header .v7-header-inner {height:60px!important}
  html[data-visual-theme="consulta"] body #mobilePanel {top:60px!important}
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-content,
  html[data-visual-theme="consulta"] body #appMain .internal-hero > .container {grid-template-columns:minmax(0,1fr); gap:12px}
  html[data-visual-theme="consulta"] body #appMain .v164-hero-actions,
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions {grid-column:1!important; grid-row:auto!important; margin-top:8px!important}
  html[data-visual-theme="consulta"] body #appMain .app-view h1 {font-size:var(--griddy-two-line-size,30px)!important}
  html[data-visual-theme="consulta"] body #appMain :is(.grid-2,.grid-3,.grid-4,.v7-objective-grid,.v69-layout,.catalog-layout,.calc-layout,.product-detail-grid) {grid-template-columns:minmax(0,1fr)!important}
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route] .operation .gallery,
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route] .v165-evidence-grid {grid-template-columns:minmax(0,1fr)!important}
  html[data-visual-theme="consulta"] body #appMain .product-grid,
  html[data-visual-theme="consulta"] body #appMain .related-docs-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-visual-theme="consulta"] body #appMain .filter-panel {position:static!important}
}
@media (max-width:620px) {
  html[data-visual-theme="consulta"] body .container,
  html[data-visual-theme="consulta"] body .v7-section-inner,
  html[data-visual-theme="consulta"] body #header .v7-header-inner,
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-grid {padding-inline:16px!important}
  html[data-visual-theme="consulta"] body #appMain .app-view > section {padding-block:20px!important}
  html[data-visual-theme="consulta"] body #appMain :is(.surface,.form-card-v2,.os-page-portal,.calc-result-v2) {padding:18px!important}
  html[data-visual-theme="consulta"] body #appMain .v7-hero-actions > a,
  html[data-visual-theme="consulta"] body #appMain .v164-hero-actions > a {flex:1 1 100%; width:100%}
  html[data-visual-theme="consulta"] body #appMain :is(.product-grid,.related-docs-grid,.download-grid,.form-grid-v2) {grid-template-columns:minmax(0,1fr)!important}
  html[data-visual-theme="consulta"] body #appMain .v69-closing .container {width:calc(100% - 32px)!important}
  html[data-visual-theme="consulta"] body #appMain .v7-trust-items {gap:12px!important}
}

/* =========================================================
   Layout integrity — final positioning and readable scale.
   This layer wins over historical page-specific overrides.
========================================================= */
html[data-visual-theme="consulta"] {
  --layout-gutter:clamp(16px,3vw,24px);
  --section-space:clamp(48px,5.5vw,72px);
  --card-pad:clamp(18px,2.2vw,24px);
  overflow-x:clip;
}
html[data-visual-theme="consulta"] body {
  min-width:320px; overflow-x:clip; font-size:16px!important;
}
html[data-visual-theme="consulta"] body *,
html[data-visual-theme="consulta"] body *::before,
html[data-visual-theme="consulta"] body *::after {box-sizing:border-box}
html[data-visual-theme="consulta"] body #appMain,
html[data-visual-theme="consulta"] body #appMain .app-view,
html[data-visual-theme="consulta"] body #appMain .app-view > section,
html[data-visual-theme="consulta"] body #appMain .container,
html[data-visual-theme="consulta"] body #appMain .v7-section-inner {min-width:0; max-width:100%}
html[data-visual-theme="consulta"] body #appMain img,
html[data-visual-theme="consulta"] body footer img {max-width:100%}

/* Stable page gutters and section rhythm. */
html[data-visual-theme="consulta"] body .container,
html[data-visual-theme="consulta"] body .v7-section-inner,
html[data-visual-theme="consulta"] body #header .v7-header-inner,
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-grid {
  width:min(1240px,100%)!important; max-width:1240px!important;
  margin-inline:auto!important; padding-inline:var(--layout-gutter)!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view > section:not(.internal-hero):not(#inicio),
html[data-visual-theme="consulta"] body #appMain .app-view > .page-shell,
html[data-visual-theme="consulta"] body #appMain .app-view > .v165-about-evidence {
  min-height:0!important; height:auto!important;
  padding-block:var(--section-space)!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view .internal-hero,
html[data-visual-theme="consulta"] body #appMain .app-view #inicio {
  min-height:0!important; height:auto!important; padding-block:40px 36px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(section,[id]) {scroll-margin-top:88px}

/* Type scale: expressive titles, comfortable reading, no microscopic fitting. */
html[data-visual-theme="consulta"] body #appMain .app-view h1 {
  font-size:clamp(36px,var(--griddy-two-line-size,44px),44px)!important;
  line-height:1.1!important; letter-spacing:-.025em!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view h1[data-two-line-fitted="true"] {
  font-size:clamp(36px,var(--griddy-two-line-size),44px)!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view h2 {
  font-size:clamp(26px,var(--griddy-two-line-size,32px),32px)!important;
  line-height:1.22!important; letter-spacing:-.018em!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view h2[data-two-line-fitted="true"] {
  font-size:clamp(26px,var(--griddy-two-line-size),32px)!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view h3 {
  font-size:20px!important; line-height:1.32!important; letter-spacing:-.012em!important;
}
html[data-visual-theme="consulta"] body #appMain :is(p,.page-copy,.lead,.v7-section-intro) {
  overflow-wrap:break-word; word-break:normal; hyphens:auto;
}
html[data-visual-theme="consulta"] body #appMain :is(p,.page-copy,.v7-section-intro) {
  font-size:16px!important; line-height:1.65!important;
}
html[data-visual-theme="consulta"] body #appMain .lead {
  font-size:17px!important; line-height:1.62!important;
}
html[data-visual-theme="consulta"] body #appMain :is(
  .surface p,.product-body p,.download-card p,.related-doc-card p,
  .journey-card p,.kb-card p,.training-card p,.photo-content p,
  .v165-evidence-photo figcaption p,.form-note,.field-help
) {font-size:15px!important; line-height:1.6!important}
html[data-visual-theme="consulta"] body #appMain :is(.kicker,.v7-section-label,.v7-eyebrow,.photo-tag,.kb-card-category) {
  font-size:13px!important; line-height:1.4!important; letter-spacing:.025em!important;
}
html[data-visual-theme="consulta"] body #appMain :is(a,button,label,span,strong,small,li,code) {
  overflow-wrap:break-word; word-break:normal;
}
html[data-visual-theme="consulta"] body #appMain :is(.chip,.product-code,.product-origin,.v165-media-label,.v165-doc-details span) {
  max-width:100%; white-space:normal!important; line-height:1.35!important;
}

/* Every grid item may shrink inside its column without invading a neighbour. */
html[data-visual-theme="consulta"] body #appMain :is(
  .grid-2,.grid-3,.grid-4,.v7-objective-grid,.v69-layout,.v69-families,
  .catalog-layout,.catalog-intro-wide,.product-guide-grid,.product-grid,
  .support-grid,.tech-topic-grid,.kb-grid,.form-grid-v2,.calc-layout,
  .calc-options,.os-page-grid,.warranty-flow-grid,.warranty-review-grid,
  .download-grid,.related-docs-grid,.official-resource-grid,.training-list,
  .product-detail-grid,.v165-detail-specs,.v165-evidence-grid,
  .footer-grid-v2,.request-doc-heading
) {min-width:0; max-width:100%; gap:clamp(16px,2vw,24px)!important}
html[data-visual-theme="consulta"] body #appMain :is(
  .grid-2,.grid-3,.grid-4,.v7-objective-grid,.v69-layout,.v69-families,
  .catalog-layout,.catalog-intro-wide,.product-guide-grid,.product-grid,
  .support-grid,.tech-topic-grid,.kb-grid,.form-grid-v2,.calc-layout,
  .calc-options,.os-page-grid,.warranty-flow-grid,.warranty-review-grid,
  .download-grid,.related-docs-grid,.official-resource-grid,.training-list,
  .product-detail-grid,.v165-detail-specs,.v165-evidence-grid,
  .footer-grid-v2,.request-doc-heading
) > * {min-width:0; max-width:100%}
html[data-visual-theme="consulta"] body #appMain :is(.grid-3,.grid-4,.v7-objective-grid,.product-grid,.support-grid,.tech-topic-grid,.warranty-flow-grid,.download-grid,.official-resource-grid) {
  align-items:stretch!important;
}

/* Cards grow with their content and keep consistent internal alignment. */
html[data-visual-theme="consulta"] body #appMain :is(
  .surface,.form-card-v2,.filter-panel,.product-card-v2,.download-card,
  .related-doc-card,.v7-objective-card,.os-page-portal,.os-page-step,
  .journey-card,.calc-result-v2,.kb-card,.training-card,.warranty-flow-card,
  .legal-card-v2,.value-card
) {
  min-width:0!important; max-width:100%!important; height:auto!important;
  min-height:0!important; overflow-wrap:break-word;
}
html[data-visual-theme="consulta"] body #appMain :is(
  .surface,.form-card-v2,.filter-panel,.related-doc-card,.v7-objective-card,
  .os-page-portal,.os-page-step,.journey-card,.calc-result-v2,
  .training-card,.warranty-flow-card,.legal-card-v2,.value-card
) {padding:var(--card-pad)!important}
html[data-visual-theme="consulta"] body #appMain .kb-card {padding:0!important; overflow:hidden}
html[data-visual-theme="consulta"] body #appMain :is(.product-card-v2,.download-card,.journey-card,.value-card) {
  display:flex; flex-direction:column;
}
html[data-visual-theme="consulta"] body #appMain :is(.product-body,.feature-product-info,.kb-card-body,.photo-content,figcaption) {
  min-width:0; max-width:100%;
}
html[data-visual-theme="consulta"] body #appMain .product-body {display:flex; flex:1; flex-direction:column}
html[data-visual-theme="consulta"] body #appMain :is(.product-body,.download-card,.journey-card) > :is(.btn,.text-link,.v164-card-action,.product-link) {
  margin-top:auto;
}

/* Titles inside cards stay subordinate to their section title. */
html[data-visual-theme="consulta"] body #appMain .app-view :is(
  .surface,.form-card-v2,.filter-panel,.os-page-portal,.journey-card,
  .calc-result-v2,.kb-card,.training-card,.legal-card-v2
) h2:not(.page-heading):not(.section-title) {
  font-size:24px!important; line-height:1.25!important; letter-spacing:-.014em!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view .form-card-v2 > h2,
html[data-visual-theme="consulta"] body #appMain .app-view .calc-result-v2 > h2 {font-size:26px!important}
html[data-visual-theme="consulta"] body #appMain .app-view .legal-card-v2 h2 {font-size:22px!important; line-height:1.35!important}

/* Headings and action rows stay inside their section. */
html[data-visual-theme="consulta"] body #appMain :is(.page-head,.operation-head,.v165-about-evidence-head,.request-doc-heading) {
  align-items:end!important; column-gap:clamp(24px,4vw,48px)!important;
}
html[data-visual-theme="consulta"] body #appMain :is(
  .inline-actions,.v7-hero-actions,.v164-hero-actions,.v69-actions,
  .v69-closing-actions,.os-portal-actions,.form-nav,.kb-card-actions,
  .catalog-toolbar,.download-toolbar,.kb-toolbar,.product-scope-switch
) {
  min-width:0; max-width:100%; display:flex; flex-wrap:wrap!important;
  align-items:center; gap:12px!important;
}
html[data-visual-theme="consulta"] body :is(#appMain,#header,#mobilePanel) :is(
  .btn,.v7-btn,.v164-hero-action,.os-portal-link,#internalTrackingSubmit
) {
  min-width:0; max-width:100%; height:auto!important; overflow-wrap:break-word;
}
html[data-visual-theme="consulta"] body #appMain :is(.v7-arrow,.arrow) {flex:0 0 auto}

/* Forms, filters and long operational data. */
html[data-visual-theme="consulta"] body #appMain :is(form,fieldset,.field,.filter-group,.tracking-form,.calc-fields) {
  min-width:0; max-width:100%;
}
html[data-visual-theme="consulta"] body #appMain :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  display:block; width:100%!important; min-width:0!important; max-width:100%!important;
}
/* Composite search fields: the label owns the border and keyboard focus ring. */
html[data-visual-theme="consulta"] body #appMain :is(.search-box,.kb-search) {
  display:flex; align-items:center; gap:12px; min-width:0; min-height:54px;
  box-sizing:border-box; padding:0 16px; border:1px solid var(--line);
  border-radius:12px; background:var(--card); box-shadow:none;
  cursor:text; transition:border-color var(--motion-fast) ease;
}
html[data-visual-theme="consulta"] body #appMain .search-box {flex:1 1 18rem; width:100%}
html[data-visual-theme="consulta"] body #appMain :is(.search-box,.kb-search) > svg {
  display:block; flex:0 0 20px; width:20px; height:20px;
  fill:none; stroke:var(--slate); stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; pointer-events:none;
}
html[data-visual-theme="consulta"] body #appMain :is(.search-box,.kb-search) > input[type="search"] {
  flex:1 1 0%; min-width:0!important; min-height:52px!important; margin:0;
  padding:12px 0; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important; outline:none!important;
  font-size:16px!important; line-height:1.5; color:var(--ink)!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.search-box,.kb-search):focus-within {
  border-color:var(--azure); outline:2px solid var(--azure-dark); outline-offset:3px;
}
html[data-visual-theme="consulta"] body #appMain :is(.search-box,.kb-search):focus-within > svg {stroke:var(--azure-dark)}
@media(max-width:800px) {
  html[data-visual-theme="consulta"] body #appMain .search-box {flex-basis:auto; max-width:none}
}
html[data-visual-theme="consulta"] body #appMain textarea {min-height:132px; resize:vertical}
html[data-visual-theme="consulta"] body #appMain :is(.field label,.filter-group label) {
  display:block; margin-bottom:7px; font-size:14px!important; line-height:1.45!important;
}
html[data-visual-theme="consulta"] body #appMain .field.wide {grid-column:1/-1}
html[data-visual-theme="consulta"] body #appMain :is(.form-error-summary,.status-box,.empty-state,.related-doc-empty,.operational-notice,.service-mode-note) {
  min-width:0; max-width:100%; overflow-wrap:break-word;
}
html[data-visual-theme="consulta"] body #appMain :is(table,.table-wrap) {max-width:100%}
html[data-visual-theme="consulta"] body #appMain .table-wrap {overflow-x:auto; overscroll-behavior-inline:contain}
html[data-visual-theme="consulta"] body #appMain pre {max-width:100%; overflow:auto; white-space:pre-wrap}

/* Page-specific alignment: Home, About, Products and support. */
html[data-visual-theme="consulta"] body #appMain .operation-head,
html[data-visual-theme="consulta"] body #appMain .v165-about-evidence-head,
html[data-visual-theme="consulta"] body #appMain .request-doc-heading {
  display:grid!important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
}
html[data-visual-theme="consulta"] body #appMain .operation-head > *,
html[data-visual-theme="consulta"] body #appMain .v165-about-evidence-head > *,
html[data-visual-theme="consulta"] body #appMain .request-doc-heading > * {min-width:0; max-width:100%}
html[data-visual-theme="consulta"] body #appMain .operation .gallery {align-items:stretch!important}
html[data-visual-theme="consulta"] body #appMain .v69-families article {
  min-width:0; grid-template-columns:44px minmax(0,1fr)!important; align-items:start;
}
html[data-visual-theme="consulta"] body #appMain .catalog-intro-wide {
  grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr)!important; align-items:start;
}
html[data-visual-theme="consulta"] body #appMain .product-grid {
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important;
}
html[data-visual-theme="consulta"] body #appMain .product-visual {width:100%; overflow:hidden}
html[data-visual-theme="consulta"] body #appMain .product-detail-stage {overflow:hidden!important}
html[data-visual-theme="consulta"] body #appMain .related-documents-section .related-docs-grid {
  width:100%; max-width:580px!important;
}

/* Consultation, warranty, training, calculator and legal content. */
html[data-visual-theme="consulta"] body #appMain .os-page-grid {
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important; align-items:stretch;
}
html[data-visual-theme="consulta"] body #appMain .os-page-step {
  grid-template-columns:44px minmax(0,1fr)!important; align-items:start;
}
html[data-visual-theme="consulta"] body #appMain .warranty-flow-grid {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html[data-visual-theme="consulta"] body #appMain .calc-options {
  grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))!important;
}
html[data-visual-theme="consulta"] body #appMain .result-metric strong {
  display:block; max-width:100%; font-size:clamp(24px,3vw,32px)!important;
  line-height:1.18!important; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain .legal-card-v2 {
  width:100%; max-width:980px!important; margin-inline:auto;
}
html[data-visual-theme="consulta"] body #appMain .legal-card-v2 :is(p,li) {max-width:76ch}

/* Footer columns may wrap before their content collides. */
html[data-visual-theme="consulta"] body footer .footer-grid-v2 {
  grid-template-columns:minmax(230px,1.25fr) repeat(3,minmax(170px,1fr))!important;
  align-items:start;
}
html[data-visual-theme="consulta"] body footer .footer-grid-v2 > * {min-width:0; max-width:100%}
html[data-visual-theme="consulta"] body footer :is(a,p,span) {overflow-wrap:anywhere}

@media (max-width:1100px) {
  html[data-visual-theme="consulta"] body #appMain .catalog-intro-wide {grid-template-columns:1fr!important}
  html[data-visual-theme="consulta"] body #appMain .warranty-flow-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-visual-theme="consulta"] body footer .footer-grid-v2 {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:980px) {
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-content,
  html[data-visual-theme="consulta"] body #appMain .internal-hero > .container {
    grid-template-columns:minmax(0,1fr)!important; row-gap:14px!important;
  }
  html[data-visual-theme="consulta"] body #appMain .v164-hero-actions,
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions {
    grid-column:1!important; grid-row:auto!important; margin-top:10px!important;
  }
  html[data-visual-theme="consulta"] body #appMain :is(.os-page-grid,.request-doc-heading,.operation-head,.v165-about-evidence-head) {
    grid-template-columns:minmax(0,1fr)!important; align-items:start!important;
  }
  html[data-visual-theme="consulta"] body #appMain :is(.grid-3,.grid-4,.support-grid,.tech-topic-grid,.official-resource-grid) {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:760px) {
  html[data-visual-theme="consulta"] {--section-space:40px; --card-pad:18px}
  html[data-visual-theme="consulta"] body #appMain .app-view .internal-hero,
  html[data-visual-theme="consulta"] body #appMain .app-view #inicio {padding-block:32px 28px!important}
  html[data-visual-theme="consulta"] body #appMain .app-view h1,
  html[data-visual-theme="consulta"] body #appMain .app-view h1[data-two-line-fitted="true"] {
    font-size:clamp(28px,var(--griddy-two-line-size,34px),34px)!important;
    line-height:1.14!important;
  }
  html[data-visual-theme="consulta"] body #appMain .app-view h2,
  html[data-visual-theme="consulta"] body #appMain .app-view h2[data-two-line-fitted="true"] {
    font-size:clamp(24px,var(--griddy-two-line-size,28px),28px)!important;
    line-height:1.25!important;
  }
  html[data-visual-theme="consulta"] body #appMain .app-view h3 {font-size:19px!important}
  html[data-visual-theme="consulta"] body #appMain :is(
    .grid-2,.grid-3,.grid-4,.v7-objective-grid,.v69-layout,.catalog-layout,
    .catalog-intro-wide,.product-guide-grid,.product-grid,.support-grid,
    .tech-topic-grid,.kb-grid,.form-grid-v2,.calc-layout,.os-page-grid,
    .warranty-flow-grid,.warranty-review-grid,.download-grid,.related-docs-grid,
    .official-resource-grid,.training-list,.product-detail-grid,.v165-detail-specs,
    .v165-evidence-grid,.request-doc-heading,.operation-head,.v165-about-evidence-head
  ) {grid-template-columns:minmax(0,1fr)!important}
  html[data-visual-theme="consulta"] body #appMain .field.wide {grid-column:auto}
  html[data-visual-theme="consulta"] body #appMain :is(
    .inline-actions,.v69-actions,.v69-closing-actions,.os-portal-actions,
    .form-nav,.kb-card-actions,.product-scope-switch
  ) {display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:stretch!important}
  html[data-visual-theme="consulta"] body #appMain :is(
    .inline-actions,.v69-actions,.v69-closing-actions,.os-portal-actions,
    .form-nav,.kb-card-actions,.product-scope-switch
  ) > * {width:100%!important; max-width:100%; justify-content:center}
  html[data-visual-theme="consulta"] body #appMain .wizard-step-labels {
    grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important;
  }
  html[data-visual-theme="consulta"] body #appMain .wizard-step-labels li {
    min-width:0; padding:10px 8px!important; font-size:12px!important;
    line-height:1.35!important; white-space:normal!important;
  }
  html[data-visual-theme="consulta"] body #appMain :is(.tracking-form,.download-toolbar,.kb-toolbar,.catalog-toolbar) {
    display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:stretch;
  }
  html[data-visual-theme="consulta"] body #appMain .os-page-step {grid-template-columns:40px minmax(0,1fr)!important}
  html[data-visual-theme="consulta"] body footer .footer-grid-v2 {grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:420px) {
  html[data-visual-theme="consulta"] body #appMain .wizard-step-labels {grid-template-columns:minmax(0,1fr)!important}
  html[data-visual-theme="consulta"] body #privacyBanner .privacy-actions {grid-template-columns:minmax(0,1fr)!important}
}

/* Home opening: the approved dark reference with a quiet reading area. */
html[data-visual-theme="consulta"] body #header,
html[data-visual-theme="consulta"] body #header .v7-header-inner {height:80px!important}
html[data-visual-theme="consulta"] body #header .v7-header-action {flex:0 0 auto}
html[data-visual-theme="consulta"] body #appMain .app-view #inicio {
  position:relative!important; isolation:isolate; overflow:hidden!important;
  display:flex!important; align-items:center; justify-content:center;
  min-height:calc(100svh - 80px)!important;
  padding-block:88px 288px!important;
  background:radial-gradient(ellipse at 50% 82%,#041943 0%,#030923 72%)!important; color:#f5f7ff!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio > .v7-hero-background-art {
  display:block!important; position:absolute!important; inset:auto 0 0!important;
  width:100%!important; height:auto!important; aspect-ratio:5/2!important;
  z-index:0!important; pointer-events:none; filter:none!important; opacity:.78!important;
  background-color:transparent!important;
  background-image:url('/assets/responsive/ondas-1920.webp')!important;
  background-image:image-set(url('/assets/responsive/ondas-1920.webp') 1x,url('/assets/griddy-waves-smooth-poster.webp') 2x)!important;
  background-size:100% auto!important; background-repeat:no-repeat!important;
  background-position:center bottom!important;
  /* Blend only the sky above the crests. Preserve the native proportions of the rebuilt curves. */
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 20%);
  transform:none!important; animation:none!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio[data-wave-renderer="video"] > .v7-hero-background-art {
  visibility:hidden;
}
html[data-visual-theme="consulta"] body #appMain #inicio > .v7-hero-background-art::after {
  display:none!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio > .v7-energy-field {
  display:block!important; position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important; z-index:1!important;
  opacity:.78!important; pointer-events:none!important; transform:none!important;
  mask-image:none!important;
}
html[data-visual-theme="consulta"] body #appMain #heroWaves {
  display:block; position:absolute; left:0; right:0; bottom:0;
  width:100%; height:auto; aspect-ratio:5/2; opacity:0;
  object-fit:contain; object-position:center bottom;
  /* Alpha starts at zero: the native-ratio film has no rectangular upper seam. */
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 20%);
  filter:none; transform:none; image-rendering:auto;
  transition:opacity .7s cubic-bezier(.22,1,.36,1);
  will-change:opacity;
}
html[data-visual-theme="consulta"] body #appMain #inicio[data-wave-renderer="video"] #heroWaves {
  opacity:1;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-grid {
  position:relative!important; z-index:2!important;
  width:min(868px,100%)!important; max-width:868px!important;
  padding-inline:var(--layout-gutter)!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-main,
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-content {
  position:static!important; inset:auto!important; transform:none!important;
  display:block!important; width:100%!important; max-width:100%!important;
  height:auto!important; min-height:0!important; margin:0!important;
  padding:0!important; text-align:center!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-content {padding:0!important}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-eyebrow {
  display:block!important; margin:0 0 28px!important; padding:0!important;
  font-size:12px!important; line-height:1.6!important; letter-spacing:.09em!important;
  font-weight:600!important; white-space:normal!important;
  text-align:center!important; text-transform:uppercase!important; color:#bdc7de!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-eyebrow::before {
  content:""; display:inline-block; vertical-align:middle; width:6px; height:6px;
  margin-right:10px; border-radius:50%; background:#ffab19;
}
html[data-visual-theme="consulta"] body #appMain #hero-title {
  font-size:clamp(42px,4.4vw,68px)!important; line-height:1.16!important;
  font-weight:600!important; letter-spacing:-.035em!important; text-shadow:none!important;
  margin:0!important; padding:0!important; border:0!important; color:#f5f7ff!important;
  width:auto!important; max-width:none!important; height:auto!important;
  overflow:visible!important; text-align:center!important;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-title-line {
  display:block!important; width:fit-content!important; max-width:100%!important;
  margin:0 auto!important; text-align:center!important; color:#f5f7ff!important;
  background:none!important; background-clip:border-box!important;
  -webkit-background-clip:border-box!important; -webkit-text-fill-color:currentColor!important;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-title-line.v7-official-line {
  font-style:italic!important; font-weight:400!important;
  letter-spacing:-.04em!important; margin-top:.055em!important;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-brand-accent {
  font:inherit!important; letter-spacing:inherit!important; color:#ebc97c!important;
  -webkit-text-fill-color:currentColor!important; background:none!important;
}
/* The light shares the text's grid baseline. Its leading edge follows the same
   reveal boundary, then a glyph-bound glow settles on the actual final period. */
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-title-reveal {
  display:inline-block; max-width:100%; vertical-align:top;
  font:inherit; letter-spacing:inherit;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-official-period {
  font:inherit; letter-spacing:inherit;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-official-period::after {
  content:none; display:none!important; animation:none;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-title-line.v7-official-line {
  display:grid!important;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-official-line > .v7-title-reveal,
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-official-line > .v7-validation-beam {
  grid-area:1 / 1; align-self:first baseline; justify-self:start;
}
html[data-visual-theme="consulta"] body #appMain #hero-title .v7-validation-beam {
  position:relative; inset:auto; left:0; pointer-events:none;
  width:clamp(3.5rem,8vw,6rem); height:1px;
  background:linear-gradient(90deg,transparent 0%,#d69b35 38%,#f2cf81 78%,#fff3cc 100%);
  box-shadow:0 0 4px rgba(242,207,129,.65),0 0 10px rgba(214,155,53,.3);
}
@keyframes griddy-titleReveal {
  from {clip-path:inset(-.15em 100% -.18em -.12em); transform:translateY(3px)}
  to {clip-path:inset(-.15em -.12em -.18em -.12em); transform:translateY(0)}
}
@keyframes griddy-amberPass {
  0% {left:0; opacity:0; transform:translate(-100%,3px)}
  12%,82% {opacity:1}
  100% {left:calc(100% + .12em); opacity:0; transform:translate(-100%,0)}
}
@keyframes griddy-periodSettle {
  0%,100% {text-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent}
  38% {text-shadow:0 0 3px #fff3cc,0 0 9px rgba(242,207,129,.95),0 0 20px rgba(214,155,53,.32)}
}
@media (prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route="home"].active #hero-title:not([data-opening-complete]) .v7-title-reveal {
    animation:griddy-titleReveal .9s cubic-bezier(.22,.61,.36,1) .16s backwards;
  }
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route="home"].active #hero-title:not([data-opening-complete]) .v7-official-line .v7-title-reveal {
    animation:griddy-titleReveal 1.2s cubic-bezier(.22,.61,.36,1) 1.08s backwards;
  }
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route="home"].active #hero-title:not([data-opening-complete]) .v7-validation-beam {
    display:block!important;
    animation:griddy-amberPass 1.2s cubic-bezier(.22,.61,.36,1) 1.08s both;
  }
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route="home"].active #hero-title:not([data-opening-complete]) .v7-official-period {
    animation:griddy-periodSettle .85s ease-in-out 2.28s both;
  }
}
@media (prefers-reduced-motion:reduce) {
  html[data-visual-theme="consulta"] body #appMain #hero-title .v7-title-reveal {
    animation:none!important; clip-path:none; transform:none; filter:none;
  }
  html[data-visual-theme="consulta"] body #appMain #hero-title .v7-official-period {
    animation:none!important; text-shadow:none;
  }
  html[data-visual-theme="consulta"] body #appMain #hero-title .v7-validation-beam,
  html[data-visual-theme="consulta"] body #appMain #hero-title .v7-official-period::after {display:none!important}
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-copy {
  max-width:720px!important; margin:24px auto 0!important; padding:0!important;
  font-size:19px!important; line-height:1.6!important; text-align:center!important;
  font-weight:400!important; color:#c9d2e5!important;
  hyphens:none!important; word-break:normal!important; overflow-wrap:normal!important;
  text-wrap:balance;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-copy > span {
  display:block;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions {
  display:flex!important; flex-wrap:wrap!important;
  grid-column:auto!important; grid-row:auto!important;
  width:fit-content!important; max-width:100%!important;
  margin:32px auto 0!important; padding:0!important; gap:14px!important;
  align-items:stretch!important; justify-content:center!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn {
  flex:0 1 auto!important; width:auto!important; min-width:210px!important; min-height:52px!important;
  height:auto!important; margin:0!important; padding:13px 22px!important;
  font-size:15px!important; font-weight:600!important; line-height:1.4!important; border-radius:10px!important;
  display:flex!important; justify-content:center!important; gap:8px!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn-primary {
  color:#111827!important; background:linear-gradient(135deg,#ffbd27,#ff9914)!important;
  -webkit-text-fill-color:#111827!important; border:1px solid #ffb43b!important;
  box-shadow:0 14px 34px rgba(255,143,13,.18),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn-quiet {
  color:#f5f7ff!important; background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(208,220,248,.3)!important; backdrop-filter:none!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn-service {
  color:#fff!important; -webkit-text-fill-color:#fff!important;
  background:linear-gradient(115deg,#1067b8,#0b4c8d)!important;
  border:1px solid #327ebd!important;
  box-shadow:0 8px 24px rgba(8,72,142,.15),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-grid {
  grid-auto-rows:1fr; align-items:stretch!important;
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card {
  --objective-accent:#0878e8; --objective-soft:#eaf4fb;
  display:flex!important; flex-direction:column; min-height:100%!important;
  color:var(--ink)!important; text-decoration:none!important;
  border-top:3px solid var(--objective-accent)!important;
  transition:transform var(--motion-base) var(--motion-ease),
    box-shadow var(--motion-base) ease,border-color var(--motion-fast) ease,
    background-color var(--motion-fast) ease!important;
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card[data-journey="commercial"] {
  --objective-accent:#b87500; --objective-soft:#fff6df;
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card .v7-objective-index {
  color:var(--objective-accent)!important; background:var(--objective-soft)!important;
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card .v164-card-action {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  margin-top:auto; padding-top:22px; color:var(--objective-accent)!important;
  font-size:14px!important; font-weight:700; line-height:1.45;
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card .v164-card-action b {
  flex:0 0 auto; transition:transform var(--motion-fast) var(--motion-ease);
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card:focus-visible {
  outline:3px solid var(--objective-soft)!important; outline-offset:4px!important;
}
html[data-visual-theme="consulta"] body #appMain #inicio :focus-visible {outline-color:#ffd477!important}

/* Compact contact chooser, outside the page's animated stacking context. */
html[data-visual-theme="consulta"] body #whatsappWidget {
  position:fixed; right:max(24px,env(safe-area-inset-right));
  bottom:max(24px,env(safe-area-inset-bottom)); z-index:220;
  display:flex; flex-direction:column; align-items:flex-end; gap:12px;
  width:min(340px,calc(100vw - 32px)); pointer-events:none;
}
html[data-visual-theme="consulta"] body #whatsappWidget[hidden],
html[data-visual-theme="consulta"] body #whatsappPanel[hidden] {display:none!important}
html[data-visual-theme="consulta"] body #whatsappToggle {
  position:static!important; inset:auto!important; display:flex!important;
  width:auto!important; height:auto!important; min-height:46px!important;
  align-items:center; justify-content:center; gap:8px;
  margin:0!important; padding:10px 16px!important; pointer-events:auto;
  border-radius:999px!important;
  opacity:1!important; visibility:visible!important;
  font-size:14px!important; font-weight:700; line-height:1.4;
  transform:none!important; animation:none!important; cursor:pointer;
}
html[data-visual-theme="consulta"] body #whatsappToggle svg {width:24px!important; height:24px!important; flex:0 0 auto}
html[data-visual-theme="consulta"] body #whatsappPanel {
  width:100%; padding:20px; margin:0; color:var(--ink); background:#fff;
  border:1px solid var(--line); border-radius:16px;
  box-shadow:0 16px 48px #0B1F3A20; pointer-events:auto;
  max-height:calc(100svh - 112px); max-height:calc(100dvh - 112px);
  overflow-y:auto; overscroll-behavior:contain;
}
html[data-visual-theme="consulta"] body #whatsappPanel .griddy-contact-heading {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
}
html[data-visual-theme="consulta"] body #whatsappTitle {
  font-size:18px; line-height:1.4; letter-spacing:-.02em; margin:0;
}
html[data-visual-theme="consulta"] body #whatsappClose {
  flex:0 0 44px; width:44px; height:44px; padding:0; cursor:pointer;
  border:0; border-radius:10px; background:var(--page-bg); color:var(--slate);
  font-size:26px; line-height:1;
}
html[data-visual-theme="consulta"] body #whatsappPanel p {
  font-size:14px; line-height:1.6; margin:12px 0 20px; color:var(--slate);
}
html[data-visual-theme="consulta"] body #whatsappPanel .griddy-contact-options {display:grid; gap:10px}
html[data-visual-theme="consulta"] body #whatsappPanel a {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 16px; min-height:52px; color:var(--azure-dark);
  background:var(--ice); border:1px solid #D6E7F5; border-radius:10px;
  font-size:14px; font-weight:700; line-height:1.5; text-decoration:none;
  transition:background-color 180ms ease,border-color 180ms ease;
}
html[data-visual-theme="consulta"] body #whatsappPanel a:hover {background:#DCECF9; border-color:#9FC3E5}
html[data-visual-theme="consulta"] body #whatsappPanel small {
  display:block; margin-top:16px; color:var(--slate); font-size:12px; line-height:1.5;
}
html[data-visual-theme="consulta"] body #backTop {right:24px; bottom:88px}
@media (prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"].griddy-motion body #appMain .app-view[data-route="home"].active {
    animation:none!important;
  }
  html[data-visual-theme="consulta"] body #whatsappPanel:not([hidden]) {animation:griddy-contact-enter 180ms var(--motion-ease-out)}
}
@keyframes griddy-contact-enter {from {opacity:0; transform:translateY(6px)} to {opacity:1; transform:translateY(0)}}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"] body #whatsappToggle:hover {transform:translateY(-2px)!important}
  html[data-visual-theme="consulta"] body #whatsappToggle:active {transform:translateY(0) scale(.98)!important}
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn {
    transition:transform .22s cubic-bezier(.22,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(108deg,transparent 0% 39%,rgba(255,255,255,.25) 48%,transparent 57% 100%)!important;
    transform:translateX(-135%)!important;
    transition:transform .65s cubic-bezier(.16,1,.3,1)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn:hover::before {
    transform:translateX(135%)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn:hover .v7-arrow {transform:translate(3px,-2px)}
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn-primary:hover {
    background:linear-gradient(135deg,#ffc23c,#ffa421)!important;
    box-shadow:0 20px 50px rgba(255,143,13,.3),inset 0 1px 0 rgba(255,255,255,.4)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn-service:hover {
    background:linear-gradient(115deg,#1874c6,#115c9f)!important;
    border-color:#4c94cf!important;
    box-shadow:0 12px 30px rgba(8,91,165,.2),inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card:hover {
    border-top-color:var(--objective-accent)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card:hover .v164-card-action b {
    transform:translateX(4px);
  }
}
html[data-visual-theme="consulta"] body #appMain #objetivos .v7-objective-card:active {
  transform:scale(.992)!important;
}
@media (prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"].griddy-motion body #appMain #objetivos .v7-objective-card:nth-child(2) {transition-delay:55ms!important}
  html[data-visual-theme="consulta"].griddy-motion body #appMain #objetivos .v7-objective-card:nth-child(3) {transition-delay:110ms!important}
  html[data-visual-theme="consulta"].griddy-motion body #appMain #objetivos .v7-objective-card:nth-child(4) {transition-delay:165ms!important}
}
@media (prefers-reduced-motion:reduce) {
  html[data-visual-theme="consulta"] body #whatsappWidget * {animation:none!important; transition:none!important}
  html[data-visual-theme="consulta"] body #appMain #inicio > .v7-hero-background-art {animation:none!important; transform:none!important}
  html[data-visual-theme="consulta"] body #appMain #heroWaves {display:none!important}
}
@media (max-width:980px) {
  html[data-visual-theme="consulta"] body #header,
  html[data-visual-theme="consulta"] body #header .v7-header-inner {height:68px!important}
  html[data-visual-theme="consulta"] body #mobilePanel {top:68px!important}
  html[data-visual-theme="consulta"] body #header .portal-wordmark {height:30px!important}
  html[data-visual-theme="consulta"] body #menuBtn {width:44px!important; height:44px!important}
  html[data-visual-theme="consulta"] body #appMain .app-view #inicio {min-height:calc(100svh - 68px)!important}
}
@media (max-width:760px), (max-width:980px) and (orientation:portrait) {
  html[data-visual-theme="consulta"] body #appMain .app-view #inicio {
    align-items:center!important;
    padding-block:clamp(64px,9svh,104px) clamp(184px,26svh,320px)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio > .v7-hero-background-art {
    inset:0!important; width:100%!important; height:100%!important; aspect-ratio:auto!important;
    background-color:#030923!important;
    background-image:url('/assets/griddy-waves-smooth-poster-mobile.webp')!important;
    background-size:cover!important; background-position:center bottom!important;
    -webkit-mask-image:none; mask-image:none;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio > .v7-hero-background-art::after {
    display:block!important;
    background:radial-gradient(62% 34% at 50% 44%,rgba(21,75,139,.18),transparent 76%)!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-grid {
    width:min(680px,100%)!important; max-width:680px!important;
  }
  html[data-visual-theme="consulta"] body #appMain #hero-title {
    font-size:clamp(28px,8.3vw,46px)!important; line-height:1.18!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-eyebrow {
    max-width:620px!important; margin:0 auto 18px!important;
    font-size:clamp(12px,1.4vw,13px)!important; line-height:1.55!important;
    letter-spacing:.065em!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-copy {
    max-width:540px!important; margin-top:20px!important;
    font-size:clamp(15px,1.8vw,17px)!important; line-height:1.55!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-copy > span {display:inline}
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions {
    width:min(470px,100%)!important; max-width:470px!important;
    gap:12px!important; margin-top:24px!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn {
    flex:1 1 210px!important; min-width:210px!important;
    min-height:48px!important; padding:12px 18px!important; font-size:14px!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio > .v7-energy-field {opacity:.78!important}
  html[data-visual-theme="consulta"] body #appMain #heroWaves {
    inset:0!important; width:100%!important; height:100%!important; aspect-ratio:auto!important;
    object-fit:cover!important; object-position:center bottom!important;
    -webkit-mask-image:none; mask-image:none;
  }
  html[data-visual-theme="consulta"] body #whatsappWidget {
    right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom));
  }
  html[data-visual-theme="consulta"] body #whatsappToggle {min-height:48px!important; padding:10px 12px!important}
}
@media (max-width:620px) {
  html[data-visual-theme="consulta"] body #header,
  html[data-visual-theme="consulta"] body #header .v7-header-inner {height:64px!important}
  html[data-visual-theme="consulta"] body #mobilePanel {top:64px!important}
  html[data-visual-theme="consulta"] body #header .portal-wordmark {height:28px!important}
  html[data-visual-theme="consulta"] body #appMain .app-view #inicio {min-height:calc(100svh - 64px)!important}
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions {
    flex-direction:column!important; width:min(300px,100%)!important; max-width:300px!important;
  }
  html[data-visual-theme="consulta"] body #appMain #inicio .v7-hero-actions .v7-btn {
    flex:0 0 auto!important; width:100%!important; min-width:0!important;
  }
  html[data-visual-theme="consulta"] body footer .deye-lockup-official {
    width:100%!important; max-width:100%!important; box-sizing:border-box;
    align-items:center!important; text-align:center!important;
  }
  html[data-visual-theme="consulta"] body footer .deye-logo-surface {
    width:100%!important; box-sizing:border-box; place-items:center!important;
  }
  html[data-visual-theme="consulta"] body footer .deye-logo-surface img {
    margin-inline:auto!important;
  }
}

/* Search and calculator guidance stay next to the controls they explain. */
html[data-visual-theme="consulta"] body #appMain .document-search-heading h2 {
  font-size:26px!important; line-height:1.3!important; margin:0 0 12px!important;
}
html[data-visual-theme="consulta"] body #appMain .document-search-heading p {
  max-width:64ch; font-size:16px!important; line-height:1.6!important; margin:0 0 20px!important;
}
html[data-visual-theme="consulta"] body #appMain .document-search-toolbar {
  justify-content:flex-start!important; gap:16px!important; margin-bottom:24px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.document-reset,.kb-reset) {
  min-height:44px; padding:10px 4px; border:0; background:transparent; color:var(--azure-dark);
  font-family:inherit; font-size:14px; font-weight:600; line-height:1.5; text-decoration:underline; text-underline-offset:4px;
  cursor:pointer; white-space:normal;
}
html[data-visual-theme="consulta"] body #appMain .document-result-count {
  font-size:14px!important; line-height:1.6!important; margin:20px 0!important;
  white-space:normal; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain #calcForm .field-help {
  display:block; font-size:14px!important; line-height:1.6!important; margin-top:8px!important;
}
html[data-visual-theme="consulta"] body #appMain #calcResultHeading {scroll-margin-top:120px}

html[data-visual-theme="consulta"] body #appMain .field-error {
  display:block; margin:8px 0 0!important; color:#714600!important;
  font-size:14px!important; line-height:1.55!important; max-width:100%; overflow-wrap:break-word;
}
html[data-visual-theme="consulta"] body #appMain .field-error[hidden] {display:none!important}
html[data-visual-theme="consulta"] body #appMain :is(#contactFormV2,#trainingForm,#warrantyForm) :is(input,select,textarea) {
  scroll-margin-block:120px 80px;
}

/* Training topics read in one column and share the same selection as the form. */
html[data-visual-theme="consulta"] body #appMain .training-card {
  display:block!important; transition:border-color 180ms ease,box-shadow 180ms ease;
}
html[data-visual-theme="consulta"] body #appMain .training-topic-label {
  color:var(--azure-dark); font-size:13px; font-weight:650; letter-spacing:.08em;
  line-height:1.5; margin-bottom:16px;
}
html[data-visual-theme="consulta"] body #appMain .training-details {
  display:grid; gap:14px; margin:20px 0 12px; padding-top:18px; border-top:1px solid var(--line);
}
html[data-visual-theme="consulta"] body #appMain .training-details dt {
  color:var(--ink); font-size:14px; font-weight:600; line-height:1.5; margin-bottom:4px;
}
html[data-visual-theme="consulta"] body #appMain .training-details dd {
  color:var(--slate); font-size:14px; line-height:1.6; margin:0;
}
html[data-visual-theme="consulta"] body #appMain .training-topic-action {
  display:inline-flex; gap:10px; align-items:center; max-width:100%; min-height:44px;
  color:var(--azure-dark); background:transparent; border:0; padding:10px 0;
  font:inherit; font-size:15px; font-weight:600; text-align:left; cursor:pointer;
}
html[data-visual-theme="consulta"] body #appMain .training-card.is-selected {
  border-color:var(--azure)!important; box-shadow:0 0 0 1px var(--azure)!important;
}
html[data-visual-theme="consulta"] body #appMain .kb-summary {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px;
}
html[data-visual-theme="consulta"] body #appMain #kbCount {
  overflow-wrap:anywhere; white-space:normal; min-width:0;
}
@media(prefers-reduced-motion:reduce) {
  html[data-visual-theme="consulta"] body #appMain .training-card {transition:none}
}

/* Task hierarchy: useful breathing room, content-sized sections and contextual actions.
   Home retains its approved video, composition and two distinct entry points. */
html[data-visual-theme="consulta"] {
  --task-section-space:clamp(48px,6vw,80px);
  --task-card-space:clamp(20px,2.5vw,32px);
}
html[data-visual-theme="consulta"] body #appMain .app-view .internal-hero {
  min-height:300px!important; height:auto!important;
  padding-block:56px 44px!important; display:flex!important; align-items:center!important;
  border-bottom:1px solid var(--line)!important;
}
html[data-visual-theme="consulta"] body #appMain .internal-hero > .container {
  grid-template-columns:minmax(0,1fr)!important; row-gap:18px!important;
}
html[data-visual-theme="consulta"] body #appMain .internal-hero h1 {
  font-size:clamp(32px,3.3vw,48px)!important; line-height:1.16!important;
  max-width:26ch!important; height:auto!important; min-height:0!important;
  hyphens:none!important; word-break:normal!important; overflow-wrap:break-word!important;
}
html[data-visual-theme="consulta"] body #appMain .internal-hero > .container > p {
  max-width:64ch!important; font-size:18px!important; line-height:1.65!important;
}
html[data-visual-theme="consulta"] body #appMain .internal-hero .kicker {margin-bottom:0!important}
html[data-visual-theme="consulta"] body #appMain .internal-hero .v164-hero-actions {
  grid-column:1!important; grid-row:auto!important; align-self:start!important;
  margin:6px 0 0 23px!important; justify-content:flex-start!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route="sobre"] .internal-hero {
  min-height:380px!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view > section:not(.internal-hero):not(#inicio) {
  height:auto!important; min-height:0!important; padding-block:var(--task-section-space)!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view > .internal-hero + section {
  padding-top:40px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.grid-2,.calc-layout,.os-page-grid,.product-detail-grid) {
  align-items:start!important; gap:32px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.grid-3,.grid-4,.support-grid,.related-docs-grid,.download-grid) {
  gap:24px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.page-head,.request-doc-heading) {
  align-items:start!important; gap:24px!important; margin-bottom:32px!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.page-copy,.lead) {
  max-width:66ch; font-size:17px!important; line-height:1.65!important; hyphens:none!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.surface,.form-card-v2,.calc-result-v2,.os-page-portal) {
  padding:var(--task-card-space)!important; height:auto!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.surface,.form-card-v2,.calc-result-v2) h2 {
  font-size:clamp(24px,2.4vw,30px)!important; line-height:1.3!important;
  margin-bottom:20px!important; overflow-wrap:break-word!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.surface,.form-card-v2,.download-card,.product-body) h3 {
  font-size:20px!important; line-height:1.35!important; height:auto!important; hyphens:none!important;
}
html[data-visual-theme="consulta"] body #appMain .form-grid-v2 {
  gap:24px!important; margin-top:24px!important;
}
html[data-visual-theme="consulta"] body #appMain .field > label {
  font-size:14px!important; line-height:1.5!important; margin-bottom:8px!important;
}
html[data-visual-theme="consulta"] body #appMain .field :is(input,select,textarea) {
  font-size:16px!important; line-height:1.5!important;
}
html[data-visual-theme="consulta"] body #appMain .service-mode-note {
  display:flex!important; flex-direction:column!important; align-items:flex-start!important;
  gap:6px!important; margin-block:20px!important;
}
html[data-visual-theme="consulta"] body #appMain .service-mode-note span {
  font-size:14px!important; line-height:1.55!important;
}
html[data-visual-theme="consulta"] body #appMain :is(.inline-actions,.form-actions-v2) {
  display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:16px!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view:not([data-route="home"]) :is(.btn,.v164-hero-action) {
  min-height:48px!important; height:auto!important; max-width:100%!important;
  padding:12px 20px!important; font-size:16px!important; line-height:1.4!important; white-space:normal!important;
}
html[data-visual-theme="consulta"] body #appMain a.quiet-action {
  display:inline-flex!important; align-items:center!important; min-height:44px!important;
  padding:8px 0!important; background:transparent!important; border:0!important;
  box-shadow:none!important; color:var(--azure-dark)!important; font-size:15px!important;
  font-weight:600!important; text-decoration:underline!important; text-underline-offset:4px;
}
html[data-visual-theme="consulta"] body #appMain .support-resources {
  margin-top:48px!important; padding-top:32px; border-top:1px solid var(--line);
}
html[data-visual-theme="consulta"] body #appMain .support-resources > h3 {margin-bottom:24px!important}
html[data-visual-theme="consulta"] body #appMain :is(.catalog-guide,.preparation-details) {
  width:100%; grid-column:1/-1; border:1px solid var(--line); border-radius:12px;
  background:var(--card); padding:0 20px;
}
html[data-visual-theme="consulta"] body #appMain :is(.catalog-guide,.preparation-details) > summary {
  padding-block:16px; min-height:52px; cursor:pointer; color:var(--ink);
  font-size:16px; line-height:1.5; font-weight:600;
}
html[data-visual-theme="consulta"] body #appMain :is(.catalog-guide,.preparation-details) > summary:focus-visible {
  outline:3px solid var(--azure); outline-offset:4px; border-radius:6px;
}
html[data-visual-theme="consulta"] body #appMain .catalog-guide-content {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-block:12px 24px;
}
html[data-visual-theme="consulta"] body #appMain .catalog-intro-wide {row-gap:24px!important}
html[data-visual-theme="consulta"] body #appMain .product-scope-switch {margin-top:0!important}
html[data-visual-theme="consulta"] body #appMain .support-grid .surface {
  display:flex!important; flex-direction:column!important; gap:12px!important;
}
html[data-visual-theme="consulta"] body #appMain .support-grid :is(h3,p) {margin:0!important}
html[data-visual-theme="consulta"] body #appMain .support-grid .text-link {padding-top:12px!important}

/* Equipment identification and shareable technical guidance. */
html[data-visual-theme="consulta"] body #appMain .kb-identification-help {
  display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px;
  margin:0 0 24px; padding:20px; border:1px solid var(--line);
  border-radius:16px; background:var(--ice); min-width:0;
}
html[data-visual-theme="consulta"] body #appMain .kb-identification-help > div {flex:1 1 24rem; min-width:0}
html[data-visual-theme="consulta"] body #appMain .kb-identification-help h3 {font-size:19px!important; line-height:1.3!important; margin:0 0 6px!important}
html[data-visual-theme="consulta"] body #appMain .kb-identification-help p {margin:0!important; font-size:15px!important; line-height:1.6!important}
html[data-visual-theme="consulta"] body #appMain .kb-identification-help a {display:inline-flex; align-items:center; min-height:44px; max-width:100%; overflow-wrap:anywhere}
html[data-visual-theme="consulta"] body #appMain .kb-identifiers {display:grid; gap:0; margin:20px 0; padding:0; min-width:0}
html[data-visual-theme="consulta"] body #appMain .kb-identifiers > div {padding:14px 0; border-bottom:1px solid var(--line); min-width:0}
html[data-visual-theme="consulta"] body #appMain .kb-identifiers dt {font-size:15px; font-weight:800; line-height:1.5; color:var(--navy)}
html[data-visual-theme="consulta"] body #appMain .kb-identifiers dd {margin:4px 0 0; font-size:15px; line-height:1.65; color:var(--slate); overflow-wrap:anywhere}
html[data-visual-theme="consulta"] body #appMain .kb-identifier-example {display:block; margin-top:8px; padding:10px 12px; border-radius:8px; background:var(--ice)}
html[data-visual-theme="consulta"] body #appMain .kb-permalink {display:inline-flex; align-items:center; min-height:44px; max-width:100%; margin-top:12px; font-size:14px; color:var(--azure-dark); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere}
html[data-visual-theme="consulta"] body #appMain .wizard-step-labels {
  grid-template-columns:repeat(4,minmax(0,1fr))!important; margin:0 0 24px!important; gap:8px!important;
}
html[data-visual-theme="consulta"] body #appMain .wizard-step-labels li {
  padding:10px!important; font-size:13px!important; min-width:0;
}
html[data-visual-theme="consulta"] body #appMain .v164-ready-list {grid-template-columns:1fr!important}
html[data-visual-theme="consulta"] body #appMain .calc-options {grid-template-columns:1fr!important;gap:12px!important}
html[data-visual-theme="consulta"] body #appMain .calc-option-v2 {
  min-height:0!important; padding:16px!important; text-align:left!important;
}
html[data-visual-theme="consulta"] body #appMain #calcResultContent[hidden] {display:none!important}
html[data-visual-theme="consulta"] body #appMain #calcResultStatus {line-height:1.7!important;margin-block:24px!important}
/* Optional calculator guidance uses the existing form width and type scale. */
html[data-visual-theme="consulta"] body #appMain .calc-guide {
  min-width:0; max-width:100%; margin-top:12px; border:1px solid var(--line);
  border-radius:12px; background:var(--card); padding:0 16px;
}
html[data-visual-theme="consulta"] body #appMain .calc-guide > summary {
  padding-block:14px; min-height:48px; cursor:pointer; color:var(--azure-dark);
  font-size:14px; line-height:1.5; font-weight:600;
}
html[data-visual-theme="consulta"] body #appMain .calc-guide > summary:focus-visible {
  outline:3px solid var(--azure); outline-offset:3px; border-radius:6px;
}
html[data-visual-theme="consulta"] body #appMain .calc-guide-content {
  padding-block:4px 20px; min-width:0; font-size:16px; line-height:1.6;
}
html[data-visual-theme="consulta"] body #appMain .calc-guide-content ol {padding-left:22px; margin:0 0 16px}
html[data-visual-theme="consulta"] body #appMain .calc-guide-content li + li {margin-top:12px}
html[data-visual-theme="consulta"] body #appMain .calc-guide-content p {margin:0 0 16px; font-size:16px!important}
html[data-visual-theme="consulta"] body #appMain .calc-bill-example {
  padding:14px; background:var(--bg); border-left:3px solid var(--azure); border-radius:6px;
}
html[data-visual-theme="consulta"] body #appMain .calc-bill-example p {margin:8px 0 0!important}
html[data-visual-theme="consulta"] body #appMain .calc-bill-example b {color:var(--azure-dark)}
html[data-visual-theme="consulta"] body #appMain .calc-equipment-row {
  display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr) minmax(0,.8fr);
  gap:12px; padding-block:18px; border-bottom:1px solid var(--line); min-width:0;
}
html[data-visual-theme="consulta"] body #appMain .calc-equipment-name {grid-column:1/-1}
html[data-visual-theme="consulta"] body #appMain .calc-equipment-remove {
  grid-column:1/-1; justify-self:end; padding:8px 0; min-height:44px;
  border:0; background:transparent; color:var(--azure-dark); font:inherit;
  font-size:14px; text-decoration:underline; text-underline-offset:3px; cursor:pointer;
}
html[data-visual-theme="consulta"] body #appMain :is(.calc-equipment-actions,.calc-equipment-summary) {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding-top:20px;
}
html[data-visual-theme="consulta"] body #appMain .calc-equipment-summary {
  margin-top:20px; padding:16px; background:var(--bg); border-radius:10px;
}
html[data-visual-theme="consulta"] body #appMain #calcEquipmentTotal {
  flex:1 1 100%; color:var(--azure-dark); font-size:18px; line-height:1.5; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain #calcEquipmentStatus {margin:12px 0 0}
html[data-visual-theme="consulta"] body #appMain .calc-guide button:disabled {opacity:.55;cursor:default}
@media(max-width:480px) {
  html[data-visual-theme="consulta"] body #appMain .calc-equipment-row {grid-template-columns:minmax(0,1fr)}
  html[data-visual-theme="consulta"] body #appMain .calc-guide {padding-inline:12px}
}
html[data-visual-theme="consulta"] body #appMain .result-metric strong {
  font-size:clamp(28px,3vw,38px)!important; line-height:1.3!important;
}
html[data-visual-theme="consulta"] body #appMain .result-metric strong.is-unavailable {
  font-size:16px!important; font-weight:500!important; color:var(--slate)!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view[data-route^="politica-"] .internal-hero,
html[data-visual-theme="consulta"] body #appMain .app-view:is([data-route="lgpd"],[data-route="termos-uso"]) .internal-hero {
  min-height:240px!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view:is([data-route^="politica-"],[data-route="lgpd"],[data-route="termos-uso"]) > .page-shell > .container {
  max-width:840px!important;
}
@media(min-width:981px) {
  html[data-visual-theme="consulta"] body #appMain .app-view:is([data-route="garantia"],[data-route="contato"],[data-route="treinamentos"]) .page-shell > .grid-2 {
    grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)!important;
  }
}
@media(max-width:760px) {
  html[data-visual-theme="consulta"] body #appMain .app-view .internal-hero,
  html[data-visual-theme="consulta"] body #appMain .app-view[data-route="sobre"] .internal-hero {
    min-height:0!important; padding-block:40px 32px!important;
  }
  html[data-visual-theme="consulta"] body #appMain .internal-hero h1 {
    font-size:clamp(30px,7.7vw,36px)!important; max-width:100%!important; line-height:1.2!important;
  }
  html[data-visual-theme="consulta"] body #appMain .internal-hero > .container > p {
    font-size:16px!important; max-width:100%!important;
  }
  html[data-visual-theme="consulta"] body #appMain :is(.grid-2,.calc-layout,.os-page-grid,.product-detail-grid) {
    grid-template-columns:minmax(0,1fr)!important; gap:28px!important;
  }
  html[data-visual-theme="consulta"] body #appMain .wizard-step-labels {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-visual-theme="consulta"] body #appMain .catalog-guide-content {grid-template-columns:minmax(0,1fr)}
  html[data-visual-theme="consulta"] body #appMain .app-view > .internal-hero + section {padding-top:32px!important}
}

/* Document metadata: explicit labels and wrapping for full equipment codes. */
html[data-visual-theme="consulta"] body #appMain dl.v165-doc-details {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px;
  margin:16px 0; padding:16px 0; border-block:1px solid var(--line); min-width:0;
}
html[data-visual-theme="consulta"] body #appMain .v165-doc-details > div {min-width:0}
html[data-visual-theme="consulta"] body #appMain .v165-doc-details > div:first-child {grid-column:1/-1}
html[data-visual-theme="consulta"] body #appMain .v165-doc-details dt {
  margin:0 0 4px; color:var(--slate); font-size:12px; line-height:1.5; font-weight:500;
}
html[data-visual-theme="consulta"] body #appMain .v165-doc-details dd {
  margin:0; color:var(--ink); font-size:14px; line-height:1.5; font-weight:600; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain :is(.download-card,.related-doc-card) h3 {overflow-wrap:anywhere}
html[data-visual-theme="consulta"] body #appMain a.doc-source {
  display:inline-flex; align-items:center; min-height:44px; max-width:100%; color:inherit;
  text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere;
}
@media(min-width:761px) {
  html[data-visual-theme="consulta"] body #appMain .os-help-form.is-connected {grid-template-columns:minmax(0,1fr) auto!important}
}

html[data-visual-theme="consulta"] body #appMain .os-tracking-help {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; max-width:100%; margin-top:14px; padding:10px 14px;
  border:1px solid var(--line); border-radius:10px; background:var(--card);
  color:var(--navy); font:inherit; font-size:14px; font-weight:700;
  line-height:1.5; white-space:normal; cursor:pointer; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain .os-tracking-help[hidden] {display:none!important}
html[data-visual-theme="consulta"] body #appMain .os-assist-status :is(.demo-code,.demo-result) {overflow-wrap:anywhere}

/* Warranty draft decisions remain separate from editable form controls. */
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-fields {
  border:0; margin:0; padding:0; width:100%; min-width:0;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm :is(.warranty-draft-notice,.warranty-draft-confirm) {
  margin:0 0 20px; padding:20px; border:1px solid var(--line);
  border-radius:12px; background:var(--ice); color:var(--ink);
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-confirm {
  border-color:#d4a8a8; background:#fff5f5;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm :is(.warranty-draft-notice,.warranty-draft-confirm) h3 {
  margin:0 0 8px; font-size:18px!important; line-height:1.4!important;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm :is(.warranty-draft-notice,.warranty-draft-confirm) p {
  margin:0 0 16px; font-size:14px!important; line-height:1.6!important;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-actions {
  display:flex; flex-wrap:wrap; gap:12px;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-actions .btn {
  min-height:44px; white-space:normal; text-align:center; line-height:1.4;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-secondary {
  background:#fff!important; color:var(--ink)!important; border:1px solid var(--line)!important;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-danger {
  background:#a52424!important; color:#fff!important; border:1px solid #a52424!important;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-tools {
  margin:0 0 20px; padding-bottom:16px; border-bottom:1px solid var(--line);
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-saved {
  margin:0; color:var(--slate); font-size:13px!important; line-height:1.6!important;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-link {
  display:inline-block; min-height:44px; margin-top:4px; padding:8px 0;
  border:0; background:transparent; color:var(--azure-dark); font-size:14px;
  text-decoration:underline; text-underline-offset:3px; cursor:pointer;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-feedback {
  margin:0 0 16px; font-size:14px!important; line-height:1.6!important;
}
html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-feedback:empty,
html[data-visual-theme="consulta"] body #appMain #warrantyForm [hidden] {display:none!important}
@media(max-width:480px) {
  html[data-visual-theme="consulta"] body #appMain #warrantyForm .warranty-draft-actions .btn {width:100%}
  html[data-visual-theme="consulta"] body #appMain #warrantyForm :is(.warranty-draft-notice,.warranty-draft-confirm) {padding:16px}
}

/* Document availability participates in card flow, avoiding the title area. */
html[data-visual-theme="consulta"] body #appMain .download-card .v165-doc-access {
  position:static; align-self:flex-start; margin-top:8px; font-size:12px;
  line-height:1.5; letter-spacing:0; text-transform:none;
}
html[data-visual-theme="consulta"] body #appMain .calc-unit-help {
  display:block; margin-top:8px; color:var(--slate); font-size:14px; line-height:1.6;
}

html[data-visual-theme="consulta"] body #appMain #calcSunSummary {
  display:block; margin-top:4px; color:var(--slate); font-size:14px; font-weight:500;
}
html[data-visual-theme="consulta"] body #appMain .calc-equipment-result {
  padding:16px 0; margin-bottom:16px; border-top:1px solid var(--line);
}
html[data-visual-theme="consulta"] body #appMain .calc-equipment-result p {
  margin:8px 0; font-size:14px; line-height:1.6; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain .calc-equipment-result small {font-size:14px; color:var(--slate)}

html[data-visual-theme="consulta"] body #appMain .document-filter-controls {
  display:flex; flex-wrap:wrap; gap:16px 24px; justify-content:space-between; align-items:flex-end;
}
html[data-visual-theme="consulta"] body #appMain .document-filter-controls > div {min-width:0; max-width:100%}
html[data-visual-theme="consulta"] body #appMain .document-language-filter {flex:0 1 240px}
html[data-visual-theme="consulta"] body #appMain .document-language-filter label {
  display:block; margin-bottom:8px; font-size:14px; font-weight:600;
}
@media(max-width:640px) {
  html[data-visual-theme="consulta"] body #appMain .document-language-filter {flex-basis:100%}
}
/* Product selection: a contained comparison, with the same reading order on mobile. */
html[data-visual-theme="consulta"] body #appMain .product-comparison-jump {
  grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;
  padding:16px 20px; border:1px solid var(--line); border-radius:12px;
  color:var(--ink); background:var(--card); font-size:15px; line-height:1.5;
  text-decoration:none;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-jump strong {
  color:var(--azure-dark); text-decoration:underline; text-underline-offset:3px;
}
html[data-visual-theme="consulta"] body #appMain .product-compare-link {
  display:block; margin-top:20px; color:var(--azure-dark); line-height:1.5;
  text-underline-offset:3px;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison {
  max-width:1040px; min-width:0;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison > .page-copy {
  max-width:74ch;
}
html[data-visual-theme="consulta"] body #appMain .comparison-controls {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin:24px 0 12px;
}
html[data-visual-theme="consulta"] body #appMain .comparison-controls label {
  display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer;
  color:var(--ink); font-weight:600; font-size:15px;
}
html[data-visual-theme="consulta"] body #appMain .comparison-controls input {
  width:20px; height:20px; flex:0 0 20px; accent-color:var(--azure-dark);
}
html[data-visual-theme="consulta"] body #appMain #comparisonStatus {
  font-size:14px; color:var(--slate);
}
html[data-visual-theme="consulta"] body #appMain .comparison-scroll-help {
  display:none; color:var(--slate);
}
html[data-visual-theme="consulta"] body #appMain .comparison-table-scroll {
  width:100%; min-width:0; max-width:100%; overflow-x:auto;
  overscroll-behavior-inline:contain; border:1px solid var(--line); border-radius:12px;
  background:var(--card);
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table {
  width:100%; min-width:640px; table-layout:fixed; border-collapse:collapse;
  color:var(--ink); font-size:15px; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table :is(th,td) {
  padding:18px 20px; text-align:left; vertical-align:top; border:0;
  border-bottom:1px solid var(--line); overflow-wrap:anywhere; white-space:normal;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table tr > :first-child {width:36%}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table thead th {
  background:var(--ice); font-weight:600;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table thead strong {
  display:block; font-size:26px; line-height:1.25; color:var(--ink);
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table thead span {
  display:block; margin-top:8px; font-size:13px; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table small {
  display:block; margin-top:8px; color:var(--slate); font-weight:400;
  font-size:13px; line-height:1.55;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table a {
  display:inline-block; color:var(--azure-dark); font-weight:600; font-size:14px;
  padding:10px 0; text-underline-offset:3px;
}
html[data-visual-theme="consulta"] body #appMain .product-comparison-table tfoot :is(th,td) {
  border-bottom:0; background:var(--ice);
}
html[data-visual-theme="consulta"] body #appMain .comparison-decision {
  max-width:74ch; margin:24px 0 16px;
}
@media(max-width:700px) {
  html[data-visual-theme="consulta"] body #appMain .comparison-scroll-help {display:block; font-size:14px!important}
}
/* Documents: exact identifiers and regional limitations stay in the reading flow. */
html[data-visual-theme="consulta"] body #appMain .download-card {
  display:flex!important; flex-direction:column!important;
}
html[data-visual-theme="consulta"] body #appMain .download-card > .btn {align-self:flex-start!important}
html[data-visual-theme="consulta"] body #appMain .document-label-help {margin-top:12px}
html[data-visual-theme="consulta"] body #appMain .document-label-help > summary {
  min-height:44px; padding:10px 0; cursor:pointer; color:var(--azure-dark);
  font-weight:600; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain .document-label-help dl {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;
  padding:12px 0 0; margin:0;
}
html[data-visual-theme="consulta"] body #appMain .document-label-help dt {
  font-size:14px; font-weight:700; color:var(--ink); line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain .document-label-help dd {
  margin:8px 0 0; font-size:14px; color:var(--slate); line-height:1.6;
}
html[data-visual-theme="consulta"] body #appMain .doc-match {
  display:block; width:fit-content; max-width:100%; margin:8px 0 12px; padding:6px 10px;
  border:1px solid var(--line); border-radius:6px; color:var(--slate);
  font-size:13px; font-weight:600; line-height:1.45;
}
html[data-visual-theme="consulta"] body #appMain .doc-match.is-exact {
  background:var(--ice); color:var(--navy-2); border-color:#c4dbee;
}
html[data-visual-theme="consulta"] body #appMain .document-match-help {
  margin:0 0 20px; max-width:76ch; color:var(--slate); font-size:14px!important;
}
html[data-visual-theme="consulta"] body #appMain .doc-applicability {
  margin:4px 0 18px; padding:14px 16px; border-left:3px solid var(--amber);
  background:#fff9e8; border-radius:0 8px 8px 0; overflow-wrap:break-word;
}
html[data-visual-theme="consulta"] body #appMain .doc-applicability b {
  display:block; color:var(--ink); font-size:14px; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain .doc-applicability p {
  color:var(--ink); margin:8px 0 4px; font-size:14px!important; line-height:1.6!important;
}
html[data-visual-theme="consulta"] body #appMain .doc-applicability a {
  display:inline-block; padding:10px 0; color:var(--azure-dark);
  font-size:14px; font-weight:600; line-height:1.5; text-underline-offset:3px;
}
@media(max-width:700px) {
  html[data-visual-theme="consulta"] body #appMain .document-label-help dl {grid-template-columns:minmax(0,1fr); gap:16px}
}

/* About: scoped typography and dark-surface tokens keep the legacy cascade legible. */
html[data-visual-theme="consulta"] body #appMain #aboutPage {
  --about-navy:#071a31; --about-blue:#0a6acf; --about-amber:#f2b21a;
  --ink:#0b1f3a; --slate:#53657a; --about-section-space:clamp(3.5rem,6vw,5rem);
  background:var(--page-bg);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(h1,h2,h3,p,ol,ul,figure) {
  margin:0; min-width:0; hyphens:none!important; word-break:normal!important;
  overflow-wrap:break-word; white-space:normal;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(h1,h2,h3) {
  color:var(--ink)!important; letter-spacing:-.025em!important; text-wrap:balance;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage h1 {
  font-size:clamp(2.5rem,4.65vw,3.65rem)!important; line-height:1.09!important;
  font-weight:800!important; padding:0!important; border:0!important;
  max-width:19ch!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage h2 {
  font-size:clamp(1.875rem,3.1vw,2.5rem)!important; line-height:1.18!important;
  font-weight:700!important; max-width:25ch!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage h3 {
  font-size:1.25rem!important; line-height:1.35!important; font-weight:700!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage p {
  color:var(--slate)!important; font-size:1rem!important; line-height:1.7!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > section {
  padding-block:var(--about-section-space)!important; scroll-margin-top:88px;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-hero,.about-authority-card,.about-closing) {
  --ink:#f7fbff; --slate:#c8d9e8; --about-link:#9ed4ff;
  color:var(--ink)!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-kicker,.about-eyebrow) {
  margin-bottom:1rem; color:var(--about-link,var(--about-blue));
  font-size:.875rem; font-weight:700; line-height:1.5;
  letter-spacing:.06em; text-transform:uppercase;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-hero-grid,.about-story-grid,.about-section-head,.about-closing-inner,.about-authority-card,.about-pillar-grid,.about-photo-grid,.about-photo) > * {
  min-width:0;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-section-head {
  position:static!important; inset:auto!important; height:auto!important;
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr);
  align-items:end; gap:clamp(2rem,5vw,5rem); margin-bottom:2.25rem;
  padding:0!important; background:transparent!important; border:0!important;
  box-shadow:none!important; backdrop-filter:none!important; z-index:auto;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-section-intro > p {margin-top:1.25rem}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-section-context .about-text-link {margin-top:.75rem}

/* One dominant action per section; secondary destinations remain quiet. */
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-hero-actions,.about-closing-actions) {
  display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.5rem; margin-top:1.75rem;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-button {
  display:inline-flex; align-items:center; justify-content:center; gap:.75rem;
  min-height:3.125rem; max-width:100%; padding:.8rem 1.25rem;
  border:1px solid var(--about-blue); border-radius:10px;
  background:var(--about-blue); color:#fff!important;
  font-size:1rem; font-weight:700; line-height:1.45; text-align:center;
  text-decoration:none; transition:background-color 180ms ease,border-color 180ms ease;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-text-link {
  display:inline-flex; align-items:center; gap:.5rem;
  min-height:2.75rem; max-width:100%; padding:.5rem 0;
  color:var(--about-link,var(--about-blue)); font-size:1rem; font-weight:600;
  line-height:1.5; text-decoration:underline; text-underline-offset:.25em;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage a:focus-visible {
  outline:3px solid var(--about-link,var(--about-blue))!important;
  outline-offset:4px; border-radius:6px;
}

/* The team opens the narrative, with a caption outside the photograph. */
html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > .about-hero {
  padding-block:clamp(2.75rem,5vw,4rem) 0!important;
  background:radial-gradient(circle at 78% 14%,rgba(22,133,238,.16),transparent 38%),
    linear-gradient(126deg,#06172b,#0c3154)!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-grid {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.73fr);
  align-items:center; gap:clamp(2rem,5vw,4.5rem); padding-bottom:2.5rem;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-lead {
  max-width:53ch; margin-top:1.5rem; font-size:1.125rem!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-media {
  width:min(100%,430px); justify-self:end; overflow:hidden;
  border:1px solid #43617a; border-radius:16px; background:var(--about-navy);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-media img {
  display:block; width:100%; height:auto; aspect-ratio:4 / 4.4;
  object-fit:cover; object-position:center 44%;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-media figcaption {
  display:grid; gap:.35rem; padding:1rem 1.25rem 1.25rem;
  border-top:3px solid var(--about-amber);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-media figcaption span {
  color:var(--about-link); font-size:.8125rem; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-media figcaption strong {
  color:var(--ink); font-size:1rem; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  padding:0; border-top:1px solid #3b5269; list-style:none;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip li {
  display:grid; gap:.3rem; min-width:0; padding:1.4rem 1.75rem;
  border-left:1px solid #3b5269;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip li:first-child {
  padding-left:0; border-left:0;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip strong {
  color:var(--ink); font-size:.875rem; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip span {
  color:var(--slate); font-size:.875rem; line-height:1.5;
}

/* History and expertise: open layouts, with no fixed-height text cards. */
html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > .about-story {background:var(--page-bg)!important}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-story-grid {
  display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);
  align-items:start; gap:clamp(2rem,6vw,5rem);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-timeline {padding:0; list-style:none}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-timeline li {
  display:grid; grid-template-columns:5.75rem minmax(0,1fr); gap:1.25rem;
  padding:1.5rem 0; border-top:1px solid var(--line);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-timeline li:last-child {border-bottom:1px solid var(--line)}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-timeline-label {
  color:var(--about-blue); font-size:.875rem; font-weight:700; line-height:1.6;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-timeline,.about-pillar,.about-photo,.about-experience-list) p {margin-top:.6rem}
html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > :is(.about-pillars,.about-authority,.about-experience) {background:#fff!important}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar-grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.25rem;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar {
  padding-top:1.25rem; border-top:3px solid #bfd6ea;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar:first-child {border-top-color:var(--about-amber)}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar-index {
  display:block; margin-bottom:1.25rem; color:var(--about-blue);
  font-size:.875rem; font-weight:700; line-height:1.5;
}

/* The official source and the scope of the credential stay together. */
html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > .about-authority {padding-top:0!important}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-card {
  display:grid; grid-template-columns:8.75rem minmax(0,1fr); align-items:center;
  gap:1.75rem 2.5rem; padding:clamp(1.5rem,3.5vw,2.5rem);
  border-radius:16px; background:var(--about-navy); border:1px solid #244764;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-mark {
  display:flex; align-items:center; justify-content:center; padding:1.125rem;
  min-height:5.5rem; border-radius:10px; background:#fff;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-mark img {display:block; width:100%; height:auto}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-copy .about-kicker {margin-bottom:.5rem}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-copy p {max-width:64ch; margin-top:1rem}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-link {
  display:inline-flex; align-items:center; gap:.6rem; min-height:2.75rem;
  max-width:100%; padding:.55rem 0; margin-top:.75rem; color:var(--about-link);
  font-size:1rem; font-weight:700; line-height:1.5;
  text-decoration:underline; text-underline-offset:.25em;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-note {
  grid-column:1 / -1; padding-top:1.25rem; border-top:1px solid #3b5269;
  font-size:.875rem!important; line-height:1.65!important;
}

/* Portrait images remain complete: tools, equipment and hands are evidence. */
html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > .about-operation {background:var(--page-bg)!important}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center; overflow:hidden; border:1px solid var(--line);
  border-radius:14px; background:#fff;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo img {
  display:block; width:100%; height:auto; aspect-ratio:520 / 924;
  object-fit:contain; filter:none; transform:none;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo figcaption {padding:1.5rem}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo figcaption > span {
  display:block; margin-bottom:.75rem; color:var(--about-blue);
  font-size:.8125rem; font-weight:700; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo h3 {font-size:1.125rem!important}

/* The customer can start or follow an actual service request at its relevant step. */
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-list {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.75rem;
  padding:0; list-style:none;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-list li {
  min-width:0; padding-top:1.25rem; border-top:1px solid var(--line);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-list li > span {
  display:block; margin-bottom:1.5rem; color:var(--about-blue);
  font-size:.875rem; font-weight:700; line-height:1.5;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-content {min-width:0}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-content .about-text-link {
  margin-top:.75rem; align-items:baseline; overflow-wrap:anywhere;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-content .about-text-link > span {flex-shrink:0}
html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > .about-closing {background:linear-gradient(125deg,#071a31,#0d3154)!important}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-closing-inner {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(15rem,.5fr);
  align-items:center; gap:3rem;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-closing p {max-width:55ch; margin-top:1rem}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-closing-actions {
  flex-direction:column; align-items:stretch; margin-top:0;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-closing-actions .about-text-link {align-self:center}
@media(hover:hover) and (pointer:fine) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-button:hover {background:#075eb8; border-color:#075eb8}
  html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-text-link,.about-authority-link):hover {text-decoration-thickness:2px}
}
@media(max-width:1100px) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-grid {grid-template-columns:minmax(0,1fr)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo {grid-template-columns:minmax(0,18.75rem) minmax(0,1fr)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo figcaption {padding:clamp(1.5rem,4vw,3rem)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo h3 {font-size:1.5rem!important}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-list {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage {--about-section-space:3.25rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage.app-view.about-v10 > section {scroll-margin-top:76px}
  html[data-visual-theme="consulta"] body #appMain #aboutPage h1 {font-size:clamp(2rem,7.9vw,2.75rem)!important; max-width:21ch!important}
  html[data-visual-theme="consulta"] body #appMain #aboutPage h2 {font-size:clamp(1.75rem,6.6vw,2.125rem)!important; max-width:100%!important}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-grid,
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-story-grid,
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-section-head,
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-closing-inner {grid-template-columns:minmax(0,1fr); gap:1.75rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-grid {gap:2rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-lead {font-size:1rem!important}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-media {width:100%; max-width:520px; justify-self:start}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-media img {aspect-ratio:4 / 3.3; object-position:center 45%}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip {grid-template-columns:minmax(0,1fr); padding-block:.25rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip li,
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip li:first-child {
    grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem;
    padding:1rem 0; border-left:0; border-top:1px solid #3b5269;
  }
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip li:first-child {border-top:0}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-section-head {margin-bottom:1.75rem; gap:1.25rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar-grid {grid-template-columns:minmax(0,1fr); gap:1.5rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar {
    display:grid; grid-template-columns:2.25rem minmax(0,1fr); gap:.6rem 1rem; padding-top:1.25rem;
  }
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar-index {grid-row:1 / span 2; margin:0}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-pillar p {grid-column:2; margin-top:0}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-card {grid-template-columns:minmax(0,1fr); gap:1.5rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-authority-mark {width:8rem; min-height:4.75rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-closing-actions {align-items:flex-start}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-closing-actions .about-text-link {align-self:flex-start}
  html[data-visual-theme="consulta"] body #whatsappToggle {
    width:52px!important; height:52px!important; min-height:52px!important;
    padding:0!important; border-radius:50%!important;
  }
  html[data-visual-theme="consulta"] body #whatsappToggle > span {display:none!important}
  html[data-visual-theme="consulta"] body footer .footer-bottom,
  html[data-visual-theme="consulta"] body footer .footer-bottom :is(a,button,span) {color:#40566f!important}
  html[data-visual-theme="consulta"] body footer .footer-bottom {
    display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:12px!important;
    font-size:12px!important; line-height:1.65!important;
  }
}
@media(max-width:620px) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-actions {flex-direction:column; align-items:stretch; gap:.5rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-actions .about-text-link {align-self:flex-start}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-timeline li {grid-template-columns:minmax(0,1fr); gap:.75rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo {grid-template-columns:minmax(0,1fr)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo figcaption {padding:1.25rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-list {grid-template-columns:minmax(0,1fr); gap:1.25rem}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-list li {
    display:grid; grid-template-columns:2.25rem minmax(0,1fr); gap:.6rem 1rem;
  }
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-experience-list li > span {margin:0}
}
@media(max-width:380px) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip li,
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-trust-strip li:first-child {grid-template-columns:minmax(0,1fr); gap:.3rem}
}
@media(prefers-reduced-motion:reduce) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-button {transition:none}
}

/* About motion is local and runs once per reading block; the page itself stays still. */
html[data-visual-theme="consulta"].griddy-motion body #appMain #aboutPage.app-view.active {
  animation:none!important;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-button,.about-photo-open,.about-photo-close) {
  transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms var(--motion-ease);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-text-link,.about-authority-link) {
  transition:color 180ms ease,text-decoration-color 180ms ease;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-button,.about-text-link,.about-authority-link,.about-photo-open) > span {
  display:inline-block; flex-shrink:0; transition:transform 180ms var(--motion-ease);
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-open {
  display:inline-flex; align-items:center; justify-content:flex-start; gap:.5rem;
  width:fit-content; max-width:100%; min-height:44px; margin-top:.75rem; padding:.5rem 0;
  background:transparent; color:var(--about-link,var(--about-blue)); border:0; border-radius:4px;
  font:inherit; font-size:1rem; font-weight:600; line-height:1.5; text-align:left; cursor:pointer;
  text-decoration:underline; text-underline-offset:.25em;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage [hidden] {display:none!important}
html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-photo-open,.about-photo-close):focus-visible {
  outline:3px solid var(--about-link,var(--about-blue)); outline-offset:4px;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo:focus-within {border-color:var(--about-blue)}
html.griddy-about-photo-open {overflow:hidden; scrollbar-gutter:stable}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog {
  width:min(48rem,calc(100% - 2rem)); max-width:none; max-height:calc(100vh - 2rem); max-height:calc(100dvh - 2rem);
  margin:auto; padding:clamp(1rem,3vw,1.5rem); overflow:auto; overscroll-behavior:contain;
  border:1px solid #d4e2ef; border-radius:16px; color:var(--ink); background:#fff;
  box-shadow:0 24px 80px #06172b40;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog:not([open]) {display:none}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog::backdrop {background:rgba(4,15,29,.8)}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog-head {
  display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog h2 {
  max-width:100%!important; font-size:1.25rem!important; line-height:1.4!important; text-wrap:wrap;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-close {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem; flex-shrink:0;
  min-height:44px; padding:.5rem .75rem; border:1px solid #d4e2ef; border-radius:8px;
  background:#f0f6fc; color:var(--ink); font:inherit; font-size:.875rem; font-weight:700; cursor:pointer;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-close > span {font-size:1.5rem; line-height:1}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog img {
  display:block; width:auto; height:auto; max-width:100%; max-height:65vh; max-height:65dvh;
  margin-inline:auto; border-radius:8px; object-fit:contain; background:#f0f6fc;
}
html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog figcaption {
  margin-top:1rem; color:var(--slate); font-size:.875rem; line-height:1.6;
}
@media(hover:hover) and (pointer:fine) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-open:hover {text-decoration-thickness:2px}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-close:hover {background:#e1eefb; border-color:#94bee6}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-button:hover {box-shadow:0 6px 18px #071a311f}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-button:hover {transform:translateY(-2px)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-text-link:hover > span {transform:translateX(3px)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-authority-link,.about-text-link[target="_blank"]):hover > span {transform:translate(2px,-2px)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-hero-actions .about-button:hover > span {transform:translateY(3px)}
  html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-button,.about-photo-open,.about-photo-close):active {transform:translateY(1px)}
}
@media(max-width:380px) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage .about-photo-dialog-head {flex-wrap:wrap; gap:.5rem}
}
@media(prefers-reduced-motion:reduce) {
  html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-button,.about-text-link,.about-authority-link,.about-photo-open,.about-photo-close),
  html[data-visual-theme="consulta"] body #appMain #aboutPage :is(.about-button,.about-text-link,.about-authority-link,.about-photo-open) > span {transition:none!important}
}
