@media(max-width:420px){
      .filtro-avanzado-label{
        font-size:10.5px !important;
      }

      .filtro-atributo-dinamico{
        font-size:10.5px !important;
      }

      .footer-branches.footer-branches-grid{
        grid-template-columns:1fr;
        gap:9px !important;
      }
    }


    /* ==========================================================
       V39: FOOTER - SUCURSALES SEGÚN REFERENCIA
       ========================================================== */

    :root{
      --footer-orange:#ff5b24;
    }

    /* Color solicitado */
    .footer-reference-title{
      color:var(--footer-orange) !important;
    }

    .footer-repentance,
    .btn-arrepentimiento-compra{
      background:var(--footer-orange) !important;
      color:#fff !important;
      box-shadow:0 7px 18px rgba(255,91,36,.22) !important;
    }

    .footer-repentance:hover,
    .btn-arrepentimiento-compra:hover{
      background:#e84d18 !important;
    }

    /* Sucursales alineadas como la referencia: 3 columnas compactas */
    .footer-branches.footer-branches-grid{
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      column-gap:18px !important;
      row-gap:11px !important;
      max-width:520px !important;
      align-items:start !important;
    }

    .footer-branch-link{
      display:grid !important;
      grid-template-columns:16px minmax(0,1fr) !important;
      align-items:start !important;
      gap:7px !important;
      min-width:0 !important;
      color:#f2f5f9 !important;
      text-decoration:none !important;
      white-space:normal !important;
      line-height:1.24 !important;
      font-size:11.7px !important;
      font-weight:400 !important;
    }

    .footer-location-icon-img{
      width:14px !important;
      height:18px !important;
      max-width:none !important;
      object-fit:contain !important;
      display:block !important;
      margin-top:0 !important;
      flex:0 0 auto !important;
    }

    .footer-branch-link span{
      display:block !important;
      min-width:0 !important;
      overflow-wrap:normal !important;
      word-break:normal !important;
      hyphens:none !important;
    }

    .footer-branch-link:hover span{
      text-decoration:underline !important;
      text-underline-offset:3px !important;
    }

    /* En desktop la columna de sucursales gana un poco de aire, como en la referencia */
    @media(min-width:1251px){
      .footer-reference-inner{
        grid-template-columns:1.02fr 1.28fr 1fr 1.08fr !important;
        gap:48px !important;
      }
    }

    @media(min-width:701px) and (max-width:1250px){
      .footer-branches.footer-branches-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        max-width:560px !important;
      }
    }

    @media(max-width:700px){
      .footer-branches.footer-branches-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        column-gap:18px !important;
        row-gap:10px !important;
        max-width:none !important;
      }

      .footer-branch-link{
        font-size:12px !important;
      }

      .footer-location-icon-img{
        width:14px !important;
        height:18px !important;
      }
    }

    @media(max-width:420px){
      .footer-branches.footer-branches-grid{
        grid-template-columns:1fr !important;
      }
    }



    /* ==========================================================
       V40: NAV SUPERIOR / MÓDULOS / FOOTER SEGÚN REFERENCIA
       ========================================================== */

    /* 1. Ocultar únicamente el nav superior en Desktop. */
    @media (min-width:961px){
      .topbar{display:none !important;}
    }

    /* 2. Los cuatro módulos son vínculos completos con transición suave. */
    .benefit-strip-inner{
      border:1px solid #e4e9ef;
    }
    .benefit-link{
      color:inherit;
      text-decoration:none;
      min-width:0;
      cursor:pointer;
      transition:transform .22s ease, background-color .22s ease, box-shadow .22s ease;
    }
    .benefit-link:hover{
      background:#f8fbff;
      transform:translateY(-2px);
      box-shadow:0 8px 20px rgba(18,38,63,.08);
      position:relative;
      z-index:2;
    }
    .benefit-link .benefit-icon{
      transition:transform .22s ease, background-color .22s ease, border-color .22s ease;
    }
    .benefit-link:hover .benefit-icon{
      transform:scale(1.06);
      background:#eef6ff;
      border-color:#d1e1f1;
    }
    .benefit-link strong{
      font-size:11px;
      line-height:1.25;
    }
    .benefit-link span{
      display:block;
      margin-top:3px;
      line-height:1.35;
    }

    /* 3/4/5. Footer: proporciones, sucursales y redes sociales. */
    @media (min-width:1251px){
      .footer-reference-inner{
        grid-template-columns:1.04fr 1.18fr 1fr 1.08fr !important;
        gap:44px !important;
      }
    }

    .footer-reference-brand p{
      max-width:320px !important;
      color:#eef3f8 !important;
    }

    .footer-branches.footer-branches-grid{
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      column-gap:16px !important;
      row-gap:9px !important;
      max-width:490px !important;
    }
    .footer-branch-link{
      grid-template-columns:13px minmax(0,1fr) !important;
      gap:5px !important;
      align-items:center !important;
      font-size:11px !important;
      line-height:1.2 !important;
    }
    .footer-location-icon-img{
      width:11px !important;
      height:14px !important;
    }

    .footer-social-follow{
      margin-top:18px;
      display:flex;
      align-items:center;
      gap:13px;
      flex-wrap:wrap;
    }
    .footer-social-follow > strong{
      color:var(--footer-orange);
      font-size:12px;
      line-height:1;
      font-weight:800;
      letter-spacing:.2px;
    }
    .footer-social-icons{
      display:flex;
      align-items:center;
      gap:8px;
    }
    .footer-social-icons a{
      width:27px;
      height:27px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.22);
      border-radius:50%;
      color:#fff;
      text-decoration:none;
      transition:transform .2s ease, background-color .2s ease, border-color .2s ease;
    }
    .footer-social-icons a:hover{
      transform:translateY(-2px);
      background:rgba(255,255,255,.10);
      border-color:rgba(255,255,255,.40);
    }
    .footer-social-icons .icon{
      width:14px;
      height:14px;
    }

    @media(max-width:1250px){
      .footer-branches.footer-branches-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        max-width:520px !important;
      }
    }

    @media(max-width:700px){
      .footer-social-follow{margin-top:15px;}
      .footer-social-follow > strong{font-size:11px;}
      .footer-social-icons a{width:30px;height:30px;}
      .footer-social-icons .icon{width:15px;height:15px;}
    }


    /* ==========================================================
       V41: MOBILE TOPBAR + PROMOS COLAPSABLES + BUSCADOR AMPLIO
       ========================================================== */
    @media(max-width:960px){
      /* 1) Envío: vínculo centrado y hover naranja */
      .topbar-inner{justify-content:center !important;}
      .topbar-benefits{width:100%;justify-content:center !important;}
      .topbar-benefits > span{display:none !important;}
      .topbar-shipping-link{
        display:inline-flex !important;
        align-items:center;
        justify-content:center;
        gap:7px;
        color:#fff !important;
        opacity:1 !important;
        text-decoration:none !important;
        font-weight:700;
        transition:color .22s ease, transform .22s ease;
      }
      .topbar-shipping-link:hover,
      .topbar-shipping-link:focus-visible{
        color:var(--alb-orange) !important;
        transform:translateY(-1px);
        outline:none;
      }

      /* 3) Buscador: ocupa casi todo el ancho; la columna derecha queda sólo para íconos */
      .mobile-search-tools{
        position:relative;
        grid-template-columns:minmax(0,1fr) 48px !important;
        gap:8px !important;
        overflow:visible !important;
      }
      .mobile-search-box{width:100%;min-width:0;z-index:1;}
      .mobile-search-box input{width:100% !important;}

      /* 2) Accesos rápidos: sólo íconos en reposo */
      .mobile-header-promos{
        position:relative !important;
        width:48px !important;
        min-width:48px !important;
        height:48px;
        display:block !important;
        overflow:visible !important;
        z-index:20;
      }
      .mobile-promo-collapsible{
        position:absolute !important;
        right:0;
        width:42px !important;
        min-width:42px !important;
        height:42px !important;
        min-height:42px !important;
        padding:0 !important;
        border-radius:9px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:8px !important;
        overflow:hidden !important;
        white-space:nowrap !important;
        box-shadow:none;
        transition:width .24s ease, padding .24s ease, background-color .24s ease, color .24s ease, box-shadow .24s ease !important;
        will-change:width;
      }
      .mobile-credit-link{top:-21px;color:#fff !important;background:transparent !important;}
      .mobile-moto-link{top:23px;color:var(--alb-orange) !important;background:transparent !important;}

      .mobile-credit-link .icon{
        width:28px !important;height:28px !important;flex:0 0 28px !important;
        margin-right:7px;
      }
      .mobile-moto-link .moto-ref-icon{
        width:34px !important;height:24px !important;flex:0 0 34px !important;
        margin-right:4px;
      }
      .mobile-promo-label{
        display:block;
        max-width:0;
        opacity:0;
        overflow:hidden;
        font-size:11px;
        font-weight:800;
        transition:max-width .24s ease, opacity .18s ease;
      }

      .mobile-promo-collapsible:hover,
      .mobile-promo-collapsible:focus-visible,
      .mobile-promo-collapsible.is-expanded{
        width:205px !important;
        padding:0 13px !important;
        justify-content:flex-start !important;
        box-shadow:0 6px 16px rgba(0,0,0,.16);
        outline:none;
      }
      .mobile-credit-link:hover,
      .mobile-credit-link:focus-visible,
      .mobile-credit-link.is-expanded{
        background:#fff !important;
        color:var(--alb-blue) !important;
      }
      .mobile-moto-link:hover,
      .mobile-moto-link:focus-visible,
      .mobile-moto-link.is-expanded{
        background:var(--alb-orange) !important;
        color:#fff !important;
      }
      .mobile-promo-collapsible:hover .mobile-promo-label,
      .mobile-promo-collapsible:focus-visible .mobile-promo-label,
      .mobile-promo-collapsible.is-expanded .mobile-promo-label{
        max-width:150px;
        opacity:1;
      }
      .mobile-promo-collapsible:hover .icon,
      .mobile-promo-collapsible:focus-visible .icon,
      .mobile-promo-collapsible.is-expanded .icon{
        color:currentColor !important;
      }
    }

    @media(max-width:520px){
      .mobile-search-tools{
        grid-template-columns:minmax(0,1fr) 44px !important;
        gap:5px !important;
      }
      .mobile-header-promos{width:44px !important;min-width:44px !important;}
      .mobile-promo-collapsible:hover,
      .mobile-promo-collapsible:focus-visible,
      .mobile-promo-collapsible.is-expanded{width:190px !important;}
      .mobile-promo-label{font-size:10.5px;}
    }


    /* ==========================================================
       V42: FIX MOBILE - DESPLEGABLES CRÉDITO / MOTO
       ========================================================== */
    @media(max-width:960px){
      /* Los button heredaban max-width:100%, por eso Crédito no podía
         crecer más allá de la columna de 48px. */
      .mobile-promo-collapsible{
        max-width:none !important;
      }

      /* Crédito: fondo blanco + texto e ícono azul al desplegar. */
      .mobile-credit-link:hover .icon,
      .mobile-credit-link:focus-visible .icon,
      .mobile-credit-link.is-expanded .icon{
        color:var(--alb-blue) !important;
        stroke:currentColor !important;
      }

      /* Moto: la silueta PNG naranja pasa a blanco sobre fondo naranja. */
      .mobile-moto-link:hover .moto-ref-icon,
      .mobile-moto-link:focus-visible .moto-ref-icon,
      .mobile-moto-link.is-expanded .moto-ref-icon{
        filter:brightness(0) invert(1) !important;
      }

      /* En reposo conserva el color original de la moto. */
      .mobile-moto-link:not(:hover):not(:focus-visible):not(.is-expanded) .moto-ref-icon{
        filter:none !important;
      }

      /* Asegura que el desplegable activo quede por encima del buscador
         y del otro acceso rápido. */
      .mobile-promo-collapsible.is-expanded{
        z-index:30 !important;
      }
    }


    /* ==========================================================
       V43: AJUSTE FINO MOBILE - ÍCONOS CRÉDITO / MOTO
       ========================================================== */
    @media(max-width:960px){
      /* Acercamos verticalmente ambos accesos rápidos */
      .mobile-credit-link{
        top:-15px !important;
      }
      .mobile-moto-link{
        top:18px !important;
      }

      /* Un poco más de ancho útil para que ningún ícono quede recortado */
      .mobile-header-promos{
        width:48px !important;
        min-width:48px !important;
      }
      .mobile-promo-collapsible{
        width:46px !important;
        min-width:46px !important;
      }

      .mobile-credit-link .icon{
        width:27px !important;
        height:27px !important;
        flex:0 0 27px !important;
        margin-right:8px !important;
      }

      .mobile-moto-link .moto-ref-icon{
        width:32px !important;
        height:23px !important;
        flex:0 0 32px !important;
        margin-right:7px !important;
        background-size:contain !important;
        background-position:center !important;
      }

      /* Conserva exactamente el comportamiento desplegable ya corregido */
      .mobile-promo-collapsible:hover,
      .mobile-promo-collapsible:focus-visible,
      .mobile-promo-collapsible.is-expanded{
        width:205px !important;
      }
    }

    @media(max-width:520px){
      .mobile-credit-link{
        top:-14px !important;
      }
      .mobile-moto-link{
        top:17px !important;
      }

      .mobile-header-promos{
        width:44px !important;
        min-width:44px !important;
      }
      .mobile-promo-collapsible{
        width:44px !important;
        min-width:44px !important;
      }

      .mobile-credit-link .icon{
        width:25px !important;
        height:25px !important;
        flex-basis:25px !important;
        margin-right:7px !important;
      }

      .mobile-moto-link .moto-ref-icon{
        width:30px !important;
        height:22px !important;
        flex-basis:30px !important;
        margin-right:6px !important;
      }

      .mobile-promo-collapsible:hover,
      .mobile-promo-collapsible:focus-visible,
      .mobile-promo-collapsible.is-expanded{
        width:190px !important;
      }
    }


    /* ==========================================================
       V44: POPUP RESPONSIVE - ENVÍOS A DOMICILIO
       ========================================================== */
    .shipping-info-modal{
      position:fixed;
      inset:0;
      z-index:1000005;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
      background:rgba(2,18,34,.78);
      backdrop-filter:blur(7px);
      -webkit-backdrop-filter:blur(7px);
    }

    .shipping-info-modal.is-open{
      display:flex;
      animation:shippingOverlayIn .18s ease-out;
    }

    @keyframes shippingOverlayIn{
      from{opacity:0}
      to{opacity:1}
    }

    .shipping-info-dialog{
      position:relative;
      width:min(94vw,1500px);
      max-height:92dvh;
      overflow:auto;
      border-radius:18px;
      background:#084a80;
      box-shadow:0 28px 90px rgba(0,0,0,.42);
      animation:shippingDialogIn .22s ease-out;
      scrollbar-width:thin;
    }

    @keyframes shippingDialogIn{
      from{opacity:0;transform:translateY(12px) scale(.985)}
      to{opacity:1;transform:none}
    }

    .shipping-info-picture{
      display:block;
      width:100%;
      line-height:0;
    }

    .shipping-info-picture img{
      display:block;
      width:100%;
      height:auto;
      max-width:none;
    }

    .shipping-info-close{
      position:sticky;
      float:right;
      top:12px;
      right:12px;
      z-index:4;
      width:42px;
      height:42px;
      margin:12px 12px -54px 0;
      border:2px solid rgba(255,255,255,.92);
      border-radius:50%;
      background:rgba(0,40,77,.90);
      color:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      box-shadow:0 6px 20px rgba(0,0,0,.28);
      transition:transform .18s ease, background-color .18s ease;
    }

    .shipping-info-close:hover{
      transform:scale(1.06);
      background:#003b71;
    }

    .shipping-info-close .icon{
      width:20px;
      height:20px;
      stroke-width:2.2;
    }

    body.shipping-popup-open{
      overflow:hidden !important;
    }

    /* Hace evidente que ambos accesos de Envíos son interactivos. */
    .topbar-shipping-link,
    .shipping-popup-trigger{
      cursor:pointer;
    }

    @media(max-width:960px){
      .shipping-info-modal{
        align-items:center;
        padding:10px;
      }

      .shipping-info-dialog{
        width:min(96vw,620px);
        max-height:94dvh;
        border-radius:15px;
      }

      .shipping-info-close{
        width:38px;
        height:38px;
        top:8px;
        right:8px;
        margin:8px 8px -46px 0;
      }

      .shipping-info-close .icon{
        width:18px;
        height:18px;
      }
    }



    /* ==========================================================
       V47: BUSCADOR MOBILE + PROMOS BAJO RUBROS + FOOTER CV
       ========================================================== */
    .mobile-home-promos{display:none;}

    .footer-work-with-us{
      margin-top:18px;
      display:grid;
      gap:3px;
    }
    .footer-work-with-us strong{
      color:var(--footer-orange);
      font-size:12px;
      line-height:1.15;
      font-weight:800;
      letter-spacing:.15px;
    }
    .footer-work-with-us a{
      width:max-content;
      max-width:100%;
      color:#f2f5f9;
      text-decoration:none;
      font-size:12px;
      line-height:1.4;
      transition:color .2s ease, transform .2s ease;
    }
    .footer-work-with-us a:hover{
      color:#fff;
      transform:translateX(2px);
      text-decoration:underline;
      text-underline-offset:3px;
    }

    /* Redes debajo del bloque institucional, como la referencia */
    .footer-reference-brand .footer-social-follow{
      margin-top:18px;
      display:flex;
      align-items:center;
      gap:13px;
      flex-wrap:wrap;
    }

    @media(max-width:960px){
      /* Buscador casi a todo el ancho: ya no existe columna de promos flotantes. */
      .mobile-search-tools{
        display:block !important;
        width:100% !important;
        min-height:64px !important;
        padding:8px 5.2% 10px !important;
        background:var(--alb-blue) !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
      }
      .mobile-search-box{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
      }
      .mobile-search-box input{
        width:100% !important;
        height:48px !important;
        padding-right:54px !important;
        border-radius:11px !important;
      }
      .mobile-search-box button{
        right:4px !important;
        top:4px !important;
        width:40px !important;
        height:40px !important;
        border-radius:9px !important;
      }
      .mobile-header-promos{display:none !important;}

      /* Nuevo módulo debajo de los rubros circulares. */
      .mobile-home-promos{
        width:100%;
        padding:8px 7.5% 9px;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        align-items:center;
        background:#f2f3f5;
        border-top:1px solid #e0e4e9;
        border-bottom:1px solid #d9dee5;
      }
      .mobile-home-promo{
        min-width:0;
        min-height:52px;
        padding:0 14px;
        border-radius:10px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        text-decoration:none;
        white-space:nowrap;
        font-size:14px;
        line-height:1;
        font-weight:800;
        box-shadow:0 4px 12px rgba(18,38,63,.08);
        transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
        transform-origin:center;
      }
      .mobile-home-promo:hover,
      .mobile-home-promo:focus-visible{
        transform:scale(1.035);
        box-shadow:0 8px 18px rgba(18,38,63,.14);
        outline:none;
      }
      .mobile-home-promo:active{
        transform:scale(1.025);
      }
      .mobile-home-credit{
        background:var(--alb-blue);
        color:#fff;
      }
      .mobile-home-credit .icon{
        width:29px;
        height:29px;
        flex:0 0 29px;
        color:#fff;
        stroke:currentColor;
      }
      .mobile-home-moto{
        background:var(--alb-orange);
        color:#fff;
      }
      .mobile-home-moto .moto-ref-icon{
        width:40px !important;
        height:29px !important;
        flex:0 0 40px !important;
        filter:brightness(0) invert(1) !important;
        background-size:contain !important;
        background-position:center !important;
        margin:0 !important;
      }

      /* El recomendado queda inmediatamente después del nuevo módulo. */
      .home-featured-heading{margin-top:8px !important;}
    }

    @media(max-width:700px){
      .mobile-search-tools{padding-inline:5.2% !important;}
      .mobile-home-promos{padding-inline:5.5%;gap:8px;}
      .mobile-home-promo{min-height:50px;padding-inline:11px;font-size:12.5px;gap:7px;}
      .mobile-home-credit .icon{width:27px;height:27px;flex-basis:27px;}
      .mobile-home-moto .moto-ref-icon{width:36px !important;height:26px !important;flex-basis:36px !important;}
      .footer-work-with-us{margin-top:16px;}
      .footer-work-with-us strong{font-size:11px;}
      .footer-work-with-us a{font-size:11px;}
    }

    @media(max-width:420px){
      .mobile-search-tools{padding-inline:5% !important;}
      .mobile-home-promos{padding-inline:5%;gap:7px;}
      .mobile-home-promo{min-height:48px;padding-inline:8px;font-size:11px;gap:6px;}
      .mobile-home-credit .icon{width:25px;height:25px;flex-basis:25px;}
      .mobile-home-moto .moto-ref-icon{width:33px !important;height:24px !important;flex-basis:33px !important;}
    }



    /* ==========================================================
       V48: CHECKOUT / CARRITO - DISEÑO Y MEDIOS DE PAGO
       ========================================================== */
    #modal-cart .modal-content{
      max-width:760px !important;
    }

    .cart-product-main{
      width:100%;
      display:grid;
      grid-template-columns:78px minmax(0,1fr) auto;
      gap:14px;
      align-items:center;
    }

    .cart-product-thumb{
      width:78px;
      height:78px;
      border-radius:9px;
      background:#fff;
      border:1px solid #edf0f4;
      overflow:hidden;
      display:grid;
      place-items:center;
      flex:0 0 auto;
    }
    .cart-product-thumb img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .cart-product-thumb-fallback{
      color:#9aa6b6;
      font-size:9px;
      text-align:center;
      padding:6px;
    }

    .cart-product-copy{min-width:0;}
    .cart-product-copy strong{
      color:#172033;
      font-size:13px;
      line-height:1.35;
      font-weight:800;
    }

    .cart-buy-button{
      min-height:48px !important;
      font-family:'Montserrat',Arial,sans-serif !important;
      font-size:17px !important;
      line-height:1 !important;
      font-weight:800 !important;
      letter-spacing:.1px;
      background:#003b71 !important;
      color:#fff !important;
      border-radius:10px !important;
      transition:background-color .24s ease, transform .18s ease, box-shadow .24s ease !important;
      box-shadow:0 6px 18px rgba(0,59,113,.16);
    }
    .cart-buy-button:hover,
    .cart-buy-button:focus-visible,
    .cart-buy-button:active{
      background:#f58220 !important;
      color:#fff !important;
      transform:translateY(-1px);
      box-shadow:0 8px 22px rgba(245,130,32,.25);
      outline:none;
    }

    .checkout-shipping-visuals{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      gap:12px;
      align-items:stretch;
      margin:4px 0 15px;
    }
    .checkout-shipping-visuals #badge-info-envio{
      margin:0 !important;
      min-height:92px;
      border-radius:12px !important;
      padding:14px 16px !important;
      justify-content:center;
      text-align:left;
      font-size:12px !important;
      line-height:1.3;
    }
    .checkout-shipping-visuals #mapa-envio-container{
      margin:0 !important;
      width:100%;
      min-height:92px;
      height:92px !important;
      border-radius:12px !important;
    }
    .checkout-shipping-visuals #iframe-mapa-envio{
      width:100% !important;
      height:92px !important;
      display:block;
    }

    .pasarelas-selector{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px !important;
      margin:8px 0 15px !important;
    }
    .payment-option{
      position:relative;
      min-width:0;
      min-height:78px;
      padding:10px 11px !important;
      border:1px solid #cbd5e1 !important;
      border-radius:9px !important;
      background:#fff !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:8px !important;
      cursor:pointer;
      transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background-color .2s ease;
      overflow:hidden;
    }
    .payment-option:hover{
      border-color:#8aa9c6 !important;
      transform:translateY(-1px);
      box-shadow:0 5px 15px rgba(0,59,113,.08);
    }
    .payment-option:has(.payment-radio:checked),
    .payment-option.is-selected{
      border-color:#003b71 !important;
      box-shadow:0 0 0 2px rgba(0,59,113,.10);
      background:#f8fbff !important;
    }

    .payment-radio{
      appearance:none;
      -webkit-appearance:none;
      width:18px !important;
      height:18px !important;
      min-width:18px !important;
      margin:0 !important;
      padding:0 !important;
      border:1.8px solid #b6c0cc !important;
      border-radius:50% !important;
      background:#fff !important;
      display:grid;
      place-items:center;
      cursor:pointer;
      box-shadow:none !important;
      flex:0 0 18px;
    }
    .payment-radio::before{
      content:'';
      width:10px;
      height:10px;
      border-radius:50%;
      background:#003b71;
      transform:scale(0);
      transition:transform .16s ease;
    }
    .payment-radio:checked{
      border-color:#003b71 !important;
    }
    .payment-radio:checked::before{
      transform:scale(1);
    }

    .payment-brand{
      min-width:0;
      flex:1 1 auto;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .payment-brand-logo{
      display:block;
      max-width:100%;
      width:auto;
      height:42px;
      object-fit:contain;
    }
    .payment-brand-logo.logo-getnet{height:40px;}
    .payment-brand-logo.logo-bancos{height:46px;}
    .payment-brand-logo.logo-naranjax{height:36px;}
    .payment-brand-fallback{
      display:block;
      color:#1e293b;
      font-size:11px;
      line-height:1.2;
      font-weight:800;
      text-align:center;
    }

    #btn-finalizar-pago{
      min-height:48px;
      font-size:16px;
      font-weight:800;
      border-radius:10px;
    }

    @media(max-width:700px){
      #modal-cart .modal-content{max-width:none !important;}
      .cart-product-main{
        grid-template-columns:62px minmax(0,1fr);
        gap:10px;
      }
      .cart-product-thumb{width:62px;height:62px;}
      .cart-product-main .item-cart-actions{
        grid-column:1/-1;
        justify-content:flex-end;
      }
      .cart-product-copy strong{font-size:11px;}
      .cart-buy-button{font-size:15px !important;}

      .checkout-shipping-visuals{
        grid-template-columns:1fr 1fr;
        gap:8px;
      }
      .checkout-shipping-visuals #badge-info-envio{
        min-height:82px;
        padding:10px !important;
        font-size:10px !important;
      }
      .checkout-shipping-visuals #mapa-envio-container,
      .checkout-shipping-visuals #iframe-mapa-envio{
        height:82px !important;
        min-height:82px;
      }
      .pasarelas-selector{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px !important;
      }
      .payment-option{min-height:68px;padding:8px !important;}
      .payment-brand-logo{height:34px;}
      .payment-brand-logo.logo-bancos{height:38px;}
      .payment-brand-logo.logo-naranjax{height:30px;}
      #btn-finalizar-pago{font-size:14px;}
    }



    /* ==========================================================
       V49: MÉTODOS DE ENTREGA - RETIRO / GRATIS / EXPRESS
       ========================================================== */
    .checkout-pickup-badge{
      margin:0 !important;
      min-height:92px;
      border:1px solid #ceead6;
      border-radius:12px;
      padding:14px 16px;
      background:#e6f4ea;
      color:#137333;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      font-size:12px;
      line-height:1.3;
      font-weight:800;
      text-align:left;
    }
    .checkout-pickup-badge .icon{width:26px;height:26px;flex:0 0 26px;}
    .checkout-map-box{
      margin:0;
      width:100%;
      min-height:92px;
      height:92px;
      border:1px solid #cbd5e1;
      border-radius:12px;
      overflow:hidden;
      background:#f8fafc;
    }
    .checkout-map-box iframe{width:100%;height:92px;display:block;}

    #badge-info-envio.is-express{
      padding:0 !important;
      overflow:hidden;
      border:0 !important;
      background:#ef3127 !important;
      color:#fff !important;
    }
    #badge-info-envio.is-express img{
      width:100%;
      height:100%;
      min-height:92px;
      object-fit:cover;
      display:block;
    }

    @media(max-width:700px){
      .checkout-pickup-badge{
        min-height:82px;
        padding:10px;
        font-size:10px;
        gap:7px;
      }
      .checkout-pickup-badge .icon{width:22px;height:22px;flex-basis:22px;}
      .checkout-map-box,.checkout-map-box iframe{height:82px;min-height:82px;}
      #badge-info-envio.is-express img{min-height:82px;}
    }


    /* ==========================================================
       V50: MOTO / THUMBNAILS LIMPIOS / COMPRA SEGURA
       ========================================================== */
    .nav-moto-site{
      color:#fff !important;
      font-weight:700 !important;
    }
    .nav-moto-site:hover{color:#fff !important;}

    /* En las tarjetas del catálogo sólo se conserva DESTACADO. */
    .card .badge-container .badge{display:none !important;}

    .footer-safe-purchase{
      width:fit-content;
      max-width:100%;
      min-height:46px;
      margin-top:12px;
      padding:10px 16px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:8px;
      background:#203d6b;
      color:#fff;
      display:inline-flex;
      align-items:center;
      gap:10px;
      box-shadow:0 6px 16px rgba(0,0,0,.10);
    }
    .footer-safe-purchase strong{
      color:#fff;
      font-size:13px;
      line-height:1.15;
      font-weight:800;
      white-space:nowrap;
    }
    .footer-safe-icons{
      position:relative;
      width:36px;
      height:30px;
      flex:0 0 36px;
      display:block;
    }
    .footer-safe-cart{
      position:absolute;
      left:0;
      bottom:0;
      width:28px;
      height:28px;
      color:#fff;
      stroke-width:1.9;
    }
    .footer-safe-shield{
      position:absolute;
      right:0;
      top:0;
      width:19px;
      height:19px;
      border-radius:5px;
      background:#31b44b;
      display:grid;
      place-items:center;
      box-shadow:0 2px 6px rgba(0,0,0,.16);
    }
    .footer-safe-shield .icon{
      width:15px;
      height:15px;
      color:#fff;
      stroke-width:2.2;
    }

    @media(max-width:960px){
      #mobile-cat-img-motos{
        width:142% !important;
        max-height:88% !important;
        transform:translate(-50%,-49%) !important;
      }
    }
    @media(max-width:520px){
      #mobile-cat-img-motos{width:148% !important;}
    }
    @media(max-width:700px){
      .footer-safe-purchase{min-height:44px;padding:9px 13px;}
      .footer-safe-purchase strong{font-size:12px;}
    }

  

    /* ==========================================================
       V51: MIS COMPRAS / CARRITO / PERFIL FACTURACION / FOOTER
       ========================================================== */
    .footer-safe-purchase{
      min-height:0 !important;
      margin-top:10px !important;
      padding:2px 0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      gap:8px !important;
    }
    .footer-safe-purchase strong{font-size:11px !important;}
    .footer-safe-icons{width:30px !important;height:25px !important;flex-basis:30px !important;}
    .footer-safe-cart{width:23px !important;height:23px !important;}
    .footer-safe-shield{width:16px !important;height:16px !important;border-radius:4px !important;}
    .footer-safe-shield .icon{width:12px !important;height:12px !important;}

    .cart-summary-row .cart-billing-link{order:1;}
    .cart-summary-row .cart-total-line{order:2;margin-left:auto !important;text-align:right !important;}

    #modal-perfil.billing-mode .perfil-password-row{display:none !important;}

    .mis-compras-modal-content{
      position:relative;
      max-width:760px !important;
      padding:25px !important;
    }
    .mis-compras-title{
      margin:0 52px 18px 0 !important;
      font-size:20px !important;
      color:var(--alb-blue) !important;
      font-weight:800 !important;
    }
    .mis-compras-title .icon{width:24px;height:24px;}
    .mis-compras-close{
      position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;
      background:var(--alb-blue);color:#fff;display:grid;place-items:center;cursor:pointer;
      box-shadow:0 6px 18px rgba(0,59,113,.22);z-index:4;transition:.2s ease;
    }
    .mis-compras-close:hover{background:var(--alb-blue-dark);transform:scale(1.05);}
    .mis-compras-close .icon{width:19px;height:19px;}
    .mis-compras-order{
      border:1px solid #dfe6ee;border-radius:14px;padding:16px 18px;margin-bottom:14px;background:#f8fafc;
    }
    .mis-compras-order-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;}
    .mis-compras-order-head strong{color:var(--alb-blue);font-size:17px;font-weight:800;}
    .mis-compras-order-head span{font-size:11px;color:#64748b;}
    .mis-compras-items{display:grid;gap:10px;margin:5px 0 13px;}
    .mis-compras-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;}
    .mis-compras-thumb{width:58px;height:58px;border-radius:7px;background:#fff;border:1px solid #edf0f4;overflow:hidden;display:grid;place-items:center;}
    .mis-compras-thumb img{width:100%;height:100%;object-fit:contain;display:block;}
    .mis-compras-thumb-fallback{font-size:8px;color:#94a3b8;text-align:center;padding:4px;}
    .mis-compras-item-copy{font-size:11.5px;color:#475569;line-height:1.45;}
    .mis-compras-meta{display:grid;gap:8px;margin:13px 0 14px;padding:12px 0;border-top:1px solid #d8e0e9;border-bottom:1px solid #d8e0e9;}
    .mis-compras-meta-row{display:flex;align-items:center;gap:8px;color:#202a38;font-size:11.5px;line-height:1.4;}
    .mis-compras-meta-row .icon{width:18px;height:18px;color:var(--alb-blue);flex:0 0 auto;}
    .mis-compras-payment-logo{height:25px;max-width:105px;object-fit:contain;margin-left:5px;vertical-align:middle;}
    .mis-compras-order-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;}
    .mis-compras-total{color:var(--alb-blue);font-size:18px;font-weight:800;white-space:nowrap;}
    .mis-compras-order-footer .btn-arrepentimiento-compra{margin-left:auto;padding:9px 14px !important;border-radius:8px !important;font-size:10.5px !important;}
    .mis-compras-expired{margin-left:auto;font-size:10px;color:#94a3b8;text-align:right;}
    .mis-compras-bottom-close{width:100%;margin-top:6px;padding:10px;border:0;background:transparent;color:#64748b;font-size:11px;font-weight:700;cursor:pointer;}

    @media(max-width:700px){
      .footer-safe-purchase{padding:1px 0 !important;}
      .footer-safe-purchase strong{font-size:10px !important;}
      .mis-compras-modal-content{padding:18px 14px !important;}
      .mis-compras-title{font-size:17px !important;margin-right:42px !important;}
      .mis-compras-order{padding:13px 12px;}
      .mis-compras-order-head strong{font-size:15px;}
      .mis-compras-item{grid-template-columns:50px minmax(0,1fr);gap:9px;}
      .mis-compras-thumb{width:50px;height:50px;}
      .mis-compras-item-copy,.mis-compras-meta-row{font-size:10.5px;}
      .mis-compras-order-footer{align-items:flex-end;}
      .mis-compras-total{font-size:15px;}
      .mis-compras-order-footer .btn-arrepentimiento-compra{font-size:9px !important;padding:8px 10px !important;}
      .cart-summary-row{grid-template-columns:1fr auto !important;align-items:center !important;}
      .cart-summary-row .cart-billing-link{grid-column:1;justify-content:flex-start;}
      .cart-summary-row .cart-total-line{grid-column:2;text-align:right !important;}
    }

    @media(max-width:460px){
      .cart-summary-row{grid-template-columns:1fr !important;}
      .cart-summary-row .cart-billing-link,.cart-summary-row .cart-total-line{grid-column:1;}
      .cart-summary-row .cart-total-line{margin-left:0 !important;text-align:left !important;}
    }


    /* ==========================================================
       V52: TIPOGRAFÍA NAV / HEADER MOBILE / FILTROS / FOOTER
       ========================================================== */

    /* 1. NAV DESKTOP: Montserrat Regular, mayúsculas y un poco mayor.
       Crédito y Moto conservan Extra-Bold. */
    @media (min-width:961px){
      .nav-inner-main .mega-trigger,
      .nav-inner-main .nav-link{
        font-family:'Montserrat',Arial,sans-serif !important;
        text-transform:uppercase !important;
        font-size:14px !important;
        font-weight:400 !important;
        letter-spacing:.05px !important;
      }

      .nav-inner-main .credit-link,
      .nav-inner-main .motos-link{
        font-weight:800 !important;
      }

      /* Mantener legibilidad en resoluciones desktop intermedias sin
         perder la nueva jerarquía tipográfica. */
      @media (max-width:1450px){
        .nav-inner-main .mega-trigger,
        .nav-inner-main .nav-link{
          font-size:13px !important;
        }
      }

      @media (max-width:1230px){
        .nav-inner-main .mega-trigger,
        .nav-inner-main .nav-link{
          font-size:11.5px !important;
        }
      }
    }

    /* 2. MOBILE: icono de usuario arriba y Mi Perfil / Ingresar debajo. */
    @media(max-width:960px){
      #user-header-area .header-user-link{
        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;
        gap:2px !important;
        min-width:50px !important;
        max-width:58px !important;
        padding:4px 3px !important;
        line-height:1 !important;
        text-align:center !important;
        white-space:normal !important;
      }

      #user-header-area .header-user-link .icon{
        width:18px !important;
        height:18px !important;
        flex:0 0 18px !important;
      }

      #user-header-area .header-user-link .mobile-profile-label,
      #user-header-area .header-user-link .login-label{
        display:block !important;
        width:100% !important;
        font-size:8.5px !important;
        line-height:1.05 !important;
        font-weight:600 !important;
        white-space:nowrap !important;
        text-align:center !important;
      }

      .header-user-profile{
        max-width:58px !important;
      }
    }

    @media(max-width:520px){
      #user-header-area .header-user-link{
        min-width:46px !important;
        max-width:50px !important;
      }

      #user-header-area .header-user-link .mobile-profile-label,
      #user-header-area .header-user-link .login-label{
        font-size:8px !important;
      }
    }

    @media(max-width:390px){
      #user-header-area .header-user-link .login-label{
        display:block !important;
      }
    }

    /* 3. FILTROS AVANZADOS: Montserrat Regular; títulos en mayúsculas. */
    .filtros-avanzados,
    .filtros-avanzados *{
      font-family:'Montserrat',Arial,sans-serif !important;
    }

    .filtros-avanzados-desktop-title,
    .filtros-avanzados-toggle,
    .filtro-avanzado-label{
      font-weight:400 !important;
    }

    .filtros-avanzados-desktop-title,
    .filtros-avanzados-toggle-label,
    .filtro-avanzado-label{
      text-transform:uppercase !important;
    }

    .filtro-atributo-dinamico,
    .btn-limpiar-avanzados{
      font-weight:400 !important;
    }

    /* 4. FOOTER: logo transparente y títulos más chicos / Regular. */
    .footer-reference-title{
      font-family:'Montserrat',Arial,sans-serif !important;
      font-size:12px !important;
      font-weight:400 !important;
      letter-spacing:.1px !important;
    }

    .footer-social-follow > strong,
    .footer-work-with-us strong{
      font-family:'Montserrat',Arial,sans-serif !important;
      font-size:11px !important;
      font-weight:400 !important;
      letter-spacing:.1px !important;
    }

    @media(max-width:700px){
      .footer-reference-title{
        font-size:11.5px !important;
      }

      .footer-social-follow > strong,
      .footer-work-with-us strong{
        font-size:10.5px !important;
      }
    }


    /* ==========================================================
       V53: AJUSTES FINALES VISUALES
       ========================================================== */

    /* 1. Título Filtros avanzados siempre en mayúsculas */
    .resultados-filtros-toggle,
    .filtros-avanzados-desktop-title,
    .filtros-avanzados-toggle-label{
      text-transform:uppercase !important;
    }

    /* 3. Footer: logo considerablemente más chico para evitar pixelado */
    .footer-reference-brand img{
      width:170px !important;
      max-width:170px !important;
      height:auto !important;
    }

    @media(max-width:700px){
      .footer-reference-brand img{
        width:150px !important;
        max-width:150px !important;
      }
    }

    /* 4. Footer: títulos en formato Mayúscula/Minúscula como referencia */
    .footer-reference-title,
    .footer-work-with-us strong{
      text-transform:none !important;
    }