/* Rise + máscara: pasiva (invade izq) y sostenible (invade der) */
@media (min-width: 821px) {
  .concept-card--rise {
    position: relative;
    isolation: auto;
  }

  .concept-card--rise .concept-visual {
    z-index: 2;
    overflow: hidden;
    background: transparent !important;
  }

  .concept-card--rise .concept-visual:after {
    content: none;
    display: none;
  }

  .concept-card--rise .concept-visual img {
    transform: translate3d(0, var(--rise, 100%), 0) !important;
    filter: none !important;
    will-change: transform;
    transition: none !important;
    object-position: center center;
  }

  .concept-card--rise.is-risen .concept-visual img {
    transform: translate3d(0, 0, 0) !important;
    will-change: auto;
  }

  .concept-card--rise .visual-caption {
    z-index: 2;
    opacity: calc(1 - (var(--rise-n, 1)));
    transition: opacity 0.2s ease;
  }

  .concept-card--rise .concept-body {
    position: relative;
    z-index: auto;
    display: block !important;
  }

  .concept-card--rise .concept-title-stack {
    position: relative;
    max-width: none;
  }

  /* Pasiva / autosuficiente: textos invaden la columna izquierda (imagen) */
  .concept-card--rise.passive .concept-title-stack,
  .concept-card--rise.self .concept-title-stack {
    margin-left: -72%;
    width: calc(100% + 72%);
  }

  /* Sostenible: textos invaden la columna derecha (imagen) */
  .concept-card--rise.sustainable .concept-title-stack {
    margin-right: -53%;
    width: calc(100% + 53%);
    text-align: right;
  }

  .concept-card--rise .concept-title-base {
    position: relative;
    z-index: 1;
  }

  .concept-card--rise .concept-title-base .eyebrow,
  .concept-card--rise .concept-title-base h3 {
    color: #fff !important;
  }

  .concept-card--rise .concept-title-reveal {
    position: absolute;
    inset: 0;
    z-index: 3;
    color: var(--grade-color, #df3b2f);
    clip-path: inset(100% 0 0 0);
    pointer-events: none;
  }

  .concept-card--rise .concept-title-reveal .eyebrow,
  .concept-card--rise .concept-title-reveal h3 {
    color: inherit !important;
  }

  .concept-card--rise .concept-body-copy {
    position: relative;
    z-index: 1;
    max-width: 720px;
  }

  .concept-card--rise.sustainable .concept-body-copy {
    margin-left: auto;
    text-align: right;
  }

  .concept-card--rise.sustainable .concept-body-copy ul {
    margin-left: auto;
  }

  .concept-card--rise .concept-body-copy ul {
    margin-top: 3rem;
  }
}

@media (max-width: 820px) {
  .concept-card--rise .concept-title-stack {
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  .concept-card--rise .concept-title-reveal {
    display: none;
  }
  .concept-card--rise .concept-visual img {
    transform: none !important;
  }
  .concept-card--rise.sustainable .concept-body-copy,
  .concept-card--rise.sustainable .concept-body-copy ul {
    margin-left: 0;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .concept-card--rise .concept-visual img {
    transform: none !important;
  }
  .concept-card--rise .concept-title-reveal {
    display: none;
  }
}