/* Ajuste focalizado: video por scroll y libros de Valores en móvil/tablet.
   No altera los efectos de escritorio ni el resto de la web. */
@media (max-width:1024px) {
  /* El video se mantiene fijo durante su recorrido, pero no exige 3+ pantallas
     extra de desplazamiento para avanzar una secuencia de seis segundos. */
  body.native-home-flow .horizontal-page > .static-video-panel {
    height:265svh !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  body.native-home-flow .static-video-panel > .static-video-sticky {
    position:sticky !important;
    top:58px !important;
    height:calc(100svh - 58px) !important;
    overflow:hidden !important;
    transform:none !important;
  }

  /* Valores: una portada completa por fila, nunca de canto por hover táctil. */
  body.native-home-flow .values-panel {
    padding:52px 22px 36px !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  body.native-home-flow .values-panel .cases-inner,
  body.native-home-flow .values-panel .section-inner {
    width:100% !important;
    max-width:680px !important;
    height:auto !important;
  }
  body.native-home-flow .values-panel .recognitions-head { margin-bottom:24px !important; }
  body.native-home-flow .values-panel .recognition-gallery {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:22px !important;
    max-width:520px !important;
    margin:0 auto !important;
    perspective:1500px !important;
  }
  body.native-home-flow .values-panel .recognition-frame {
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:clamp(420px,97vw,540px) !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    isolation:isolate !important;
    background:transparent !important;
    border:0 !important;
    cursor:pointer !important;
  }
  body.native-home-flow .values-panel .recognition-frame::before {
    background:#fefefe !important;
    border-color:rgba(198,161,91,.28) !important;
  }
  body.native-home-flow .values-panel .recognition-frame::after {
    border-color:rgba(198,161,91,.82) !important;
    box-shadow:inset 0 0 0 7px rgba(255,255,255,.08),inset 0 0 0 8px rgba(198,161,91,.35) !important;
  }
  body.native-home-flow .values-panel .recognition-frame-inner {
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    background:#090909 !important;
    background-image:none !important;
    transform-origin:left center !important;
    transform:none !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
    overflow:hidden !important;
    box-shadow:0 18px 40px rgba(0,0,0,.16) !important;
    transition:transform .65s cubic-bezier(.22,.61,.36,1) !important;
  }
  body.native-home-flow .values-panel .recognition-frame-inner::before,
  body.native-home-flow .values-panel .recognition-mat::before,
  body.native-home-flow .values-panel .recognition-mat::after { content:none !important;display:none !important; }
  body.native-home-flow .values-panel .recognition-mat {
    position:absolute !important;
    inset:14px !important;
    display:grid !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    gap:14px !important;
    padding:12px !important;
    overflow:hidden !important;
    background:#080808 !important;
    background-image:none !important;
    border:1px solid rgba(198,161,91,.65) !important;
    box-shadow:none !important;
  }
  body.native-home-flow .values-panel .recognition-art {
    position:relative !important;
    display:block !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#191919 !important;
    background-image:none !important;
    border:1px solid rgba(198,161,91,.25) !important;
    box-shadow:none !important;
  }
  body.native-home-flow .values-panel .recognition-art img,
  body.native-home-flow .values-panel .recognition-frame:first-child .recognition-art img {
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
  }
  body.native-home-flow .values-panel .recognition-plaque {
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:end !important;
    padding:0 4px 2px !important;
    gap:12px !important;
    background:transparent !important;
  }
  body.native-home-flow .values-panel .recognition-plaque small,
  body.native-home-flow .values-panel .recognition-vol {color:#c6a15b !important;opacity:1 !important;}
  body.native-home-flow .values-panel .recognition-plaque h3 {color:#fff !important;opacity:1 !important;}

  /* Contraportada: texto visible al abrir con toque, sin textos blancos sobre blanco. */
  body.native-home-flow .values-panel .recognition-hover {
    display:flex !important;
    align-items:stretch !important;
    position:absolute !important;
    inset:14px !important;
    z-index:2 !important;
    padding:72px 22px 24px !important;
    background:#101010 !important;
    background-image:none !important;
    border:1px solid rgba(198,161,91,.72) !important;
    color:#fff !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .35s ease !important;
  }
  body.native-home-flow .values-panel .recognition-hover::before {content:'VALOR' !important;color:#c6a15b !important;}
  body.native-home-flow .values-panel .recognition-hover-copy {
    width:100% !important;
    opacity:1 !important;
    transform:none !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }
  body.native-home-flow .values-panel .recognition-hover-copy h4 {color:#c6a15b !important;font-size:clamp(28px,8vw,39px) !important;}
  body.native-home-flow .values-panel .recognition-hover-copy p {
    color:#f5f2eb !important;
    font-size:13px !important;
    line-height:1.7 !important;
    max-width:320px !important;
    opacity:1 !important;
  }
  body.native-home-flow .values-panel .recognition-hover-copy .review-stars {color:#c6a15b !important;}
  body.native-home-flow .values-panel .recognition-frame:not(.is-open):hover .recognition-frame-inner,
  body.native-home-flow .values-panel .recognition-frame:not(.is-open):focus-visible .recognition-frame-inner,
  body.native-home-flow .values-panel .recognition-frame:first-child:not(.is-open):hover .recognition-frame-inner,
  body.native-home-flow .values-panel .recognition-frame:first-child:not(.is-open):focus-visible .recognition-frame-inner {
    transform:none !important;
  }
  body.native-home-flow .values-panel .recognition-frame:not(.is-open):hover .recognition-hover,
  body.native-home-flow .values-panel .recognition-frame:not(.is-open):focus-visible .recognition-hover {
    opacity:0 !important;
  }
  body.native-home-flow .values-panel .recognition-frame.is-open .recognition-frame-inner,
  body.native-home-flow .values-panel .recognition-frame:first-child.is-open .recognition-frame-inner,
  body.native-home-flow .values-panel .recognition-frame.is-open:hover .recognition-frame-inner {
    transform:perspective(1400px) rotateY(-86deg) translateX(2px) !important;
  }
  body.native-home-flow .values-panel .recognition-frame.is-open .recognition-hover,
  body.native-home-flow .values-panel .recognition-frame.is-open:hover .recognition-hover {
    opacity:1 !important;
  }
  body.native-home-flow .values-panel .value-touch-hint {
    position:absolute;
    z-index:7;
    top:29px;
    right:29px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 10px;
    background:rgba(0,0,0,.76);
    border:1px solid rgba(198,161,91,.72);
    border-radius:2px;
    color:#e8c57b;
    font:600 9px/1.2 Montserrat,Arial,sans-serif;
    letter-spacing:.08em;
    pointer-events:none;
  }
  body.native-home-flow .values-panel .recognition-caption {margin-top:22px !important;}
}

@media (max-width:700px) {
  body.native-home-flow .horizontal-page > .static-video-panel {height:250svh !important;}
  body.native-home-flow .values-panel {padding:44px 16px 28px !important;}
  body.native-home-flow .values-panel .recognition-frame {height:clamp(370px,106vw,470px) !important;}
  body.native-home-flow .values-panel .recognition-mat {inset:11px !important;padding:9px !important;gap:10px !important;}
  body.native-home-flow .values-panel .recognition-hover {inset:11px !important;padding:65px 21px 22px !important;}
  body.native-home-flow .values-panel .value-touch-hint {top:23px;right:23px;font-size:8px;}
  body.native-home-flow .values-panel .recognition-art img {object-position:center !important;}
}
@media (prefers-reduced-motion:reduce) and (max-width:1024px) {
  body.native-home-flow .values-panel .recognition-frame-inner,
  body.native-home-flow .values-panel .recognition-hover {transition:none !important;}
}
@media (min-width:1025px) {
  body.native-home-flow .values-panel .value-touch-hint {display:none !important;}
}