/* Variante B — mejoras de conversión (sobre lp.css) */
.am-medio-video{object-fit:cover}

/* 2 — Héroe móvil: CTA + prueba social en la primera pantalla */
@media (max-width:959px){
  .am-heroe{padding-top:22px}
  .am-heroe-in{display:flex;flex-direction:column}
  .am-pastilla{order:1;align-self:center}
  .am-lp .am-heroe h1{order:2;margin-bottom:14px}
  .am-medio{order:3;width:clamp(210px,calc((100vh - 380px) * .8),330px);width:clamp(210px,calc((100svh - 380px) * .8),330px);margin:4px auto 20px}
  .am-confianza{order:4;margin:0 auto 14px}
  .am-heroe-cta{order:5}
  .am-meta{order:6}
  .am-sub{order:7;margin:22px auto 16px}
  .am-sub-puente{order:8;margin-bottom:0}
}
@media (max-width:480px){
  .am-pastilla{font-size:11px;letter-spacing:.06em;padding:5px 12px}
  .am-pastilla-extra{display:none}
}
@media (max-width:380px){
  .am-lp .am-heroe h1{font-size:clamp(28px,8.2vw,32px)}
  .am-heroe .am-btn{padding:16px 14px;font-size:15.5px;gap:8px}
}
.am-video-sonido{top:auto;bottom:14px;transform:translateX(-50%);font-size:13px;min-height:34px;padding:6px 14px}

/* 3 — Tarjeta de oferta móvil: precio -> botón */
@media (max-width:959px){
  .am-oferta{padding-top:18px}
  .am-oferta-linea{display:none}
  .am-tarjeta{display:flex;flex-direction:column;padding-top:28px}
  .am-tarjeta-cuerpo,.am-tarjeta-a,.am-tarjeta-b{display:contents}
  .am-tarjeta-nombre{order:1}
  .am-tarjeta-sub{order:2;margin-bottom:14px}
  .am-precio-fila{order:4}
  .am-precio{order:5}
  .am-precio-nota{order:6;margin-bottom:16px}
  .am-comprar{order:7;margin-top:0}
  .am-tarjeta-meta{order:8;margin:12px 0 0}
  .am-comprar-bajo{order:9}
  .am-pagos{order:10}
  .am-tarjeta-img{order:11;width:100%;margin:26px 0 0}
  .am-regalos{order:12;margin:22px 0 0}
  .am-checks{order:13;margin:14px 0 0}
  .am-tarjeta-cierre{order:14}
}
@media (max-width:380px){.am-tarjeta-sub{letter-spacing:.14em}}
.am-comprar-main{letter-spacing:0;font-size:18px}
@media (max-width:380px){.am-comprar-main{font-size:16.5px}}

/* 7 — Bonos compactos en móvil */
@media (max-width:680px){
  .am-bono,.am-bono:nth-child(2n){grid-template-columns:108px minmax(0,1fr);align-items:start;gap:14px;padding:14px}
  .am-bono:nth-child(2n) .am-bono-img{order:0}
  .am-ph-bono{aspect-ratio:4/5}
  .am-bono-tag{font-size:9.5px;padding:3px 8px;bottom:6px;left:6px}
  .am-lp .am-bono h3{font-size:19px;margin-bottom:6px}
  .am-bono p{font-size:14px;margin-bottom:10px}
  .am-bono-etiqueta{font-size:10px;margin-bottom:4px}
}

/* 10 — Texto legible en móvil */
@media (max-width:767px){
  .am-prob p{font-size:15px;line-height:1.5}
  .am-porque p{font-size:14.5px;line-height:1.5}
  .am-lado li{font-size:14.5px}
  .am-tabla th,.am-tabla td{font-size:14.5px}
  .am-estacion-frase,.am-coleccion-det{font-size:14.5px}
  .am-nota,.am-pie-carrusel,.am-lp .am-cab>.am-nota-chat{font-size:13.5px;color:var(--texto-suave)}
  .am-desliza{color:var(--texto-suave)}
  .am-confianza-txt,.am-heroe-garantia,.am-meta{font-size:14px}
}

/* 9 — Ráfaga de nieve no tapa la oferta */
.am-rafaga{transition:opacity .5s}
html.am-en-oferta .am-rafaga{opacity:0}

/* 8 — placeholders de capturas sin nombre de archivo */
.am-ph-chat>.am-ph-nombre{display:none}

/* 8 — salto a la oferta controlado por JS (lp.js saltoOferta) */
html:has(.am-lp){scroll-behavior:auto}

/* 14 — animaciones pausadas fuera de pantalla (lp.js marca [data-fuera]) */
.am-lp [data-fuera] *,.am-lp [data-fuera] *::before,.am-lp [data-fuera] *::after{animation-play-state:paused!important}