/* UNHEAT presentation only: source imagery, technical values and calculations stay intact. */
html[data-linea="unheat"] main :is(a,button,summary,input):focus-visible {
  outline: 3px solid #0777bc;
  outline-offset: 4px;
  box-shadow: 0 0 0 6px #fff;
}
#uh-hot:focus-visible ~ .gl-tabs label[for="uh-hot"],
#uh-cold:focus-visible ~ .gl-tabs label[for="uh-cold"] {
  outline: 3px solid #0777bc;
  outline-offset: 3px;
}
.gl-tabs label { min-width: 0; text-align: center; line-height: 1.35; }
.gl-tabs label > span { flex-shrink: 0; }
.gl-diagram .uh-diagram-label {
  left: auto !important;
  right: 3.5%;
  max-width: 45%;
  box-sizing: border-box;
}
.uh-diagram-label b { white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
.uh-diagram-label span { font-size: clamp(11px,1.25cqw,14px) !important; line-height: 1.35 !important; }
#comparar .uh-formula { display: inline-block; direction: ltr; unicode-bidi: isolate; }
#comparar .gl-faq summary { min-height: 44px; }
#comparar .gl-plus { flex-shrink: 0; }
html[lang="ar"][data-linea="unheat"] main :is(h1,h2,h3) {
  line-height: 1.3 !important;
  letter-spacing: normal !important;
}
html[lang="ar"][data-linea="unheat"] .gl-tabs label { line-height: 1.6; }
@media(max-width:640px) {
  .gl-tabs { box-sizing: border-box; align-items: stretch; }
  .gl-tabs label { padding: 8px 12px !important; flex-basis: 0 !important; }
  #comparar .gl-faq > div { padding-inline-start: 0 !important; padding-inline-end: 0 !important; }
  .gl-contact .gl-chan .gl-chan-btn { margin: 0; white-space: normal !important; line-height: 1.4; box-sizing: border-box; }
  .gl-contact .gl-chan-btn > span { flex-shrink: 0; }
  .gl-hero-title h1 { font-size: clamp(34px,8.4vw,54px) !important; line-height: 1.05 !important; }
}

@media(max-width:640px) { .gl-hero-title h1 br { display: none; } }

@media(min-width:1101px) {
  .gl-hero-title { width: 44vw; max-width: 700px !important; }
  .gl-hero-title h1 { font-size: clamp(48px,5vw,80px) !important; line-height: 1.05 !important; }
}
.uh-result-number { display: inline-flex; align-items: baseline; gap: .15em; direction: ltr; unicode-bidi: isolate; font-size: clamp(42px,6vw,96px) !important; }
.uh-result-number bdi { letter-spacing: normal; }

@media(min-width:1101px) { html[lang="fr"] .gl-hero-title h1 { font-size: clamp(46px,4.4vw,72px) !important; } }

@media(max-width:1100px) { .gl-hero-media { aspect-ratio: 1319 / 1115 !important; } }

/* The contact column can be narrow on a laptop as well as on a phone. */
#contacto .uh-contact-mail {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px 16px !important;
  align-items: start !important;
}
#contacto .uh-contact-mail > span:nth-child(2) { grid-column: 2; line-height: 1.4; }
#contacto .uh-contact-mail .gl-chan-btn {
  grid-column: 2;
  justify-self: start;
  margin: 0;
  max-width: 100%;
  min-height: 44px !important;
  white-space: normal !important;
  line-height: 1.4;
  box-sizing: border-box;
}
#contacto .uh-contact-mail .gl-chan-btn > span { flex-shrink: 0; }
.uh-motion { min-width: 0; display: grid; justify-items: center; gap: 12px; }
.uh-motion-visual {
  position: relative; width: 100%; aspect-ratio: 1; background: #0b0c0d;
  -webkit-mask-image: radial-gradient(circle closest-side at 50% 46%, #000 0%, #000 42%, rgba(0,0,0,.6) 62%, rgba(0,0,0,.2) 80%, transparent 96%);
  mask-image: radial-gradient(circle closest-side at 50% 46%, #000 0%, #000 42%, rgba(0,0,0,.6) 62%, rgba(0,0,0,.2) 80%, transparent 96%);
}
.uh-motion-visual :is(img,video) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; mix-blend-mode: lighten; filter: brightness(1.05) contrast(1.05); }
.uh-motion-visual video { opacity: 0; pointer-events: none; }
.uh-motion[data-has-frame="true"]:not([data-media-state="error"]) video { opacity: 1; }
.uh-motion-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font: inherit; font-size: 14px; line-height: 1.5; min-height: 44px; max-width: 100%;
  padding: 10px 16px; border: 1px solid #626660; border-radius: 999px;
  background: #161a1b; color: #f2f2ee; cursor: pointer;
}
.uh-motion-toggle[hidden] { display: none; }
.uh-motion-toggle svg { width: 16px; height: 16px; flex-shrink: 0; }
.uh-motion-toggle:not([data-action="pause"]) .uh-pause-icon,
.uh-motion-toggle[data-action="pause"] .uh-play-icon { display: none; }
@media(hover:hover) and (pointer:fine) { .uh-motion-toggle:hover { border-color: #fac000; } }
.uh-motion-toggle:active { background: #2c3031; }