/*
 * Phase 39 Hablemos color adaptation.
 * Scope: typography color hierarchy only. Layout, spacing, motion, images,
 * navigation, footer, and responsive behavior remain inherited.
 */
.neural-hero {
  color: #f6f5f2;
  --hablemos-horizon-convection-opacity: 0.37;
  --hablemos-horizon-convection-blur: 0.06rem;
}

.neural-hero .subtitle,
.neural-hero .subtitle * {
  color: rgba(246, 245, 242, 0.92) !important;
}

.neural-hero .subtitle {
  transform: translate3d(0, 1rem, 0);
}

.neural-hero .subtitle div {
  max-width: 13em;
}

.neural-hero .copy {
  color: rgba(246, 245, 242, 0.66) !important;
  opacity: 1 !important;
}

.neural-hero .head,
.neural-hero .categories-label,
.neural-hero .categories-label .label {
  color: rgba(246, 245, 242, 0.5) !important;
  opacity: 1 !important;
}

.neural-hero.green .name,
.neural-hero.green .categories .pill,
.neural-hero.green .categories .pill .label,
.neural-hero.green .categories .pill.white.filled .label {
  color: #5e6e64 !important;
}

.neural-hero.green .name-wrapper .product-icon {
  display: none !important;
}

.neural-hero.green .name {
  color: rgba(246, 245, 242, 0.92) !important;
  white-space: nowrap;
}

.neural-hero.green .name > * {
  color: inherit !important;
  white-space: nowrap;
}

.neural-hero.green .hablemos-hero-title-primer,
.neural-hero.green .hablemos-hero-title-paso {
  display: inline;
  line-height: inherit;
  white-space: nowrap;
}

.neural-hero.green .hablemos-hero-title-primer {
  color: rgba(246, 245, 242, 0.92) !important;
  font-weight: inherit;
}

.neural-hero.green .hablemos-hero-title-paso {
  color: #5e6e64 !important;
  font-weight: 600;
}

.neural-hero.green .name .copy-lines-wrapper {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  display: grid;
  line-height: inherit;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.neural-hero.green .name .copy-lines-wrapper .line {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: rgba(246, 245, 242, 0.92) !important;
  display: block;
  grid-area: 1 / 1;
  line-height: inherit;
  white-space: nowrap;
  width: 100%;
}

.neural-hero.green .name .copy-lines-wrapper .line > span {
  color: #5e6e64 !important;
  font-weight: 600;
}

.neural-hero.green .name .copy-lines-wrapper .line div {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.neural-hero.green .categories-label,
.neural-hero.green .categories-label .label {
  color: rgba(246, 245, 242, 0.5) !important;
}

@media only screen and (min-width: 834px) {
  .neural-hero .categories-label .icon-wrapper[data-hablemos-desktop-isotipo="true"] {
    background: transparent !important;
    border: 0 !important;
  }

  .neural-hero .categories-label .icon-wrapper[data-hablemos-desktop-isotipo="true"] .hablemos-hero-isotipo-icon {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
  }

  .neural-hero.green .categories .pill.white.filled {
    background: transparent !important;
    border: 1px solid #5e6e64 !important;
  }

  .neural-hero.green .categories .pill.white.filled .label {
    color: rgba(246, 245, 242, 0.82) !important;
  }
}

.neural-hero .hablemos-body-line {
  display: block;
}

.neural-hero .image-wrapper[data-hablemos-horizon-convection-host="true"] > picture > img,
.neural-hero .image-wrapper[data-hablemos-horizon-convection-host="true"] > img:not(.hablemos-horizon-convection-duplicate) {
  animation: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.neural-hero .hablemos-horizon-convection-duplicate {
  display: block;
  filter: url("#hablemos-horizon-convection-v1") blur(var(--hablemos-horizon-convection-blur));
  height: 100%;
  inset: 0;
  margin: 0;
  object-fit: cover;
  object-position: center;
  opacity: var(--hablemos-horizon-convection-opacity);
  pointer-events: none;
  position: absolute;
  transform: none !important;
  visibility: visible;
  width: 100%;
  will-change: filter;
  z-index: 0;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 24%, rgba(0, 0, 0, 0.42) 34%, #000 43%, rgba(0, 0, 0, 0.74) 50%, rgba(0, 0, 0, 0.18) 57%, transparent 64%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 24%, rgba(0, 0, 0, 0.42) 34%, #000 43%, rgba(0, 0, 0, 0.74) 50%, rgba(0, 0, 0, 0.18) 57%, transparent 64%);
}

@media only screen and (max-width: 833px) {
  .neural-hero {
    --hablemos-horizon-convection-opacity: 0.32;
    --hablemos-horizon-convection-blur: 0.06rem;
  }

  .neural-hero .hablemos-horizon-convection-duplicate {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.38) 34%, #000 43%, rgba(0, 0, 0, 0.66) 51%, rgba(0, 0, 0, 0.16) 59%, transparent 66%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.38) 34%, #000 43%, rgba(0, 0, 0, 0.66) 51%, rgba(0, 0, 0, 0.16) 59%, transparent 66%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .neural-hero .hablemos-horizon-convection-duplicate {
    filter: url("#hablemos-horizon-convection-v1") blur(var(--hablemos-horizon-convection-blur));
    opacity: calc(var(--hablemos-horizon-convection-opacity) * 0.42);
    will-change: auto;
  }
}

.text-block.green .copy {
  max-width: 100%;
  text-align: left;
  width: 100%;
}

main .text-block.green {
  background-color: var(--dos-structural, #d8d2c8) !important;
  color: var(--dos-text, #262626) !important;
}

main .text-block.green .item,
main .text-block.green .title,
main .text-block.green .title > div,
main .text-block.green .copy {
  color: var(--dos-text, #262626) !important;
}

main .text-block.green .number,
main .text-block.green .number > div,
main .text-block.green .link,
main .text-block.green .link span:not(.icon-wrapper) {
  color: var(--dos-signal, #5e6e64) !important;
}

@media only screen and (min-width: 834px) {
  .text-block.green .copy {
    max-width: 100%;
  }
}
