/* LBM PORTADA · plantilla propia de la home (07/11/2026). Lo que antes ponía Divi. */
body.lbm-portada-on #main-content .et_pb_section{position:relative}
body.lbm-portada-on #main-content .et_pb_row,
body.lbm-portada-on #main-content .et_pb_column{position:relative}
/* Ofertas: el de 3 columnas en tableta y ordenador; el de 4 en el móvil (como el «disabledOn» de Divi). */
@media (max-width:767px){body.lbm-portada-on #main-content .et_pb_shop_0{display:none!important}}
@media (min-width:768px){body.lbm-portada-on #main-content .et_pb_shop_1{display:none!important}}
/* Divi no daba margen bajo el texto de Ofertas ni bajo el de Reseñas. */
body.lbm-portada-on #main-content :is(.et_pb_text_0,.et_pb_text_6){margin-bottom:0!important}

/* Movimiento de entrada (lbm-portada.js). Solo si el JS marca html.lbm-anim; sin JS todo se ve quieto. */
@keyframes lbm-rv{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
html.lbm-anim body.lbm-portada-on .lbm-rv:not(.is-visto){opacity:0}
html.lbm-anim body.lbm-portada-on .lbm-rv.is-visto{animation:lbm-rv .72s cubic-bezier(.16,1,.3,1) var(--rv-d,0ms) both}
@media (prefers-reduced-motion:reduce){html.lbm-anim body.lbm-portada-on .lbm-rv{opacity:1!important;animation:none!important}}