/* * UPSEX LOAD MORE V2 * Solo móvil. * No modifica tarjetas, header, filtros ni escritorio. */ .upsex-load-more-products-v2{ display:none; } @media (max-width:767px){ body.upsex-load-more-products-ready #content .tool-bar-bottom ul.pagination{ display:none!important; } body.upsex-load-more-products-ready #content .tool-bar-bottom .ajax_pagination{ display:none!important; } body.upsex-load-more-products-ready #content .tool-bar-bottom .row{ display:block!important; margin-left:0!important; margin-right:0!important; } body.upsex-load-more-products-ready #content .tool-bar-bottom .text-right{ float:none!important; width:100%!important; max-width:100%!important; padding-left:8px!important; padding-right:8px!important; text-align:center!important; } .upsex-load-more-products-v2{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; margin:30px 0 26px!important; padding:0 24px!important; box-sizing:border-box!important; } .upsex-load-more-products-v2[hidden]{ display:none!important; } .upsex-load-more-products-v2__button{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:70px!important; margin:0!important; padding:17px 54px!important; border:1px solid #b88912!important; border-radius:30px!important; outline:0!important; background: linear-gradient( 105deg, #fff2bd 0%, #d7a800 46%, #f4df9b 100% )!important; color:#4d423f!important; box-shadow: 0 12px 28px rgba(122,90,24,.18), inset 0 1px 0 rgba(255,255,255,.72)!important; font-family: Manrope, Arial, sans-serif!important; font-size:19px!important; font-weight:800!important; line-height:1.15!important; letter-spacing:.01em!important; text-align:center!important; text-transform:uppercase!important; cursor:pointer!important; appearance:none!important; -webkit-appearance:none!important; transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease!important; } .upsex-load-more-products-v2__button:active{ transform:scale(.985)!important; box-shadow: 0 7px 18px rgba(122,90,24,.16), inset 0 1px 0 rgba(255,255,255,.68)!important; } .upsex-load-more-products-v2__button:disabled{ cursor:default!important; } .upsex-load-more-products-v2__spinner{ position:absolute!important; right:23px!important; width:20px!important; height:20px!important; border:2px solid rgba(77,66,63,.26)!important; border-top-color:#4d423f!important; border-radius:50%!important; opacity:0!important; visibility:hidden!important; } .upsex-load-more-products-v2.is-loading .upsex-load-more-products-v2__button{ opacity:.88!important; pointer-events:none!important; } .upsex-load-more-products-v2.is-loading .upsex-load-more-products-v2__spinner{ opacity:1!important; visibility:visible!important; animation: upsexLoadMoreSpin .72s linear infinite!important; } @keyframes upsexLoadMoreSpin{ to{ transform:rotate(360deg); } } } /* FRESA_CATEGORY_LOAD_MORE_V2_START */ @media (max-width:767px){ .upsex-load-more-products-v2{ width:100%!important; margin:24px auto 20px!important; padding:0 16px!important; display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; } .upsex-load-more-products-v2[hidden]{ display:none!important; } .upsex-load-more-products-v2__button{ position:relative!important; width:auto!important; min-width:218px!important; max-width:260px!important; min-height:48px!important; margin:0 auto!important; padding:0 22px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; border:1px solid #C70616!important; border-radius:999px!important; background:#C70616!important; background-image:none!important; color:#FFFFFF!important; font-family:Roboto,Arial,sans-serif!important; font-size:15px!important; line-height:1.1!important; font-weight:700!important; letter-spacing:0!important; text-transform:none!important; text-shadow:none!important; box-shadow:0 8px 24px rgba(40,21,30,.10)!important; cursor:pointer!important; appearance:none!important; -webkit-appearance:none!important; transition: background-color .18s ease, border-color .18s ease, transform .18s ease, opacity .18s ease!important; } .upsex-load-more-products-v2__button:active{ background:#B91845!important; border-color:#B91845!important; transform:scale(.985)!important; } .upsex-load-more-products-v2__button:disabled{ cursor:default!important; } .upsex-load-more-products-v2.is-complete .upsex-load-more-products-v2__button{ background:#FFF7F4!important; border-color:#EAD8D7!important; color:#765E66!important; box-shadow:none!important; } .upsex-load-more-products-v2__spinner{ right:14px!important; width:17px!important; height:17px!important; border:2px solid rgba(255,255,255,.35)!important; border-top-color:#FFFFFF!important; } } @media (prefers-reduced-motion:reduce){ .upsex-load-more-products-v2__button{ transition:none!important; } } /* FRESA_CATEGORY_LOAD_MORE_V2_END */ /* FRESA_CATEGORY_LOAD_MORE_V3_TUNING_START */ @media (max-width:767px){ /* * Botón + contador = un solo bloque compacto. */ body.product-category #upsex-load-more-products-v2{ margin-top:20px!important; margin-bottom:6px!important; } body.product-category #content .tool-bar-bottom{ margin:0!important; padding-top:0!important; } body.product-category #content .tool-bar-bottom .row{ width:100%!important; margin:0!important; padding:0!important; gap:0!important; min-height:0!important; } /* * "Mostrando 1 a X de Y" * Identidad Fresa. */ body.product-category #content .tool-bar-bottom .text-right{ float:none!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0 16px 12px!important; color:#765E66!important; font-family:Roboto,Arial,sans-serif!important; font-size:13px!important; font-weight:500!important; line-height:1.35!important; letter-spacing:0!important; text-align:center!important; } } /* FRESA_CATEGORY_LOAD_MORE_V3_TUNING_END */ /* FRESA_SEARCH_LOAD_MORE_V1_START */ @media (max-width:767px){ /* * Botón y contador como un solo bloque compacto. * SOLO búsqueda. */ html body.product-search #upsex-load-more-products-v2{ margin-top:20px!important; margin-bottom:6px!important; } html body.product-search #product-search #content .tool-bar-bottom{ margin:0!important; padding-top:0!important; } html body.product-search #product-search #content .tool-bar-bottom > .row{ width:100%!important; margin:0!important; padding:0!important; gap:0!important; } /* * "Mostrando 1 a X de Y" * Identidad Fresa. */ html body.product-search #product-search #content .tool-bar-bottom .text-right{ display:block!important; float:none!important; width:100%!important; max-width:100%!important; margin:0 0 14px!important; padding:0 16px!important; color:#765E66!important; font-family:Roboto,Arial,sans-serif!important; font-size:13px!important; font-weight:500!important; line-height:1.35!important; letter-spacing:0!important; text-align:center!important; } } /* FRESA_SEARCH_LOAD_MORE_V1_END */ /* FRESA_EDITORIAL_LOAD_MORE_FORCE_V1_START */ /* * Reutiliza exactamente el componente Load More existente. * Solo elimina la dependencia visual de max-width:767px * para las cinco rutas editoriales Fresa. */ body.fresa-editorial-load-more-ready .upsex-load-more-products-v2{ display:flex!important; width:100%!important; align-items:center!important; justify-content:center!important; margin:20px auto 10px!important; padding:0 16px!important; box-sizing:border-box!important; } body.fresa-editorial-load-more-ready .upsex-load-more-products-v2[hidden]{ display:none!important; } body.fresa-editorial-load-more-ready .upsex-load-more-products-v2__button{ position:relative!important; width:auto!important; min-width:218px!important; max-width:260px!important; min-height:48px!important; margin:0 auto!important; padding:0 22px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; border:1px solid #C70616!important; border-radius:999px!important; background:#C70616!important; background-image:none!important; color:#FFFFFF!important; font-family:Roboto,Arial,sans-serif!important; font-size:15px!important; line-height:1.1!important; font-weight:700!important; text-transform:none!important; box-shadow:0 8px 24px rgba(40,21,30,.10)!important; cursor:pointer!important; } body.fresa-editorial-load-more-ready .upsex-load-more-products-v2.is-complete .upsex-load-more-products-v2__button{ background:#FFF7F4!important; border-color:#EAD8D7!important; color:#765E66!important; box-shadow:none!important; } /* FRESA_EDITORIAL_LOAD_MORE_FORCE_V1_END */ /* FRESA_SERVER_LOAD_MORE_FALLBACK_V1_START */ #upsex-load-more-products-v2.fresa-server-loadmore{ display:flex!important; width:100%!important; align-items:center!important; justify-content:center!important; margin:20px auto 12px!important; padding:0 16px!important; box-sizing:border-box!important; } #upsex-load-more-products-v2.fresa-server-loadmore .upsex-load-more-products-v2__button{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:auto!important; min-width:218px!important; max-width:260px!important; min-height:48px!important; margin:0 auto!important; padding:0 22px!important; border:1px solid #C70616!important; border-radius:999px!important; background:#C70616!important; background-image:none!important; color:#FFFFFF!important; font-family:Roboto,Arial,sans-serif!important; font-size:15px!important; line-height:1.1!important; font-weight:700!important; text-decoration:none!important; text-transform:none!important; box-shadow:0 8px 24px rgba(40,21,30,.10)!important; } /* FRESA_SERVER_LOAD_MORE_FALLBACK_V1_END */