/* Localized Unpaint pages keep the approved composition and original assets. */
html[data-linea="unpaint"] main .gl-chan { box-sizing: border-box; }
html[data-linea="unpaint"] main button.gl-chan { font: inherit; text-align: start; cursor: pointer; }
html[data-linea="unpaint"] main :is(.gl-btn-primary, .gl-btn-line, .gl-row-btn) {
  box-sizing: border-box;
  max-inline-size: 100%;
  min-inline-size: 0;
  white-space: normal;
}
html[data-linea="unpaint"] main :is(a, button, summary):focus-visible {
  outline: 3px solid #e5006a;
  outline-offset: 4px;
}
/* Open indicators override the legacy inline light color. */
html[data-linea="unpaint"] main details[open] summary .gl-plus { color: #0b0c0d !important; }
html[data-linea="unpaint"][dir="rtl"] main :is(h1, h2, h3) {
  letter-spacing: normal !important;
  line-height: 1.25 !important;
}
html[data-linea="unpaint"][dir="rtl"] .gl-hero-title h1 {
  font-size: clamp(44px, 9vw, 88px) !important;
}
html[data-linea="unpaint"][dir="rtl"] :is(#color, #tecnologia) p {
  letter-spacing: normal !important;
  line-height: 1.6 !important;
}
@media (min-width: 1101px) {
  html[data-linea="unpaint"][dir="rtl"] .gl-hero-title {
    left: auto !important;
    right: clamp(20px, 4.7vw, 68px) !important;
  }
  html[data-linea="unpaint"][dir="rtl"] .gl-hero-img {
    right: auto !important;
    left: -9vw !important;
  }
  html[data-linea="unpaint"][dir="rtl"] .gl-hero-mark {
    left: auto !important;
    right: clamp(20px, 6vw, 96px) !important;
  }
}
@media (max-width: 1100px) {
  html[data-linea="unpaint"] main .gl-chan { flex-basis: 100% !important; }
}
@media (max-width: 640px) {
  html[data-linea="unpaint"] main :is(#como-funciona, #aplicacion, #usos, #tecnologia, #color, #preguntas, #documentos, #encuentra) {
    padding-block: 72px !important;
    gap: 40px !important;
  }
  html[data-linea="unpaint"] main #contacto { padding-block: 72px 32px !important; }
  html[data-linea="unpaint"] main :is(#tecnologia, #contacto) h2 {
    font-size: clamp(36px, 8vw, 48px) !important;
  }
  html[data-linea="unpaint"][dir="rtl"] .gl-hero-title h1 {
    font-size: clamp(44px, 10vw, 64px) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-linea="unpaint"] main *, html[data-linea="unpaint"] main *::before,
  html[data-linea="unpaint"] main *::after { transition: none !important; animation: none !important; }
}