/* CSS de la ficha de producto.
   Estaba embebido en product.php: 114 KB que el navegador volvia a descargar en CADA ficha que
   abria el cliente, aunque no cambiara nunca. Como archivo aparte se descarga UNA vez y despues
   sale de la cache del navegador y de Cloudflare. Ver <link> en product.php con ?v=<fecha>. */

    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#ffffff;color:#0f172a}
    .container-page{max-width:1100px;margin:0 auto;padding:20px}
    /* Breadcrumb estilo Temu */
    .breadcrumb-nav{display:flex;align-items:center;gap:4px;font-size:13px;margin-bottom:12px;flex-wrap:wrap}
    .breadcrumb-nav a{color:#666;text-decoration:none;transition:color .15s}
    .breadcrumb-nav a:hover{color:#000;text-decoration:underline}
    .breadcrumb-nav .sep{color:#999;font-size:11px;margin:0 2px}
    .breadcrumb-nav .current{color:#333;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    @media(max-width:600px){ .container-page{ padding:12px } }
    @media(min-width:1280px){ .container-page{ max-width:1200px } }
    @media(min-width:1536px){ .container-page{ max-width:1360px } }
    @media(min-width:1920px){ .container-page{ max-width:1600px } }
    .card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}
  .prod-grid{display:grid;grid-template-columns:max-content 1fr;gap:20px;align-items:start}
  @media(max-width:900px), (orientation: portrait){ .prod-grid{grid-template-columns:1fr} }
  /* Descripción y reseñas son hijos directos del grid: deben ocupar todo el ancho y poder
     achicarse (min-width:0) para que el texto largo AJUSTE/envuelva en vez de estirar la
     columna max-content y desbordar la página hacia la derecha. */
  /* La descripción va SOLO en la columna 1 (izquierda, debajo de la galería) para que la buy-box
     sticky de la columna 2 no la pise al hacer scroll. El truco width:0 + min-width:100% hace que la
     descripción LLENE la columna 1 sin inflar su track max-content (si no, su contenido ancho —imágenes,
     tablas— ensancha la columna y empuja la buy-box fuera de pantalla). En móvil el grid es de 1 sola
     columna, así que igual ocupa todo el ancho. */
  #prod-desc{ grid-column:1; width:0; min-width:100%; max-width:100%; }
  #reviews-placeholder{ grid-column:1 / -1; min-width:0; max-width:100%; }
  .gallery{position:relative}
  /* Columna de imagen estable en desktop: entre 360px y 600px evita saltos al abrir DevTools */
  .vgal{display:grid;grid-template-columns:64px minmax(360px,600px);gap:14px;align-items:stretch;margin-left:0; --tile:64px}
  /* Contenedor del principal: altura ajustada al viewport para evitar scroll excesivo */
  .zoom-wrap{position:relative;width:100%;max-width:600px;height:calc(100vh - 140px);min-height:400px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eef2f7;border-radius:8px;overflow:hidden}
  .zoom-wrap #main-img, .zoom-wrap #main-video{width:100%;height:100%;object-fit:contain;display:block}
  @media(max-width:900px), (orientation: portrait){ .zoom-wrap{ width:100%; max-width:none; height:auto; aspect-ratio:1/1; } }
  /* Móviles: recuadro fijo independiente del tamaño de la imagen */
  @media(max-width:600px){
    .zoom-wrap{ width:100%; height:360px; max-width:none; aspect-ratio:auto; overflow:hidden; padding:0; }
    .zoom-wrap #main-img, .zoom-wrap #main-video{ width:100%; height:100%; object-fit:contain; }
  }
  /* Sticky derecha en desktop */
  @media(min-width:901px) and (orientation: landscape){ .buy-box{ position:sticky; top:16px } }
  /* Asegurar que sticky no se corte por overflow de ancestros */
  .container-page, .prod-grid{overflow:visible}
  .reviews-mobile{margin-top:32px}

  /* === Barra resumen de reseñas === */
  .rv-summary-bar{
    display:flex;
    align-items:flex-end;
    gap:10px;
    padding:10px 0 10px 4px;
    margin-top:8px;
    padding-bottom:14px;
    border-bottom:1px solid #e5e7eb;
    margin-bottom:12px;
    flex-wrap:wrap;
    grid-column:1 / -1;
  }
  .rv-summary-count{
    font-size:16px;
    font-weight:700;
    color:#0f172a;
    white-space:nowrap;
    line-height:1;
    padding-bottom:0;
  }
  .rv-summary-sep{
    width:1px;
    height:16px;
    background:#cbd5e1;
    flex-shrink:0;
    align-self:flex-end;
    margin-bottom:2px;
  }
  .rv-summary-rating{
    display:inline-flex;
    align-items:flex-end;
    gap:6px;
    font-size:20px;
    font-weight:800;
    color:#0f172a;
    white-space:nowrap;
    line-height:1;
  }
  .rv-summary-rating-num{ line-height:1; padding-bottom:0; }
  .rv-star-icon{
    width:30px;
    height:30px;
    flex-shrink:0;
    align-self:flex-start;
    display:block;
  }
  .rv-star-icon.filled{ fill:#f59e0b }
  .rv-star-icon.empty{ fill:#d1d5db }
  .rv-verified-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
    padding:5px 14px 5px 5px;
    border-radius:999px 18px 18px 999px;
    border:1.5px solid #16a34a;
    background:#f0fdf4;
    color:#15803d;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    transition:background .15s, border-color .15s;
    white-space:nowrap;
    overflow:visible;
  }
  .rv-verified-badge:hover{ background:#dcfce7; border-color:#15803d }
  .rv-verified-cap{ display:grid; place-items:center; line-height:0; background:#16a34a; border-radius:50%; width:26px; height:26px; min-width:26px; min-height:26px; flex:0 0 26px; box-sizing:content-box; padding:0; overflow:hidden; }
  .rv-verified-text{ display:inline-flex; align-items:center; min-width:0; }
  .rv-verified-icon{ width:16px; height:16px; flex-shrink:0; display:block; overflow:visible; }
  @media(max-width:600px){
    .rv-summary-bar{ gap:8px; padding:8px 0 8px 2px }
    .rv-summary-count{ font-size:14px; padding-bottom:2px }
    .rv-summary-rating{ font-size:16px }
    .rv-summary-rating-num{ padding-bottom:2px }
    .rv-star-icon{ width:20px; height:20px }
    .rv-summary-sep{ height:28px }
    .rv-verified-badge{ margin-left:0; margin-top:4px; font-size:11px; padding:4px 10px 4px 4px; }
    .rv-verified-cap{ width:22px; height:22px; }
    .rv-verified-icon{ width:13px; height:13px; }
  }
  @media(max-width:900px), (max-width:1024px) and (orientation:portrait){
    .rv-summary-bar{align-items:center;padding:8px 0;border-bottom:none;margin-bottom:10px}
    .rv-verified-badge{flex:1 0 100%;width:100%;box-sizing:border-box;justify-content:flex-start;margin-left:0;padding:6px 12px 6px 6px;gap:10px;white-space:normal}
    .rv-verified-cap{width:24px;height:24px;min-width:24px;min-height:24px;flex-basis:24px;display:flex;align-items:center;justify-content:center}
    .rv-verified-icon{width:14px;height:14px}
    .rv-verified-text{flex:1}
  }
  @media(max-width:900px), (orientation: portrait){
    body.product-layout-pending .gallery > .rv-summary-bar,
    body.product-layout-pending .gallery > #reviews-block{display:none !important}
  }

  /* === Modal reseñas verificadas === */
  .rv-verified-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:2200;
    padding:20px;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
  .rv-verified-modal.open{ display:flex }
  .rv-verified-modal-box{
    background:#fff;
    border-radius:20px;
    width:100%;
    max-width:420px;
    padding:32px 28px 24px;
    position:relative;
    box-shadow:0 25px 60px rgba(0,0,0,.18);
    animation:rvModalIn .25s ease;
  }
  @keyframes rvModalIn{
    from{ opacity:0; transform:scale(.92) translateY(12px) }
    to{ opacity:1; transform:scale(1) translateY(0) }
  }
  .rv-verified-modal-close{
    position:absolute;
    top:14px;
    right:14px;
    background:transparent;
    border:none;
    padding:6px;
    border-radius:8px;
    color:#94a3b8;
    cursor:pointer;
    transition:background .15s, color .15s;
  }
  .rv-verified-modal-close:hover{ background:#f1f5f9; color:#334155 }
  .rv-verified-modal-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    margin-bottom:24px;
  }
  .rv-verified-modal-shield{
    width:52px;
    height:52px;
    margin-bottom:14px;
  }
  .rv-verified-modal-header h3{
    font-size:18px;
    font-weight:800;
    color:#0f172a;
    margin:0;
    line-height:1.3;
  }
  .rv-verified-modal-body{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:28px;
  }
  .rv-verified-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
  }
  .rv-verified-item-icon{
    flex-shrink:0;
    width:28px;
    height:28px;
  }
  .rv-verified-item-icon svg{
    width:28px;
    height:28px;
  }
  .rv-verified-item p{
    margin:0;
    font-size:14px;
    color:#334155;
    line-height:1.5;
    font-weight:500;
  }
  .rv-verified-modal-ok{
    display:block;
    width:100%;
    padding:14px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#ec4899,#f472b6);
    color:#fff;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:filter .15s;
  }
  .rv-verified-modal-ok:hover{ filter:brightness(1.05) }
  .rv-verified-modal-ok:active{ filter:brightness(.95) }
  @media(min-width:1536px){ .zoom-wrap{ max-width:720px; } }
  @media(min-width:1920px){ .zoom-wrap{ max-width:840px; } }
  .thumb{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;background:transparent;border:none;border-radius:8px;display:block}
  @media (hover:hover){ .zoom-wrap{ cursor: none; } }
  .thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
  /* Contenedor de miniaturas con altura ajustada al viewport */
  .vgal .thumbs{flex-direction:column !important;flex-wrap:nowrap;margin-top:0;gap:8px;align-self:start}
  /* Recuadro invisible: se ajusta a la altura de la imagen principal */
  .vgal #thumbsList{ 
    align-self:start !important;
    height: calc(100vh - 140px);
    min-height: 400px;
    overflow-y: hidden !important; /* Oculto por defecto */
    overflow-x: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }
  .vgal #thumbsList::-webkit-scrollbar { width: 0; } /* Chrome/Safari/Opera */
  .vgal #thumbsList:hover { overflow-y: auto !important; } /* Habilita scroll al hover */
  /* En pantallas táctiles/móviles habilitar scroll sin hover */
  @media(max-width:900px), (orientation: portrait){ .vgal #thumbsList{ overflow-y:auto !important } }
  /* Móviles / vertical: miniaturas horizontales abajo de la imagen, con menor separación */
  @media(max-width:600px), (orientation: portrait){
    .vgal{ display:flex; flex-direction:column; gap:6px; --tile:56px; }
    .vgal .zoom-wrap{ order:1; }
    .vgal #thumbsList{ display:none !important; }
    .vgal .thumbs{ flex-direction:row !important; }
    .thumbs .t{ width: var(--tile,56px); height: var(--tile,56px); }
  }
  /* Invisible scroll: verás 9 miniaturas; la 10 y 11 quedan ocultas debajo y aparecen al scrollear */
  /* Tiles cuadradas: el alto exacto se setea por JS en base al ancho de la columna */
  .thumbs .t{
    position:relative;
    width:100%;
    height:var(--tile, 64px);
    aspect-ratio:1/1;
    border:1px solid #e5e7eb;
    border-radius:8px;
    overflow:hidden;
    background:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-sizing:border-box;
    flex-shrink:0; /* Evita que las miniaturas se encojan */
  }
  .thumbs img, .thumbs .tvid{
    width:100%;
    height:100%;
    object-fit:cover;
    border:none;
    border-radius:0;
    background:transparent;
    display:block;
  }
  .thumbs .tvid{display:flex;align-items:center;justify-content:center;color:#64748b;}
  .thumbs .tvid svg{opacity:0.8}
  .thumbs .t:hover::after{content:"";position:absolute;inset:0;border-radius:8px;background:rgba(0,0,0,.06);box-sizing:border-box}
  .thumbs .active::after{content:"";position:absolute;inset:0;border:2px solid #10b981;border-radius:8px;box-sizing:border-box}
  .zoom-wrap{position:relative}
  .zoom-lens{
    position:fixed; /* Ahora es fixed para poder salir del contenedor */
    width:280px;
    height:280px;
    border-radius:50%;
    border:10px solid #fff;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
    display:none;
    pointer-events:none;
    z-index:1000;
    background-color:#fff;
    overflow:hidden;
    margin:-140px 0 0 -140px; /* Centrar el lente en el cursor */
  }
  /* Contenedor interno que muestra la imagen con zoom y esquinas suavemente redondeadas */
  .zoom-lens .zimg{
    position:absolute;
    inset:0;
    border-radius:8px;
    background-repeat:no-repeat;
    background-position:0 0
  }
  @media(max-width:900px){
    .vgal{grid-template-columns:56px minmax(0,1fr); margin-left:0}
    .zoom-lens{width:220px;height:220px;border-width:6px}
  .zoom-wrap{width:auto; aspect-ratio:1/1; border-radius:8px}
  }
  /* Desktop/monitor: apariencia tipo marketplace (thumbs verticales + imagen principal) */
  @media(min-width:992px) and (orientation: landscape){
    .vgal{grid-template-columns:56px 700px; gap:12px; align-items:start}
    .vgal #thumbsList{
      height:700px;
      max-height:700px; /* igual a la altura del recuadro principal */
      min-height:auto;
      overflow-y:auto;
      scrollbar-width:none;
    }
    .vgal #thumbsList::-webkit-scrollbar{width:0;height:0}
    .vgal .thumbs{gap:6px}
    .thumbs .t{width:56px;height:56px;border-radius:6px;border:1px solid #d1d5db;background:#fff}
    .thumbs .t:hover::after{background:rgba(0,0,0,.04)}
    .thumbs .active::after{border:2px solid #111827;border-radius:6px}
    .zoom-wrap{width:700px;max-width:700px;height:700px !important;min-height:0;aspect-ratio:auto;border-radius:6px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.06)}
    /* Ocultar selector móvil en desktop */
    .qty-mobile{ display:none !important }
    .gc-qty{ display:inline-block !important }
    #qtyBtn{ display:inline-flex !important }
    .qty-modal-overlay{ display:none !important }
    .qty-limit-popup{ display:none !important }
  }
  .head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  .name{flex:1;min-width:0}
  .head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
  .btn-share{background:transparent;border:none;color:#6b7280;font-size:13px;padding:4px 6px;line-height:1;border-radius:8px}
  .btn-share:hover{color:#374151;text-decoration:underline}
  .buy-box .marca-badge{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:12px;color:#1e293b;font-weight:400;text-decoration:none;margin-top:6px}
  .buy-box .marca-badge:hover{background:#e2e8f0}
  .buy-box .marca-badge .marca-label{color:#64748b}
  .buy-box .marca-badge .marca-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .buy-box .marca-badge svg{width:10px;height:10px;flex-shrink:0;stroke:#6b7280}

    /* Navbar visible también en product.php móvil/vertical (a pedido) — antes se ocultaba acá en ≤900px/portrait. */

  /* Modal Compartir */
  body.gc-share-open{ overflow:hidden; }
  body.gc-share-open .gc-nav{ z-index:1 !important; }
  body.gc-share-open #gc-chat{ display:none !important; }
  .gc-share-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:2147483647;overflow:hidden;overscroll-behavior:none}
  .gc-share-box{background:#fff;border-radius:14px;border:1px solid #e5e7eb;width:92vw;max-width:420px;overflow:hidden}
  .gc-share-top{display:flex;align-items:center;justify-content:center;padding:12px 14px;position:relative}
  .gc-share-title{font-weight:800;color:#111827;text-align:center}
  .gc-share-close{background:#f3f4f6;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:0}
  .gc-share-close:hover{background:#e5e7eb}
  .gc-share-close svg{width:14px;height:14px;stroke:#9ca3af;stroke-width:2.5;stroke-linecap:round}
  .gc-share-body{padding:14px}
  .gc-share-id-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:2px}
  .gc-share-id{font-size:13px;color:#6b7280;font-weight:400}
  .gc-share-copy-id{background:transparent;border:1px solid #d1d5db;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;line-height:1.4;white-space:nowrap}
  .gc-share-copy-id:hover{background:#f3f4f6;border-color:#9ca3af}
  .gc-share-actions{display:flex;justify-content:center;gap:16px;margin-top:14px}
  .gc-share-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#111827;text-decoration:none;cursor:pointer;user-select:none;padding:0;transition:transform .12s,box-shadow .12s}
  .gc-share-btn:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(0,0,0,.12)}
  .gc-share-btn:active{transform:scale(.96)}
  .gc-share-ico{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
  .gc-share-ico svg{width:24px;height:24px;display:block}

  /* Toast "Enlace copiado" */
  .gc-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(17,24,39,.92);color:#fff;padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px;display:none;align-items:center;gap:10px;z-index:2147483647;box-shadow:0 12px 40px rgba(0,0,0,.35)}
  .gc-toast.show{display:flex;animation:gcToastIn .22s ease-out}
  .gc-toast.hide{animation:gcToastOut .18s ease-in forwards}
  .gc-toast svg{width:18px;height:18px;display:block}
  @keyframes gcToastIn{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
  @keyframes gcToastOut{from{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(10px) scale(.98)}}
  /* Favoritos: pill expandido con contador a la derecha */
  .btn-fav{background:transparent;border:1px solid #e5e7eb;border-radius:999px;height:34px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px 0 10px;color:#374151;line-height:1}
  .btn-fav svg{display:block}
  .btn-fav.active{background:#f3f4f6;border-color:#e5e7eb}
  .btn-fav .fav-count{color:inherit;font-size:12px;font-weight:700;min-width:18px;text-align:center}
  .name{font-size:clamp(13px,1.3vw,17px);font-weight:400;margin:4px 0;color:#334155}
  .meta-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:2px}
  .meta-left{font-weight:600;color:#4b5563}
  .meta-right{display:flex;align-items:center;gap:8px;color:#4b5563}
  .stars{display:inline-flex;align-items:center;gap:3px;font-size:clamp(20px,2vw,28px)}
  .stars .rv-star-icon{width:22px;height:22px}
  .meta-right{font-size:clamp(14px,1.5vw,16px)}
  /* "Más vendidos" pill: trofeo + #X | X ventas */
  .best-pill{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#4b5563;font-weight:600}
  .best-pill .best-trophy{width:14px;height:14px;color:#f59e0b;flex:0 0 14px}
  .best-pill .best-rank{color:#111827}
  .best-pill .best-sep{display:inline-block;width:1px;height:12px;background:#d1d5db;margin:0 2px}
  .best-pill:hover .best-rank{color:#ee4a89}
  .sales-pill{color:#4b5563}
  .top-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:12px;font-weight:700;color:#111827}
  .top-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#374151;margin-top:6px}
  .top-link:hover .top-badge{background:#f3f4f6}
  .top-link--multi{cursor:default}
  .top-link--multi a{color:#f06aaf;text-decoration:none;}
  .top-link--multi a:hover{color:#e91e8c}
  .top-link--multi .top-link-sep{color:#f06aaf}
    .price-line{display:flex;align-items:center;gap:8px}
    .prod-flash-row{margin:0 0 6px}
    .gc-flash-badge-pill{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(120deg,#ff2e74,#ec4899 55%,#a855f7);color:#fff;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:800;line-height:1.15;white-space:nowrap;box-shadow:0 2px 8px rgba(168,85,247,.4)}
    /* Etiqueta de oferta inline en rec-cards (consistencia con la home) + placeholder anti-gap del bestseller-row */
    .rec-card .title-row.rec-title-bottom{display:flex;align-items:flex-start;gap:4px}
    .rec-card .title-row.rec-title-bottom .name{flex:1;min-width:0}
    .rec-card .gc-offer-tags{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}
    .rec-card .gc-offer-tag{display:inline-flex;align-items:center;border-radius:3px;padding:1px 3px;font-family:'Oswald','Arial Narrow',system-ui,sans-serif;font-weight:600;font-size:11px;line-height:1;letter-spacing:-.3px;text-transform:uppercase;white-space:nowrap;color:#fff}
    .rec-card .gc-offer-tag--flash{background:linear-gradient(120deg,#ff2e74,#ec4899 55%,#a855f7)}
    .rec-card .gc-offer-tag--liq{background:linear-gradient(120deg,#f97316,#ef4444 60%,#dc2626)}
    .rec-card .bestseller-row.is-placeholder{visibility:hidden}
    .gc-flash-badge-pill svg{width:13px;height:13px;flex:0 0 auto}
    .prod-flash-row{display:flex;gap:6px;flex-wrap:wrap}
    .gc-liq-badge-pill{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(120deg,#f97316,#ef4444 60%,#dc2626);color:#fff;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:800;line-height:1.15;white-space:nowrap;box-shadow:0 2px 8px rgba(220,38,38,.4)}
    .gc-liq-badge-pill svg{width:13px;height:13px;flex:0 0 auto}
    /* Banner de oferta angulado estilo Temu "Partidazo" */
    .gc-partidazo{display:flex;align-items:stretch;margin:9px 0 8px;border-radius:8px;overflow:hidden;font-weight:800;line-height:1.15;box-shadow:0 2px 8px rgba(0,0,0,.10)}
    .gc-partidazo__tab{display:flex;align-items:center;gap:5px;color:#fff;padding:7px 22px 7px 12px;font-size:13px;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);margin-right:-12px;z-index:1;text-transform:uppercase;letter-spacing:.3px}
    .gc-partidazo__ico{width:14px;height:14px;flex:0 0 auto}
    .gc-partidazo__name{font-weight:900}
    .gc-partidazo__body{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:7px 14px 7px 22px;font-size:12px;flex:1 1 auto;min-width:0}
    .gc-partidazo__benefit{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-weight:700}
    .gc-partidazo__check{font-weight:900}
    .gc-partidazo__cd{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
    .gc-partidazo__cd svg{width:13px;height:13px;flex:0 0 auto}
    .gc-partidazo__cd b{font-weight:900}
    .gc-partidazo--flash .gc-partidazo__tab{background:linear-gradient(110deg,#ff2e74,#ec4899 42%,#a855f7)}
    .gc-partidazo--flash .gc-partidazo__body{background:linear-gradient(110deg,#fff0f6,#fdeafb);color:#9d174d}
    .gc-partidazo--flash .gc-partidazo__check{color:#db2777}
    .gc-partidazo--liq .gc-partidazo__tab{background:linear-gradient(110deg,#f97316,#ef4444 45%,#dc2626)}
    .gc-partidazo--liq .gc-partidazo__body{background:linear-gradient(110deg,#fff4ed,#fef2f2);color:#9a3412}
    .gc-partidazo--liq .gc-partidazo__check{color:#dc2626}
    @media (max-width:480px){
      .gc-partidazo__tab{padding:6px 18px 6px 10px;font-size:12px}
      .gc-partidazo__body{padding:6px 10px 6px 18px;font-size:11px;gap:3px 8px}
    }
    .price{font-size:clamp(22px,3vw,28px);font-weight:800}
    .old{color:#94a3b8;text-decoration:line-through;font-size:13px}
  .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid #a7f3d0;background:#ecfdf5;color:#047857;font-weight:700;font-size:12px}
  /* Badge cupón - card con fondo naranja */
  .coupon-banner{display:flex;flex-direction:column;margin-top:22px;border-radius:6px;background:linear-gradient(135deg,#f97316,#fb923c);border:none;box-shadow:0 2px 10px rgba(249,115,22,.25);cursor:default;overflow:visible;position:relative;}
  .coupon-top{display:flex;align-items:center;gap:10px;padding:14px 16px;flex-wrap:nowrap;position:relative;z-index:2;}
  .coupon-emoji-bg{position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(18deg);font-size:64px;opacity:.30;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));line-height:1;}
  .coupon-code-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;border:2px dashed rgba(255,255,255,.45);background:rgba(255,255,255,.15);min-width:0;}
  .coupon-code-pill .code{font-size:12px;font-weight:900;color:#fff;letter-spacing:.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;text-transform:uppercase;}
  @media(max-width:600px){ .coupon-code-pill .code{max-width:140px;} }
  .coupon-discount-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;border:none;background:#fff;font-weight:900;font-size:13px;color:#ea580c;white-space:nowrap;position:absolute;top:0;right:12px;transform:translateY(-50%);z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.1);}
  .coupon-timer{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:rgba(255,255,255,.9);font-size:12px;font-weight:700;}
  .coupon-timer .timer-label{color:rgba(255,255,255,.75);font-weight:600;font-size:11px;margin-right:2px;}
  .coupon-timer .timer-digits{font-weight:900;color:#fff;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.5px;}
  .coupon-apply-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:6px;background:#fff;color:#ea580c;font-weight:700;font-size:12px;border:none;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.1);}
  .coupon-apply-btn:hover{background:#fff7ed;transform:scale(1.03);}
  .coupon-apply-btn.applied{background:#e5e7eb;color:#9ca3af;cursor:default;pointer-events:none;box-shadow:none;transform:none;opacity:.6;}
    .btn-primary{background:linear-gradient(135deg,#10b981,#14b8a6);border:none}
    .btn-primary:hover{filter:brightness(1.05)}
  /* Sticky en desktop, z-index controlado para no tapar overlay de búsqueda (z-30) */
  .buy-box{position:sticky; top:16px; align-self:start; height:max-content; z-index:25}
  @media(max-width:900px){ .buy-box{ position:static; top:auto; z-index:auto } }
  .qty{width:auto}
    .buy-actions{justify-content:flex-start;align-items:stretch;width:100%;gap:8px; position:relative; z-index:25; container-type:inline-size; container-name:buyactions}
  .buy-actions > .btn{ min-width:0 }
  @media(max-width:900px){ .buy-actions{ flex-direction:column } .buy-actions .add-to-cart, .buy-actions .buy-now{ width:100% } }
  /* Container query: si el contenedor es angosto (no entran ambos textos), usar botón circular tipo móvil */
  @media(pointer:coarse), (hover:none){
    @container buyactions (max-width: 360px){
      .buy-actions .add-to-cart{ width:52px; height:52px; min-width:52px; flex:0 0 52px !important; padding:0; border-radius:50%; transition:background .15s ease, border-color .15s ease, color .15s ease }
      .buy-actions .add-to-cart:hover{ background:#fde7ef; border-color:#ee4a89; color:#ee4a89 }
      .buy-actions .add-to-cart .cart-text{ display:none !important }
      .buy-actions .add-to-cart .cart-icon{ display:flex !important; align-items:center; justify-content:center; position:relative }
      .buy-actions .add-to-cart .cart-icon .plus{ position:absolute; top:-2px; right:-6px; font-size:14px; font-weight:800; color:#ee4a89; background:#fff; border-radius:50%; width:16px; height:16px; display:flex; align-items:center; justify-content:center; line-height:1; transition:background .15s ease }
      .buy-actions .add-to-cart:hover .cart-icon .plus{ background:#fde7ef }
      .buy-actions .buy-now{ flex:1 1 0; padding:12px 14px !important; font-size:17px !important }
    }
  }
  /* Cantidad: botón de texto con dropdown */
  .qty-wrap{ position:relative; display:inline-flex; align-items:center; gap:8px }
  .qty-top-row{ display:inline-flex; align-items:center; gap:8px }
  @media(max-width:900px){ .qty-wrap{ display:flex; flex-direction:column; align-items:flex-start; width:100% } .gc-qty{ width:100% } #qtyBtn{ width:100%; justify-content:space-between } }
  .gc-qty{position:relative; display:inline-block}
    .qty-mobile{ display:none !important }
    .qty-mobile-row{ display:none !important }
  .qty-mobile-stock{ display:none }
  .qty-btn{background:transparent; border:none; padding:4px 2px; display:inline-flex; align-items:center; gap:6px; cursor:pointer}
  .qty-btn:hover .qty-text{ text-decoration: none; }
  .qty-text{ font-weight:800; min-width:24px; text-align:center; display:inline-block }
  .qty-stock{ color:#9ca3af; font-size:12px }
  .qty-modal-overlay{ display:none; }
  .qty-modal-overlay.open{ display:none; }
  .qty-limit-popup{ display:none; }
  .qty-limit-popup.open{ display:none; }
  .qty-arrow{ display:inline-flex; color:#6b7280; transition: transform .15s ease }
  .qty-arrow svg{ width:16px; height:16px }
  .qty-btn[aria-expanded="true"] .qty-arrow{ transform: rotate(180deg) }
  .qty-dd{ position:absolute; top:100%; left:0; margin-top:6px; min-width:180px; width:max-content; background:#fff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.08); padding:8px; z-index:30; display:none; box-sizing:border-box; overflow:visible }
  .qty-dd.open{ display:block }
  .qty-list{ display:flex; flex-direction:column; gap:6px }
  .qty-item{ padding:8px 10px; border-radius:8px; text-align:left; cursor:pointer; background:transparent; border:none; user-select:none; white-space:nowrap }
  .qty-item:hover{ background:rgba(0,0,0,.06); text-decoration:none }
  .qty-item.active{ background:rgba(16,185,129,.12) }
  .qty-other{ margin-top:8px; border-top:1px solid #f1f5f9; padding-top:8px }
  .qty-label{ display:flex; align-items:center; gap:6px; font-size:12px; color:#374151; margin-bottom:4px; line-height:20px }
  .qty-error{ display:inline-flex; visibility:hidden; align-items:center; gap:6px; color:#dc2626; font-size:11px; font-weight:700; white-space:nowrap; height:24px; line-height:20px; vertical-align:middle; position:relative; top:-1px }
  .qty-error.show{ visibility:visible }
  .qty-error svg{ display:block; position:relative; top:-1px }
  .qty-input{ width:100%; border:1px solid #e5e7eb; border-radius:8px; padding:8px 10px; font-weight:700; box-sizing:border-box }
  .qty-input:focus{ outline:none; border-color:#10b981; box-shadow:0 0 0 3px rgba(16,185,129,.15) }
  @media(max-width:600px), (max-width:900px) and (orientation:portrait){
    .qty-wrap{ display:flex; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; gap:8px !important }
    .qty-top-row label{ margin:0 !important; font-weight:600 !important; color:#374151 !important }
    .qty-top-row{ display:none !important }
    .gc-qty, #qtyBtn, .qty-dd{ display:none !important }
    .qty-mobile-row{ display:flex !important; align-items:center; justify-content:space-between; width:100%; gap:10px }
    .qty-mobile{ display:inline-flex !important; align-items:center; gap:10px; padding:6px; border:1px solid #e5e7eb; border-radius:999px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.06) }
    .qty-mobile-minus,
    .qty-mobile-plus{
      width:38px; height:38px; border:none; border-radius:50%; cursor:pointer;
      display:grid; place-items:center; font-weight:800; line-height:1;
      padding:0; text-align:center; position:relative; color:transparent;
      transition:transform .12s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
      -webkit-tap-highlight-color:transparent; touch-action:manipulation;
    }
    .qty-mobile-minus{ --qty-glyph-color:#475569; background:#f8fafc; border:1px solid #e2e8f0; font-size:22px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) }
    .qty-mobile-plus{ --qty-glyph-color:#fff; background:#10b981; font-size:24px; box-shadow:0 6px 14px rgba(16,185,129,.24) }
    .qty-mobile-minus::before,
    .qty-mobile-plus::before{
      position:absolute; inset:0; display:grid; place-items:center;
      color:var(--qty-glyph-color); line-height:1; font-size:inherit; font-weight:inherit;
      transform:translateY(-1px);
    }
    .qty-mobile-minus::before{ content:'−'; }
    .qty-mobile-plus::before{ content:'+'; }
    .qty-mobile-minus:active,
    .qty-mobile-plus:active{ transform:scale(.96) }
    .qty-mobile-minus.is-disabled,
    .qty-mobile-plus.is-disabled,
    .qty-mobile-minus:disabled,
    .qty-mobile-plus:disabled{ opacity:.45; cursor:not-allowed; box-shadow:none }
    .qty-mobile-input{
      width:56px; height:40px; border:1px solid #dbe3ec; border-radius:12px;
      text-align:center; font-weight:800; font-size:15px; cursor:pointer;
      background:#fff; color:#0f172a; box-shadow:inset 0 1px 1px rgba(15,23,42,.03)
      ;padding:0; line-height:40px; font-variant-numeric:tabular-nums;
    }
    .qty-mobile-input:focus{ outline:none; border-color:#10b981; box-shadow:0 0 0 3px rgba(16,185,129,.12) }
    .qty-mobile-sep{ width:1px; height:28px; background:#e2e8f0; flex-shrink:0; margin:0 2px }
    .qty-mobile-cart{ display:flex !important; align-items:center; gap:5px; background:#ee4a89; color:#fff; border:none; border-radius:999px; padding:9px 16px; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; -webkit-tap-highlight-color:transparent; transition:background .15s ease; margin-left:auto }
    .qty-mobile-cart:hover,.qty-mobile-cart:active{ background:#d93f79 }
    .qty-mobile-stock{ display:block; margin:0; font-size:12px; font-weight:600; color:#6b7280 }
    .qty-modal-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:2100 }
    .qty-modal-overlay.open{ display:flex }
    .qty-limit-popup{ position:fixed; display:none; align-items:center; justify-content:center; z-index:2200 }
  }
  /* Quitar flechas del input number */
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
  input[type=number]{ -moz-appearance: textfield; }
  .buy-actions .add-to-cart,.buy-actions .buy-now{flex:1 1 0; border-radius:999px}
  .buy-actions .add-to-cart{padding:12px 16px; border-radius:999px; display:flex; align-items:center; justify-content:center; gap:6px}
  .buy-actions .add-to-cart:disabled,
  .qty-mobile-cart:disabled{
    opacity:.55;
    cursor:not-allowed;
    box-shadow:none;
    transform:none;
  }
  .buy-actions .add-to-cart:disabled{
    background:#fdf2f8 !important;
    border-color:#f3b3cf !important;
    color:#f3b3cf !important;
  }
  .qty-mobile-cart:disabled{
    background:#f3b3cf !important;
  }
  .buy-actions .add-to-cart .cart-icon{ display:none }
  .buy-actions .add-to-cart.is-go-to-cart{
    width:auto !important;
    min-width:140px;
    height:auto !important;
    flex:1 1 0 !important;
    padding:11px 16px !important;
    gap:8px;
    border-radius:999px !important;
    background:#fff !important;
    border:2px solid #ee4a89 !important;
    color:#ee4a89 !important;
    white-space:nowrap;
    font-weight:700;
  }
  .buy-actions .add-to-cart.is-go-to-cart:hover{
    background:#fde7ef !important;
    border-color:#d93f79 !important;
    color:#d93f79 !important;
  }
  .buy-actions .add-to-cart.is-go-to-cart .cart-text{ display:inline !important; font-weight:800 }
  .buy-actions .add-to-cart.is-go-to-cart .cart-icon{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    position:static !important;
    width:18px;
    height:18px;
  }
  .buy-actions .add-to-cart.is-go-to-cart .cart-icon svg{ width:18px; height:18px }
  .buy-actions .add-to-cart.is-go-to-cart .cart-icon .plus{ display:none !important }
  .stock-inline-block{
    display:flex;
    flex-direction:column;
    gap:10px;
    width:100%;
    padding-top:2px;
  }
  .stock-inline-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    flex-wrap:wrap;
    width:100%;
  }
  .stock-inline-title{
    min-width:0;
    font-size:17px;
    font-weight:800;
    color:#111827;
    line-height:1.25;
  }
  .stock-inline-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    background:#ec4899;
    border:1px solid #ec4899;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    transition:transform .12s ease, background .15s ease, border-color .15s ease;
  }
  .stock-inline-link:hover{
    background:#db2777;
    border-color:#db2777;
    color:#fff;
    transform:translateY(-1px);
  }
  .stock-alert-wrap{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    width:100%;
  }
  .stock-alert-trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid #f3a6c8;
    background:#fff6fb;
    color:#d63384;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    white-space:nowrap;
    transition:transform .12s ease, background .15s ease, border-color .15s ease, color .15s ease;
  }
  .stock-alert-trigger:hover{
    background:#ffeaf4;
    border-color:#ec4899;
    color:#be185d;
    transform:translateY(-1px);
  }
  .stock-alert-trigger.is-subscribed{
    background:#fdf2f8;
    border-color:#f3a6c8;
    color:#9d174d;
    opacity:.6;
    cursor:default;
    transform:none;
  }
  .stock-alert-form{
    display:none;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    width:100%;
  }
  .stock-alert-form.is-open{ display:flex }
  .stock-alert-input{
    flex:0 1 260px;
    height:40px;
    padding:0 14px;
    border:1px solid #d1d5db;
    border-radius:999px;
    background:#fff;
    color:#111827;
    font-size:13px;
    box-sizing:border-box;
  }
  .stock-alert-input:focus{
    outline:none;
    border-color:#ec4899;
    box-shadow:0 0 0 3px rgba(236,72,153,.14);
  }
  .stock-alert-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border:none;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:transform .12s ease, background .15s ease;
  }
  .stock-alert-submit:hover{
    background:#0f172a;
    transform:translateY(-1px);
  }
  .stock-alert-submit:disabled{
    opacity:.7;
    cursor:wait;
    transform:none;
  }
  .stock-alert-msg{
    min-height:18px;
    font-size:12px;
    line-height:1.4;
    color:#64748b;
  }
  .stock-alert-msg.is-success{ color:#15803d }
  .stock-alert-msg.is-error{ color:#dc2626 }
  .buy-actions .buy-now, .buy-actions .buy-now:hover, .buy-actions .buy-now:focus, .buy-actions .buy-now:active, .buy-actions .buy-now:active:focus{padding:11px 26px;font-weight:800;font-size:20px;background:#ee4a89;border-color:#ee4a89;color:#fff !important; border-radius:999px; white-space:normal; position:relative; overflow:hidden; z-index:0; text-align:center; display:flex; align-items:center; justify-content:center; transform:none !important; box-shadow:none !important}
  .buy-now .bn-text-wrap{ display:flex; align-items:center; justify-content:center; position:relative; width:100%; text-align:center; height:1.92em; line-height:1.05 }
  .buy-now .bn-text-main,
  .buy-now .bn-text-next{ text-align:center; transition:transform .45s cubic-bezier(.4,.0,.2,1); position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; line-height:1.05; padding:0 2px }
  .buy-now .bn-text-main .bn-text-inner,
  .buy-now .bn-text-next .bn-text-inner{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-wrap:pretty;line-height:1.05;max-width:100%;width:100%;font-size:.96em}
  .buy-now .bn-text-main .bn-text-inner{will-change:transform}
  .buy-now .bn-text-main .bn-text-inner.is-short,
  .buy-now .bn-text-next .bn-text-inner.is-short{ font-size:1.08em }
  .buy-now .bn-text-main .bn-text-inner.is-compact,
  .buy-now .bn-text-next .bn-text-inner.is-compact{ font-size:.82em; line-height:1.02; letter-spacing:-.01em }
  .buy-now .bn-text-next{ transform:translateY(250%) }
  .buy-now.bn-swapping .bn-text-main{ transform:translateY(-250%) }
  .buy-now.bn-swapping .bn-text-next{ transform:translateY(0) }
  .buy-now .bn-text-main.bn-promo, .buy-now .bn-text-next.bn-promo{ font-family:'Fredoka One','Baloo 2',Poppins,system-ui,sans-serif; font-weight:400; letter-spacing:.5px; font-style:italic; text-transform:uppercase; font-size:.92em }
  .buy-now::after{ content:''; position:absolute; inset:0; background:#c42d6a; transform:scaleX(0); transform-origin:left; z-index:-1; border-radius:0 }
  .buy-now.bn-filling::after{ animation:bnFill 2.4s cubic-bezier(.25,.0,.1,1) forwards }
  @keyframes bnFill{ 0%{transform:scaleX(0)} 50%{transform:scaleX(.7)} 75%{transform:scaleX(.88)} 90%{transform:scaleX(.96)} 100%{transform:scaleX(1)} }
  @media(max-width:900px){ .buy-actions .add-to-cart{ font-size:16px } .buy-actions .buy-now{ font-size:18px; white-space:normal; padding:10px 20px } }
  @media(max-width:900px){
    .stock-inline-actions{ gap:10px }
    .stock-alert-trigger,
    .stock-inline-link{ width:100% }
    .stock-alert-input,
    .stock-alert-submit{ width:100%; flex:1 1 100% }
  }

  /* Selector de colores */
  .color-selector{ margin-top:10px; margin-bottom:4px }
  .color-selector-label{ font-size:14px; color:#374151; margin-bottom:8px }
  .color-options{ display:grid; grid-template-columns:repeat(6,48px); gap:6px }
  .color-option{ aspect-ratio:1; width:48px; border-radius:6px; border:2px solid #e5e7eb; padding:1px; cursor:pointer; background:#fff; overflow:hidden; transition:border-color .15s, box-shadow .15s }
  .color-option img{ width:100%; height:100%; object-fit:cover; border-radius:4px }
  .color-option-text{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:12px; font-weight:700; color:#6b7280; text-transform:uppercase }
  .color-option:hover{ border-color:#9ca3af }
  .color-option.active{ border-color:#ec4899; box-shadow:0 0 0 1px #ec4899 }
  .color-option.unavailable{ opacity:.35; border-style:dashed; border-color:#d1d5db; cursor:pointer; filter:grayscale(.6) }
  .color-option.color-oos{ opacity:.35; border-style:dashed; border-color:#d1d5db; cursor:not-allowed; filter:grayscale(.6) }

  /* ═══ Selector de talles ═══ */
  .size-selector{ margin-top:10px; margin-bottom:4px }
  .size-selector-header{ margin-bottom:8px }
  .size-selector-label{ font-size:14px; color:#374151 }
  .size-guide-link{ background:none; border:none; color:#3b82f6; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:4px; padding:0; font-weight:500; margin-top:6px; display:block; width:fit-content }
  .size-guide-link:hover{ color:#2563eb }
  .size-options{ display:flex; flex-wrap:wrap; gap:6px; width:fit-content; max-width:330px; border:3px solid transparent; border-radius:14px; padding:6px }
  .size-option{
    width:48px; padding:8px 0; border-radius:8px;
    border:2px solid #e5e7eb; background:#fff;
    font-size:14px; font-weight:600; color:#374151;
    cursor:pointer; transition:border-color .15s, box-shadow .15s, background .15s;
    text-align:center;
  }
  .size-option:hover:not(:disabled){ border-color:#9ca3af }
  .size-option.active{ border-color:#ec4899; box-shadow:0 0 0 1px #ec4899; background:#fdf2f8 }
  .size-option.out-of-stock{ opacity:1; cursor:not-allowed; border-style:dashed; color:#b0b0b0 }
  .size-option.unavailable{ opacity:.45; border-style:dashed; border-color:#d1d5db; color:#b0b0b0; cursor:pointer }
  .size-measure-hint{ margin-top:6px; font-size:12px; color:#9ca3af }
  .size-measure-hint .measure-val{ display:none }
  .size-selector.size-error .size-options{ border-color:#dc2626 }
  .size-selector.size-error .size-selector-label{ color:#dc2626 }
  .size-error-msg{ display:none; font-size:13px; color:#dc2626; font-weight:700; align-items:center; gap:4px; margin-left:6px; white-space:nowrap }
  .size-selector.size-error .size-error-msg{ display:inline-flex }
  .size-fit-info{ margin-top:4px; position:relative; display:block }
  .size-fit-btn{ background:none; border:none; color:#3b82f6; font-size:13px; font-weight:500; cursor:pointer; padding:0; display:inline-flex; align-items:center; gap:4px }
  .size-fit-btn:hover{ color:#2563eb }
  .fit-chevron{ display:inline-block; width:8px; height:8px; border-right:1.5px solid #3b82f6; border-bottom:1.5px solid #3b82f6; transform:rotate(45deg); transition:transform .2s; margin-bottom:2px }
  .size-fit-info.open .fit-chevron{ transform:rotate(-135deg); margin-bottom:-2px }
  .fit-dropdown{ display:none; position:absolute; left:0; top:calc(100% + 6px); background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.12); padding:28px 16px 14px; z-index:50; min-width:260px }
  .size-fit-info.open .fit-dropdown{ display:block }

  /* ═══ Tooltip opciones disponibles ═══ */
  .gc-avail-tip{ position:fixed; z-index:200; background:#fff; color:#374151; font-size:12px; font-weight:600; padding:8px 14px; border-radius:8px; white-space:nowrap; pointer-events:none; opacity:0; transition:opacity .22s ease; box-shadow:0 2px 12px rgba(0,0,0,.15); border:1px solid #e5e7eb }
  .gc-avail-tip.show{ opacity:1 }
  .fit-row{ display:flex; align-items:center; gap:6px; margin-bottom:8px }
  .fit-row:last-child{ margin-bottom:0 }
  .fit-label{ font-size:12px; color:#374151; width:100px; flex-shrink:0; white-space:nowrap }
  .fit-label.bold{ font-weight:700 }
  .fit-bar-wrap{ flex:1; height:6px; background:#e5e7eb; border-radius:3px; overflow:hidden }
  .fit-bar{ height:100%; background:#3b82f6; border-radius:3px; min-width:2px }
  .fit-count{ font-size:12px; color:#6b7280; width:24px; text-align:left; flex-shrink:0 }
  .fit-close{ position:absolute; top:6px; right:6px; background:none; border:none; font-size:18px; color:#9ca3af; cursor:pointer; line-height:1; padding:4px }
  .fit-close:hover{ color:#374151 }

  /* ═══ Modal guía de talles ═══ */
  .sg-modal-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:9999; display:none; align-items:center; justify-content:center; padding:16px }
  .sg-modal-overlay.active{ display:flex }
  .sg-modal-box{ background:#fff; border-radius:16px; max-width:520px; width:100%; max-height:90vh; overflow-y:auto; box-shadow:0 8px 32px rgba(0,0,0,.2) }
  .sg-modal-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px }
  .sg-modal-header h3{ margin:0; font-size:16px; font-weight:700; color:#111 }
  .sg-modal-close{ background:none; border:none; cursor:pointer; color:#6b7280; padding:4px; border-radius:50%; transition:background .15s }
  .sg-modal-close:hover{ background:#f3f4f6 }
  .sg-modal-filters{ display:flex; gap:12px; padding:12px 20px }
  .sg-filter-group{ display:flex; gap:4px }
  .sg-filter-btn{ padding:5px 12px; border-radius:20px; border:1px solid #e5e7eb; background:#fff; font-size:12px; font-weight:500; color:#6b7280; cursor:pointer; transition:all .15s }
  .sg-filter-btn:hover{ border-color:#9ca3af }
  .sg-filter-btn.active{ background:#111; border-color:#111; color:#fff }
  .sg-modal-table-wrap{ padding:0 20px 16px }
  .sg-table{ width:100%; border-collapse:collapse; font-size:13px; margin-top:12px; table-layout:fixed }
  .sg-table th{ text-align:left; padding:8px 10px; font-weight:600; color:#6b7280; font-size:11px; text-transform:uppercase; letter-spacing:.3px; border-bottom:2px solid #e5e7eb }
  .sg-table th:nth-child(1){ width:30% }
  .sg-table th:nth-child(2){ width:40% }
  .sg-table th:nth-child(3){ width:30% }
  .sg-table td{ padding:8px 10px; border-bottom:1px solid #f3f4f6; color:#374151 }
  .sg-table tbody tr:last-child td{ border-bottom:none }
  .sg-stock-ok{ color:#10b981; font-weight:600 }
  .sg-stock-no{ color:#ef4444; font-size:12px }
  .sg-measure-section{ display:flex; gap:20px; padding:20px; border-top:1px solid #e5e7eb; align-items:flex-start }
  .sg-measure-img{ flex:0 0 140px; }
  .sg-measure-img img{ width:100%; height:auto }
  .sg-measure-text{ flex:1; min-width:0 }
  .sg-measure-text h4{ font-size:15px; font-weight:700; color:#111; margin:0 0 12px }
  .sg-measure-step{ display:flex; gap:8px; align-items:flex-start }
  .sg-measure-num{ font-size:15px; font-weight:700; color:#e6355a; line-height:1.4 }
  .sg-measure-step strong{ display:block; font-size:13px; font-weight:600; color:#374151; margin-bottom:4px }
  .sg-measure-step p{ margin:0; font-size:12.5px; color:#6b7280; line-height:1.5 }
  @media(max-width:900px), (orientation: portrait){
    .sg-modal-overlay{ padding:14px; align-items:center; justify-content:center }
    .sg-modal-box{ width:min(100%, 392px); max-width:392px; max-height:calc(100vh - 28px); border-radius:22px; align-self:center; margin:auto; overflow-y:auto; }
    .sg-table{ font-size:12px }
    .sg-measure-section{ flex-direction:column; align-items:center; gap:14px }
    .sg-measure-img{ flex:0 0 auto; width:120px }
    .sg-measure-text{ text-align:left }
  }
  /* Pantallas pequeñas en landscape: convertir añadir al carrito a ícono circular */
  @media(max-width:500px), (max-height:500px) and (orientation: landscape) and (pointer:coarse){
    .buy-actions .add-to-cart{ width:52px; height:52px; min-width:52px; flex:0 0 52px; padding:0; border-radius:50%; transition:background .15s ease, border-color .15s ease, color .15s ease }
    .buy-actions .add-to-cart:hover{ background:#fde7ef; border-color:#ee4a89; color:#ee4a89 }
    .buy-actions .add-to-cart .cart-text{ display:none !important }
    .buy-actions .add-to-cart .cart-icon{ display:flex !important; align-items:center; justify-content:center; position:relative }
    .buy-actions .add-to-cart .cart-icon .plus{ position:absolute; top:-2px; right:-6px; font-size:14px; font-weight:800; color:#ee4a89; background:#fff; border-radius:50%; width:16px; height:16px; display:flex; align-items:center; justify-content:center; line-height:1; transition:background .15s ease }
    .buy-actions .add-to-cart:hover .cart-icon .plus{ background:#fde7ef }
    .buy-actions .buy-now{ flex:1 1 0 }
  }
    .buy-actions .buy-now:hover{background:#d93f79;border-color:#d93f79}
  .trust{display:none !important}
  /* Aviso de stock bajo */
  .low-stock{display:block;margin-top:6px;color:#000;font-weight:700;font-size:14px}
  /* Barra de oferta */
  .offer-bar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:10px 14px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#e91e63,#f06292);color:#fff;text-decoration:none;font-size:13px;transition:filter .15s}
  .offer-bar .left{font-style:italic;font-size:15px;letter-spacing:.3px;display:flex;align-items:center;gap:4px}
  .offer-bar .left .offer-label{font-weight:900;font-size:14px;text-transform:uppercase}
  .offer-bar .left .offer-disc{font-weight:800;font-size:13px;opacity:.9;letter-spacing:.3px}
  .offer-bar .right{font-weight:800;font-size:12px;opacity:.92;white-space:nowrap;display:flex;align-items:center;gap:6px}
  .offer-clock{width:16px;height:16px;flex-shrink:0;stroke-width:2.5}
  .offer-timer-wrap{position:relative;overflow:hidden;display:inline-flex;align-items:center;height:1.4em}
  #offerTimer{display:block;transition:transform .45s ease,opacity .45s ease;transform:translateY(0);opacity:1;font-variant-numeric:tabular-nums;min-width:10ch}
  .offer-last-day{position:absolute;inset:0;display:flex;align-items:center;transform:translateY(100%);opacity:0;transition:transform .45s ease,opacity .45s ease;font-weight:900;letter-spacing:.8px;white-space:nowrap}
  .offer-timer-wrap.last-day #offerTimer{transform:translateY(-100%);opacity:0}
  .offer-timer-wrap.last-day .offer-last-day{transform:translateY(0);opacity:1}
  .offer-bar:hover{filter:brightness(1.05)}
  /* Recuadro contenedor oferta (qty + color) */
  .offer-detail-box{background:linear-gradient(90deg,#e91e63,#f06292);border-radius:0 0 8px 8px;padding:0 3px 3px}
  .offer-detail-box-inner{background:#fff;border-radius:0 0 6px 6px;padding:14px 16px}
  /* Ahorro inline en price-line */
  .price-line .save{color:#16a34a;font-weight:700;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center}
  .price-line .save svg{width:14px;height:14px;margin-right:2px;flex-shrink:0}
  .mayo-line{margin-top:6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 10px}
  .mayo-price{color:rgba(75,85,99,.82);font-size:.9rem;font-weight:700;line-height:1.25}
  .mayo-min{color:rgba(75,85,99,.68);font-size:.82rem;font-weight:500;line-height:1.25}
  .mayo-save{color:#0a7d2c;font-size:.8rem;line-height:1.25}
  .mayo-info-wrap{position:relative;display:inline-flex;align-items:center;line-height:1;align-self:center}
  .mayo-info-btn{width:16px;height:16px;border-radius:999px;border:1px solid rgba(107,114,128,.5);background:#fff;color:rgba(75,85,99,.82);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;line-height:1;padding:0;cursor:help;box-shadow:0 1px 2px rgba(17,24,39,.06)}
  .mayo-info-btn:hover,.mayo-info-btn:focus{border-color:rgba(75,85,99,.78);color:#374151;outline:none}
  .mayo-info-popover{display:none;position:absolute;left:calc(100% + 8px);bottom:calc(100% + 8px);width:260px;max-width:calc(100vw - 32px);padding:10px 12px;border-radius:8px;background:#111827;color:#fff;box-shadow:0 12px 32px rgba(17,24,39,.22);font-size:12px;font-weight:500;line-height:1.45;text-align:left;z-index:95}
  .mayo-info-popover strong{display:block;margin-bottom:3px;font-size:12px;color:#fff}
  .mayo-info-popover::after{content:"";position:absolute;left:10px;bottom:-6px;border-width:6px 6px 0 6px;border-style:solid;border-color:#111827 transparent transparent transparent}
  .mayo-info-wrap.open .mayo-info-popover{display:block}
  .mayo-backdrop{display:none}
  @media(hover:hover) and (pointer:fine){.mayo-info-wrap:hover .mayo-info-popover,.mayo-info-wrap:focus-within .mayo-info-popover{display:block}}
  @media(max-width:600px), (orientation: portrait){
    .mayo-info-btn{width:18px;height:18px;font-size:11px;cursor:pointer}
    /* Móvil: card centrado con backdrop negro; animado al abrir Y al cerrar */
    .mayo-info-popover{display:block;position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-46%) scale(.96);width:min(320px,calc(100vw - 36px));padding:16px 17px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;box-shadow:0 18px 54px rgba(17,24,39,.28);font-size:13px;z-index:2200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease, transform .24s cubic-bezier(.2,.9,.3,1.15), visibility 0s linear .24s}
    .mayo-info-wrap.open .mayo-info-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1);transition:opacity .2s ease, transform .24s cubic-bezier(.2,.9,.3,1.15), visibility 0s}
    .mayo-info-popover strong{color:#111827;font-size:13px;margin-bottom:5px}
    .mayo-info-popover::after{display:none}
    .mayo-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:2199;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease, visibility 0s linear .24s;-webkit-tap-highlight-color:transparent}
    .mayo-backdrop.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease, visibility 0s}
  }
  /* Info de envío y entrega */
  .ship-extra{margin-top:2px;color:#6b7280;font-size:12px}
  .ship-extra .label{font-weight:700;color:#374151}
  .ship-extra .carriers-wrap{width:100%;margin-top:2px;display:flex;align-items:center;gap:6px;box-sizing:border-box}
  .ship-extra .carriers-label{flex-shrink:0;font-weight:600;color:#6b7280;font-size:12px;white-space:nowrap}
  .ship-extra .carriers-track-wrap{overflow-x:auto;overflow-y:hidden;flex:1;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ship-extra .carriers-track-wrap::-webkit-scrollbar{display:none}
  .ship-extra .carriers-track{display:flex;align-items:center;gap:14px;width:max-content}
  .ship-extra .carrier{display:inline-flex;align-items:center;flex-shrink:0}
  .ship-extra .carrier.dup{display:none}
  .ship-extra .carrier img{height:18px;width:auto;max-width:80px;object-fit:contain}
  .ship-extra .carrier img[data-name="andreani"]{height:20px}
  .ship-extra .min-note{display:flex;align-items:center;gap:6px;margin-top:2px;color:#9ca3af;font-size:11px}
  .ship-extra .min-note svg{opacity:.85}

    /* Bloque de seguros/envío/garantía debajo de botones */
  .assure-list{display:flex;flex-direction:column;gap:2px;margin-top:4px}
  .assure-item{display:flex;align-items:center;justify-content:flex-start;padding:2px 0;border:none;background:transparent;cursor:pointer}
    .assure-envio{cursor:default}
    .assure-item .left{display:flex;align-items:center;gap:10px}
    .assure-item .left .ico{color:#10b981;display:inline-flex}
    .assure-item .txt{color:#059669;font-weight:600}
    .assure-item .txt-secondary{color:#059669;font-weight:500;opacity:0.8;margin-left:-2px}
    .assure-item .arrow{color:#10b981;display:inline-flex;margin-left:6px}
    /* Badge destacado para envío gratis */
    .assure-envio .envio-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(22,163,74,0.85);border-radius:8px;padding:4px 12px 4px 8px}
    .assure-envio .envio-badge .ico{color:#fff}
    .assure-envio .envio-badge .txt{color:#fff;font-weight:700;font-size:14px}
    /* Items opacos (pagos seguros, garantía) */
    .assure-opaco .left .ico{opacity:0.75}
    .assure-opaco .txt, .assure-opaco a{opacity:0.8!important}
    .assure-opaco .arrow{opacity:0.75}
    .assure-item:hover{background:transparent}
    .assure-item a{color:#059669;text-decoration:none;font-weight:600}
    /* "Pagos seguros · Privacidad segura": un pelín más chico (texto + íconos + gap). */
    .assure-opaco .txt, .assure-opaco a{font-size:13px}
    .assure-opaco .left{gap:8px}
    .assure-opaco .left .ico svg{width:15px;height:15px}
    .assure-opaco .arrow svg{width:14px;height:14px}
    /* Modal informativo simple */
    .info-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:2001}
    .info-modal .box{background:#fff;border-radius:14px;border:1px solid #e5e7eb;max-width:520px;width:90%;padding:16px 16px}
    .info-modal .box h5{margin:0 0 8px 0}
    .info-modal .box p{margin:0;color:#374151}
    .info-modal .box .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
    .info-modal .box .close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;color:#111827}
    .desc{color:#374151;white-space:pre-line;overflow-wrap:break-word;word-break:break-word}
    /* ===== Descripción rica por bloques (estilo Temu) ===== */
    .gc-desc-rich{white-space:normal;color:#374151;font-size:15px;line-height:1.65}
    .gc-desc-rich > *{margin:0 0 16px}
    .gc-desc-rich > *:last-child{margin-bottom:0}
    .gc-desc-h{font-weight:800;color:#111827;letter-spacing:-.01em;line-height:1.25;margin:22px 0 12px;display:flex;align-items:center;gap:8px}
    .gc-desc-rich h2.gc-desc-h{font-size:22px}
    .gc-desc-rich h3.gc-desc-h{font-size:18px}
    .gc-desc-h .bi{color:#111827;font-size:.95em}
    .gc-desc-p{margin:0 0 14px}
    .gc-desc-p strong{color:#111827;font-weight:700}
    .gc-desc-rich mark{background:linear-gradient(transparent 55%,#fce7f3 55%);color:#be185d;padding:0 2px;border-radius:2px}
    /* features (tarjetas con icono) */
    .gc-desc-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
    .gc-desc-feature{display:flex;gap:12px;align-items:flex-start;background:#fafafa;border:1px solid #f1f1f3;border-radius:14px;padding:14px}
    .gc-desc-feature-ic{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;color:#111827;font-size:22px}
    .gc-desc-feature-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
    .gc-desc-feature-tx strong{color:#111827;font-weight:700;font-size:15px}
    .gc-desc-feature-tx span{color:#6b7280;font-size:13.5px;line-height:1.5}
    /* imágenes grandes apiladas */
    .gc-desc-img{margin:0 0 16px;text-align:center}
    .gc-desc-img img{display:block;width:100%;height:auto;border-radius:0}
    .gc-desc-img-normal img{max-width:520px;margin:0 auto}
    .gc-desc-img-wide img{max-width:760px;margin:0 auto}
    .gc-desc-img figcaption{margin-top:8px;font-size:13px;color:#9ca3af}
    /* galería */
    .gc-desc-gallery{display:grid;gap:10px}
    .gc-desc-gallery img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
    .gc-desc-grid-2{grid-template-columns:repeat(2,1fr)}
    .gc-desc-grid-3{grid-template-columns:repeat(3,1fr)}
    .gc-desc-strip{grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
    .gc-desc-strip img{scroll-snap-align:start}
    /* tablas / specs */
    .gc-desc-tablewrap{overflow-x:auto;border-radius:14px;border:1px solid #eee}
    .gc-desc-tablecap,.gc-desc-specstitle{font-weight:700;color:#111827;margin:0 0 8px}
    .gc-desc-table{width:100%;border-collapse:collapse;font-size:14px}
    .gc-desc-table th,.gc-desc-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f0f0f2;vertical-align:top}
    .gc-desc-table thead th{background:#fafafa;color:#111827;font-weight:700;white-space:nowrap}
    .gc-desc-table tr:last-child td{border-bottom:none}
    .gc-desc-specs{display:grid;gap:0;margin:0;border:1px solid #eee;border-radius:14px;overflow:hidden}
    .gc-desc-specs > div{display:grid;grid-template-columns:38% 1fr;gap:0}
    .gc-desc-specs > div:nth-child(odd){background:#fafafa}
    .gc-desc-specs dt{margin:0;padding:10px 12px;color:#6b7280;font-weight:600;font-size:13.5px}
    .gc-desc-specs dd{margin:0;padding:10px 12px;color:#111827;font-size:14px}
    /* Ficha de detalles con iconos (estilo Temu): icono arriba, atributo gris, valor en negrita */
    .gc-desc-specs.has-icons{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:1px;background:#f0f0f2}
    .gc-desc-specs.has-icons > div,
    .gc-desc-specs.has-icons > div:nth-child(odd){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:4px;padding:16px 10px;background:#fff}
    .gc-desc-specs.has-icons .gc-desc-spec-ic{line-height:1;color:#111827}
    .gc-desc-specs.has-icons .gc-desc-spec-ic i{font-size:26px}
    .gc-desc-specs.has-icons dt{padding:0;color:#6b7280;font-weight:500;font-size:12.5px;line-height:1.25}
    .gc-desc-specs.has-icons dd{padding:0;color:#111827;font-weight:700;font-size:14px;line-height:1.25}
    /* Guías y documentos (manual de usuario PDF) — estilo Temu */
    .prod-docs{margin-top:18px}
    .prod-docs-title{font-weight:700;color:#111827;font-size:15px;margin:0 0 10px}
    .prod-docs-link{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fafafa;border:1px solid #eee;border-radius:12px;text-decoration:none;color:#111827;transition:background .15s ease}
    .prod-docs-link:hover{background:#f3f4f6}
    .prod-docs-ic{display:inline-flex;align-items:center;justify-content:center;color:#374151}
    .prod-docs-ic i{font-size:20px}
    .prod-docs-name{flex:1 1 auto;font-weight:600;font-size:14px}
    .prod-docs-arrow{color:#9ca3af}
    .prod-docs-arrow i{font-size:15px}
    /* ===== Visor de PDF estilo Temu (manual de usuario) ===== */
    .gcpdf-overlay{position:fixed;inset:0;z-index:100000;background:rgba(17,17,17,.93);display:none;flex-direction:column}
    .gcpdf-overlay.open{display:flex}
    .gcpdf-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff}
    .gcpdf-title{font-weight:600;font-size:15px;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .gcpdf-download,.gcpdf-close{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;text-decoration:none}
    .gcpdf-download:hover,.gcpdf-close:hover{background:rgba(255,255,255,.24);color:#fff}
    .gcpdf-body{flex:1 1 auto;min-height:0;display:flex}
    .gcpdf-thumbs{flex:0 0 134px;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,.28)}
    .gcpdf-thumb{position:relative;border:2px solid transparent;border-radius:7px;background:#fff;padding:0;cursor:pointer;overflow:hidden;line-height:0;box-shadow:0 1px 5px rgba(0,0,0,.35);min-height:40px}
    .gcpdf-thumb canvas{width:100%;height:auto;display:block}
    .gcpdf-thumb.active{border-color:#ec4899}
    .gcpdf-thumb-n{position:absolute;bottom:3px;right:4px;background:rgba(0,0,0,.62);color:#fff;font-size:10px;line-height:1;padding:2px 5px;border-radius:6px}
    .gcpdf-stage{flex:1 1 auto;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:14px}
    .gcpdf-pagewrap{max-width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:4px}
    .gcpdf-pagewrap canvas{display:block;background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.55)}
    .gcpdf-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:2;box-shadow:0 2px 12px rgba(0,0,0,.35)}
    .gcpdf-prev{left:16px}.gcpdf-next{right:16px}
    .gcpdf-nav:hover{background:#fff}.gcpdf-nav:disabled{opacity:.28;cursor:default}
    .gcpdf-counter{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;font-size:12.5px;font-weight:600;padding:5px 13px;border-radius:999px;z-index:2}
    .gcpdf-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:14px;z-index:3}
    .gcpdf-spin{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:gcpdfspin .8s linear infinite}
    @keyframes gcpdfspin{to{transform:rotate(360deg)}}
    @media (max-width:768px){
      .gcpdf-thumbs{display:none}
      .gcpdf-stage{padding:8px}
      .gcpdf-nav{width:38px;height:38px;background:rgba(255,255,255,.82)}
      .gcpdf-prev{left:6px}.gcpdf-next{right:6px}
      .gcpdf-head{padding:10px 12px}
    }
    /* cita */
    .gc-desc-quote{margin:0;padding:14px 16px;border-left:4px solid #ec4899;background:#fdf2f8;border-radius:0 12px 12px 0;color:#374151;font-style:italic}
    .gc-desc-quote cite{display:block;margin-top:6px;font-style:normal;font-weight:600;color:#6b7280;font-size:13px}
    /* divisores */
    .gc-desc-divider-line{height:1px;background:#eee}
    .gc-desc-divider-space{height:14px;background:transparent}
    .gc-desc-divider-dots{height:8px;background:transparent;text-align:center}
    .gc-desc-divider-dots::before{content:"• • •";color:#d1d5db;letter-spacing:6px;font-size:12px}
    /* gráficos */
    .gc-desc-chart{border:1px solid #eee;border-radius:14px;padding:14px 16px}
    .gc-desc-charttitle{font-weight:700;color:#111827;margin:0 0 10px}
    .gc-desc-bars-wrap{width:100%;overflow-x:auto}
    .gc-desc-bars{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
    .gc-desc-bar{fill:url(#gcDescBarGrad,#ec4899);fill:#ec4899}
    .gc-desc-bar-val{font-size:12px;font-weight:700;fill:#111827}
    .gc-desc-bar-lab{font-size:11px;fill:#6b7280}
    .gc-desc-prog{display:grid;grid-template-columns:34% 1fr auto;align-items:center;gap:10px;margin:0 0 9px}
    .gc-desc-prog:last-child{margin-bottom:0}
    .gc-desc-prog-lab{font-size:13px;color:#374151;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .gc-desc-prog-track{height:10px;background:#f1f1f3;border-radius:99px;overflow:hidden}
    .gc-desc-prog-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ec4899,#a855f7)}
    .gc-desc-prog-val{font-size:12.5px;font-weight:700;color:#111827;min-width:34px;text-align:right}
    /* video */
    .gc-desc-video{margin:0 0 16px}
    .gc-desc-video video{width:100%;height:auto;border-radius:16px;display:block;background:#000}
    .gc-desc-video figcaption{margin-top:8px;font-size:13px;color:#9ca3af}
    @media (max-width:640px){
      .gc-desc-rich h2.gc-desc-h{font-size:19px}
      .gc-desc-rich h3.gc-desc-h{font-size:16.5px}
      .gc-desc-grid-3{grid-template-columns:repeat(2,1fr)}
      .gc-desc-specs > div{grid-template-columns:42% 1fr}
    }
    .reviews{margin-top:24px}
    /* En layout vertical, hacer que las reseñas ocupen el ancho completo de la galería (ambas columnas) */
    .vgal .reviews{grid-column:1 / -1}
    .star{color:#f59e0b}
    .review{display:flex;gap:12px;border-top:1px solid #eef2f7;padding:14px 0;align-items:stretch}
    .rv-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;text-transform:uppercase}
    .rv-body{flex:1;min-width:0}
    .rv-stars-row{display:flex;align-items:center;gap:1px;color:#f59e0b;font-size:18px}
    .rv-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
    .rv-tag{background:#f3f4f6;color:#374151;font-size:12px;padding:2px 10px;border-radius:999px;font-weight:500}
    .rv-comment{font-weight:600;margin-top:6px;color:#111827;font-size:14px;line-height:1.4}
    .reviews .rv-comment{-webkit-hyphens:auto;hyphens:auto}
    .reviews-mobile .rv-comment{text-align:justify;text-justify:inter-word;text-align-last:left}
    .rv-comment-tail{white-space:nowrap}
    .rv-comment-more{display:inline;padding:0;border:none;background:none;color:#ee4a89;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;line-height:inherit;vertical-align:baseline}
    .rv-comment-more:hover,.rv-comment-more:focus{text-decoration:none;color:#ee4a89;outline:none}
    .rv-meta{margin-top:5px;font-size:13px;color:#6b7280;display:flex;align-items:center}
    .rv-meta-sep{margin:0 8px;color:#d1d5db}
    .rv-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;margin-left:auto}
    .rv-photos{display:flex;gap:6px;align-items:flex-start;flex-shrink:0;margin-left:auto}
    .rv-photo-thumb{width:68px;height:68px;border-radius:10px;object-fit:cover;border:1px solid #e5e7eb;cursor:pointer}
    .rv-photo-more{position:relative;width:68px;height:68px;border-radius:10px;overflow:hidden;cursor:pointer;flex-shrink:0}
    .rv-photo-more img{width:100%;height:100%;object-fit:cover}
    .rv-photo-more::after{content:attr(data-more);position:absolute;inset:0;background:rgba(0,0,0,.62);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}
    .rv-like-row{display:flex;align-items:center;justify-content:flex-end;margin-top:0;padding-top:4px}
    .rv-like-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 0;border:none;background:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .2s;margin-top:auto}
    .rv-like-btn:hover{color:#3b82f6}
    .rv-like-btn.liked{color:#3b82f6}
    .rv-like-btn.own{opacity:.4;cursor:not-allowed}
    .rv-like-btn svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}
    .rv-like-btn .rv-like-count{font-weight:600}
    .rv-like-btn.pop svg{transform:scale(1.35) rotate(-12deg)}
    .rv-like-btn.liked .rv-like-circle::before{opacity:1;transform:scale(1)}
    .rv-like-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;position:relative}
    .rv-like-circle::before{content:'';position:absolute;inset:0;border-radius:50%;background:#dbeafe;opacity:0;transform:scale(.5);transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1)}
    @media(max-width:480px){
      .review{gap:10px}
      .rv-avatar{width:34px;height:34px;min-width:34px;font-size:15px}
      .rv-photo-thumb,.rv-photo-more{width:52px;height:52px}
    }
    @media(max-width:900px), (orientation: portrait){
      .reviews-mobile .review{display:grid;grid-template-columns:34px minmax(0,1fr) 110px;column-gap:6px;row-gap:8px;align-items:start;padding:16px 0}
      .reviews-mobile .rv-avatar{grid-column:1;grid-row:1;width:34px;height:34px;min-width:34px;font-size:15px}
      .reviews-mobile .rv-body{display:contents}
      .reviews-mobile .rv-stars-row{font-size:16px}
      .reviews-mobile .rv-stars-row{grid-column:2;grid-row:1;align-self:center;min-width:0}
      .reviews-mobile .rv-tags{grid-column:2 / -1;grid-row:2;padding-right:14px;box-sizing:border-box}
      .reviews-mobile .rv-comment{font-size:13.5px;line-height:1.55}
      .reviews-mobile .rv-comment{grid-column:2 / -1;grid-row:3;margin-top:0;padding-right:14px;box-sizing:border-box}
      .reviews-mobile .rv-meta{flex-wrap:wrap;row-gap:4px;font-size:12px}
      .reviews-mobile .rv-meta{grid-column:2;grid-row:4;padding-right:14px;box-sizing:border-box}
      .reviews-mobile .rv-side{display:contents}
      .reviews-mobile .rv-side .rv-photos{grid-column:3;grid-row:1;justify-self:end;align-self:start;margin-left:0 !important;width:110px;overflow:visible}
      .reviews-mobile .rv-side .rv-like-btn{grid-column:3;grid-row:5;justify-self:end;align-self:start;margin-top:0;font-size:12px;justify-content:flex-end;text-align:right}
      .reviews-mobile .rv-photo-thumb,.reviews-mobile .rv-photo-more{width:52px;height:52px;border-radius:8px}
      .reviews-mobile .review.rv-one-photo{grid-template-columns:34px minmax(0,1fr) 52px}
      .reviews-mobile .review.rv-one-photo .rv-side .rv-photos{width:52px}
      .reviews-mobile .review.rv-no-photos{grid-template-columns:34px minmax(0,1fr)}
      .reviews-mobile .review.rv-no-photos .rv-side .rv-like-btn{grid-column:2;justify-self:end}
    }
    .rating-box{display:flex;align-items:center;gap:16px;margin:8px 0}
    .bars{flex:1}
    .bar{display:flex;align-items:center;gap:8px;margin:3px 0}
    .bar .b{background:#e5e7eb;height:8px;border-radius:8px;flex:1;overflow:hidden}
  .bar .b span{display:block;height:8px;background:#f59e0b}
  /* Reseñas con fotos - top 6 en horizontal con overlay de estrellas */
  .rv-top{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}
  @media(max-width:1100px){ .rv-top{grid-template-columns:repeat(5,1fr)} }
  @media(max-width:900px){ .rv-top{grid-template-columns:repeat(4,1fr)} }
  @media(max-width:600px){ .rv-top{grid-template-columns:repeat(3,1fr)} }
  @media(max-width:600px) and (orientation:portrait){
    .rv-top{display:flex;gap:8px;margin:10px 0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
    .rv-top::-webkit-scrollbar{display:none}
    .rv-item{flex:0 0 calc((100% - 16px) / 3.4);scroll-snap-align:start}
    .rv-item img{height:auto;aspect-ratio:1}
    .rv-badge{padding:3px 6px;font-size:14px;gap:4px}
    .rv-more .rv-more-txt{font-size:15px}
  }
  .rv-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#fff;cursor:pointer}
  .rv-item img{width:100%;height:110px;object-fit:cover;display:block}
  .rv-badge{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:6px;background:rgba(17,24,39,.8);color:#fff;padding:5px 8px;border-radius:999px;font-size:16px;font-weight:800;z-index:3}
  .rv-more .rv-badge{display:none}
  .rv-more::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62);z-index:1}
  .rv-more .rv-more-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px;letter-spacing:.2px;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.55)}
  /* Contador de fotos en móvil, sobre la imagen principal */
  .photo-counter{position:absolute;left:8px;bottom:8px;display:none;align-items:center;gap:6px;background:rgba(17,24,39,.8);color:#fff;padding:4px 8px;border-radius:999px;font-size:14px;font-weight:800;line-height:1.1;z-index:20}
  @media(max-width:600px), (orientation: portrait){ .photo-counter{ display:inline-flex } }
  /* Pills overlay sobre imagen principal */
  .img-pill{position:absolute;display:none;align-items:center;justify-content:center;background:rgba(17,24,39,.85);color:#fff;width:40px;height:40px;border-radius:999px;font-size:14px;font-weight:800;line-height:1;z-index:20;text-decoration:none;cursor:pointer;user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.25);}
  .img-pill svg{display:block;width:24px;height:24px;}
  @media(max-width:600px), (orientation: portrait){
    .img-pill{display:inline-flex}
    .zoom-wrap.has-mobile-promo .img-promo-row{left:0;bottom:0}
    .zoom-wrap.has-mobile-promo .photo-counter{left:8px;bottom:64px}
    .zoom-wrap.has-mobile-promo .pill-fav{right:8px;bottom:64px}
  }
  .pill-back{left:8px;top:8px}
  .pill-share{right:8px;top:8px}
  .pill-fav{right:8px;bottom:8px}
  .img-pill:active{filter:brightness(1.15)}
  /* Estado favorito: el recuadro permanece oscuro */
  .pill-fav.active{background:rgba(17,24,39,.85)}
  /* Badges de promoción dentro de la imagen (estilo Temu): pegados a la esquina inferior izquierda */
  .img-promo-row{position:absolute;left:0;bottom:0;display:none;align-items:flex-end;gap:0;z-index:18;pointer-events:none;font-family:inherit}
  @media(max-width:600px), (orientation: portrait){ .img-promo-row{display:flex} }
  /* Badge ribbon moderno: número de descuento prominente + label pequeño debajo, esquina diagonal cortada */
  .img-promo-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 18px 7px 11px;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#fff;line-height:1;text-decoration:none;pointer-events:auto;cursor:pointer;position:relative;overflow:hidden;min-height:44px;min-width:62px;box-sizing:border-box;clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);box-shadow:0 4px 10px rgba(0,0,0,.18);transition:transform .18s ease, filter .18s ease}
  .img-promo-badge:hover{transform:translateY(-1px);filter:brightness(1.06)}
  .img-promo-badge:active{transform:translateY(0);filter:brightness(.96)}
  .img-promo-badge .pb-num{font-size:18px;font-weight:900;letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums}
  .img-promo-badge .pb-label{font-size:8.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.95;line-height:1;margin-top:2px}
  .promo-offer{background:linear-gradient(180deg,#fb923c 0%,#f97316 100%);z-index:2}
  .promo-mega{background:linear-gradient(180deg,#ef4444 0%,#dc2626 60%,#b91c1c 100%);min-width:74px;min-height:50px;padding:7px 22px 8px 12px;clip-path:polygon(0 0, 100% 0, calc(100% - 13px) 100%, 0 100%);z-index:2}
  .promo-mega .pb-num{font-size:22px;text-shadow:0 1px 2px rgba(0,0,0,.22)}
  .promo-mega .pb-label{font-size:9px;letter-spacing:.7px;color:#fef3c7}
  /* Shimmer sweep para mega ofertas */
  /* El brillo se mueve con transform, NO con left: animar 'left' obliga al navegador a recalcular el
     layout en cada cuadro (reflow) y por eso se veia a tirones. translateX corre en la GPU, sin reflow.
     will-change reserva la capa de antemano para que el primer barrido no arranque duro. */
  .promo-mega::before{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.10) 35%,rgba(255,255,255,.50) 50%,rgba(255,255,255,.10) 65%,transparent 100%);transform:translate3d(-140%,0,0) skewX(-18deg);animation:promoMegaShine 5.2s cubic-bezier(.45,.05,.3,1) infinite;will-change:transform;pointer-events:none;z-index:1}
  .promo-mega > *{position:relative;z-index:2}
  /* Pausa larga al final (el 45%-100% queda fuera de pantalla) para que el destello sea un detalle
     ocasional y no un parpadeo constante. El degradado ahora entra y sale suave en vez de cortar seco. */
  @keyframes promoMegaShine{
    0%, 18%   { transform: translate3d(-140%,0,0) skewX(-18deg); }
    45%, 100% { transform: translate3d(320%,0,0)  skewX(-18deg); }
  }
  @media (prefers-reduced-motion: reduce){ .promo-mega::before{animation:none;display:none} }
  /* Envío gratis: mismo lenguaje visual, sin shimmer */
  .promo-free{background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%);min-height:44px;padding:6px 16px 7px 16px;flex-direction:row;gap:6px;text-transform:none}
  .promo-free .pb-label{font-size:11px;font-weight:700;letter-spacing:.2px;text-transform:none;margin-top:0}
  .promo-free svg{width:13px;height:13px;display:block}
  .promo-mega + .promo-free,
  .promo-offer + .promo-free{margin-left:-10px;padding-left:20px;clip-path:polygon(10px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);z-index:1}
  /* Ocultar botones de cabecera duplicados en móvil */
  @media(max-width:600px), (orientation: portrait){
    .head-actions .btn-share,
    .head-actions .btn-fav,
    .head-actions .fav-count{ display:none !important }
  }
  /* Modal individual de reseña */
  .rv-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:2100;overflow:hidden;overscroll-behavior:none;padding:24px}
  .rv-modal .box{background:#fff;color:#111827;border-radius:12px;width:min(1080px,100%);height:auto;max-height:min(760px,92vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.32)}
  @media(min-width:1536px){ .rv-modal .box{ max-width:1360px } }
  @media(min-width:1920px){ .rv-modal .box{ max-width:1600px } }
  .rv-modal .top{display:flex;align-items:center;justify-content:flex-end;min-height:44px;padding:6px 10px;border-bottom:1px solid #eef2f7}
  .rv-detail-head-user{display:none}
  .rv-modal .top strong{display:none}
  .rv-modal .top .close{width:34px;height:34px;background:#fff;border:none;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#111827;cursor:pointer}
  .rv-modal .top .close:hover{background:#f3f4f6}
  .rv-modal .body{flex:0 1 auto;min-height:0;height:auto;padding:18px 22px 24px;overflow:hidden}
  .rv-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;height:auto;min-height:0}
  .rv-detail.no-media{grid-template-columns:1fr}
  .rv-detail.no-media .left{display:none}
  .rv-detail .left{height:auto;min-height:0}
  .rv-detail .right{display:flex;flex-direction:column;min-height:0;max-height:calc(92vh - 120px);overflow:auto;padding-right:4px}
  .rv-detail-head{flex-shrink:0;padding-bottom:0}
  .rv-detail-user{display:flex;align-items:center;gap:10px;margin-bottom:8px}
  .rv-detail-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#64748b;color:#fff;font-weight:800;flex:0 0 auto;text-transform:uppercase}
  .rv-detail-name{font-weight:800;font-size:.92rem;color:#111827;line-height:1.25}
  .rv-detail-date{color:#9ca3af;font-size:.78rem;line-height:1.35;margin-top:2px}
  .rv-detail-likes{display:inline-flex;align-items:center;gap:5px;color:#64748b;font-size:.8rem;font-weight:700;margin-bottom:12px}
  .rv-detail-likes svg{width:15px;height:15px}
  .rv-comment-scroll{flex:0 0 auto;min-height:0;overflow:visible;padding-right:0}
  .rv-comment-scroll::-webkit-scrollbar{width:4px}
  .rv-comment-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
  /* Panel izquierdo con thumbs verticales + foto grande */
  .rv-left{display:grid;grid-template-columns:62px 1fr;gap:12px;height:auto;min-height:0;align-items:start}
  .rv-left.no-thumbs{grid-template-columns:1fr}
  .rv-left.no-thumbs .rv-thumbs{display:none}
  .rv-thumbs{overflow:auto;height:100%;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-ms-overflow-style:none}
  .rv-thumbs::-webkit-scrollbar{width:0;height:0}
  .rv-thumb{width:62px;height:62px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;cursor:pointer;flex:0 0 auto;background:#f8fafc}
  .rv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .rv-thumb.active{border-color:#ec4899}
  .rv-photo{position:relative;width:min(100%, 680px);aspect-ratio:4 / 3;height:auto;min-height:0;justify-self:center;align-self:start;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .rv-modal .rv-photo img{max-width:100%;max-height:100%;width:100% !important;height:100% !important;object-fit:contain !important;display:block}
  .rv-photo .nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:none;background:rgba(255,255,255,.92);color:#111827;box-shadow:0 6px 18px rgba(15,23,42,.18);font-size:1.8rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  .rv-photo .nav:hover{background:#fff}
  .rv-photo .prev{left:12px}
  .rv-photo .next{right:12px}
  @media(min-width:1536px){ .zoom-lens{ width:320px; height:320px } }
  @media(min-width:1920px){ .zoom-lens{ width:360px; height:360px } }
  /* Evitar que el texto se desborde */
  .rv-comment{word-break:break-word;overflow-wrap:anywhere}
  .rv-meta{color:#9ca3af;font-size:16px}
  .rv-stars{display:flex;align-items:center;gap:1px;color:#ec4899;margin:5px 0 6px;font-size:1.35rem;font-weight:400;line-height:1}
  .review .star{font-size:22px}
  #stars .star-btn{font-size:26px}
  .rv-comment{font-weight:600;color:#374151;font-size:17px;line-height:1.5}
  .rv-detail .rv-comment{color:#334155;font-size:.92rem;font-weight:500;line-height:1.58;margin:12px 0 16px;text-align:left;text-align-last:auto;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}
  .rv-all-gal-comment,.rv-img-comment{text-align:justify;text-align-last:left;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;line-height:1.6}
    .filter-stars .btn{border-radius:999px}
  /* Eliminado: estilos de lightbox y galería modal avanzada */

  /* rv-modal fullscreen en mobile */
  @media(max-width:900px), (orientation: portrait){
    .rv-modal{padding:0;background:rgba(0,0,0,.72);overflow:visible;align-items:stretch;justify-content:stretch}
    .rv-modal .box{width:100%;max-width:100%;max-height:none;height:100%;border-radius:0;border:none;box-shadow:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
    .rv-modal .top{position:sticky;top:0;background:#fff;z-index:2;justify-content:space-between;min-height:58px;padding:8px 14px;border-bottom:1px solid #f1f5f9}
    .rv-detail-head-user{display:flex;align-items:center;gap:10px;min-width:0}
    .rv-detail-head-user .rv-detail-name{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .rv-modal .body{height:auto;padding:14px 16px max(28px, env(safe-area-inset-bottom));overflow:visible;flex:none}
    .rv-detail{height:auto;display:flex;flex-direction:column;gap:0;overflow:visible}
    .rv-left{display:flex;flex-direction:column;gap:10px;height:auto;min-height:auto}
    .rv-thumbs{order:2;height:auto;flex-direction:row;overflow:auto;padding:2px 0 4px}
    .rv-photo{width:100%;height:auto;min-height:280px;max-height:58vh;aspect-ratio:4 / 5;flex:0 0 auto}
    .rv-detail .right{overflow:visible;min-height:auto;padding-top:18px;padding-right:0}
    .rv-detail-head .rv-detail-user{display:none}
    .rv-stars{font-size:1.65rem}
    .rv-comment-scroll{flex:none;min-height:auto;overflow:visible;padding-right:0}
  }

  /* Botón "Ver más" reseñas */
  .rv-see-more-btn{background:#fff;border:1.5px solid #d1d5db;border-radius:999px;padding:8px 28px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s}
  .rv-see-more-btn:hover{background:#f9fafb;border-color:#9ca3af}

  /* Modal "Ver más" reseñas */
  .rv-all-modal{display:none;position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.5);align-items:center;justify-content:center}
  .rv-all-modal[aria-hidden="false"]{display:flex}
  .rv-all-box{background:#fff;border-radius:12px;width:94%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}
  .rv-all-header{display:flex;flex-direction:column;padding:18px 20px 10px;gap:6px;flex-shrink:0}
  .rv-all-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .rv-all-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .rv-all-label{font-size:22px;font-weight:800;color:#111}
  .rv-all-sep{color:#d1d5db;font-size:18px}
  .rv-all-avg{font-size:20px;font-weight:700;color:#111}
  .rv-all-stars-inline{color:#f59e0b;font-size:18px;display:inline-flex;align-items:center;gap:1px}
  .rv-all-stars-inline .rv-star-icon{width:18px;height:18px}
  .rv-all-count{font-size:13px;color:#9ca3af}
  .rv-all-verified{display:flex;align-items:center;gap:5px;font-size:12px;color:#16a34a;font-weight:600;white-space:nowrap}
  .rv-all-verified svg{flex-shrink:0}
  .rv-all-close{background:transparent;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:8px}
  .rv-all-close:hover{background:#f3f4f6}
  .rv-all-sort{padding:10px 20px 6px;font-size:13px;color:#6b7280;flex-shrink:0;display:flex;align-items:center;gap:6px}
  .rv-all-sort-label{font-size:12px;color:#9ca3af;font-weight:500}
  .rv-all-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:12.5px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;user-select:none}
  .rv-all-pill:hover{border-color:#d1d5db;background:#f9fafb}
  .rv-all-pill.active{border-color:#e91e63;color:#e91e63;background:#fdf2f8}
  .rv-all-pill svg{width:13px;height:13px;flex-shrink:0}
  .rv-all-body{flex:1;overflow-y:auto;padding:0 20px 20px;min-height:0}
  .rv-all-body::-webkit-scrollbar{width:4px}
  .rv-all-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
  /* Cada reseña dentro del modal */
  .rv-all-item{padding:16px 0;border-bottom:1px solid #f1f5f9;display:flex;gap:14px}
  .rv-all-item:last-child{border-bottom:none}
  .rv-all-left{flex:1;min-width:0}
  .rv-all-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
  .rv-all-item .rv-all-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
  .rv-all-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}
  .rv-all-item .rv-all-stars{color:#f59e0b;font-size:18px;display:flex;align-items:center;gap:1px;font-weight:400}
  .rv-all-item .rv-all-color{font-size:12px;color:#6b7280;margin-top:2px}
  .rv-all-item .rv-all-comment{font-size:14px;color:#374151;line-height:1.55;margin:6px 0;font-weight:500;word-break:break-word}
  .rv-all-item .rv-all-meta{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}
  .rv-all-item .rv-all-photos{display:flex;gap:6px;flex-wrap:wrap}
  .rv-all-item .rv-all-photos img{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid #e5e7eb;transition:opacity .15s}
  .rv-all-item .rv-all-photos img:hover{opacity:.85}
  .rv-all-item .rv-all-photos .rv-all-photo-more{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid #e5e7eb}
  .rv-all-item .rv-all-photos .rv-all-photo-more img{width:100%;height:100%;border:none}
  .rv-all-item .rv-all-photos .rv-all-photo-more::after{content:attr(data-more);position:absolute;inset:0;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
  .rv-all-item .rv-all-like{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;font-size:12px;color:#9ca3af;cursor:pointer;padding:2px 0;margin-top:auto}
  .rv-all-item .rv-all-like:hover{color:#6b7280}
  .rv-all-item .rv-all-like.liked{color:#10b981}

  /* Modal visor de imágenes de clientes */
  .rv-img-modal{display:none;position:fixed;inset:0;z-index:3100;background:rgba(0,0,0,.55);align-items:center;justify-content:center}
  .rv-img-modal[aria-hidden="false"]{display:flex}
  .rv-img-box{background:#fff;border-radius:12px;width:94%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25)}
  .rv-img-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f1f5f9;gap:8px}
  .rv-img-back{background:transparent;border:none;cursor:pointer;padding:4px;color:#111;display:inline-flex;align-items:center}
  .rv-img-title{font-size:17px;font-weight:700;color:#111;flex:1}
  .rv-img-close{background:transparent;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:8px}
  .rv-img-close:hover{background:#f3f4f6}
  .rv-img-body{flex:1;overflow-y:auto;padding:16px}
  .rv-img-main-wrap{position:relative;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:10px;min-height:280px;margin-bottom:12px;overflow:hidden}
  .rv-img-main{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;display:block}
  .rv-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:none;background:rgba(0,0,0,.4);color:#fff;font-size:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  .rv-img-nav:hover{background:rgba(0,0,0,.6)}
  .rv-img-nav.prev{left:8px}
  .rv-img-nav.next{right:8px}
  .rv-img-thumbs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:thin}
  .rv-img-thumbs img{width:50px;height:50px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:border-color .15s}
  .rv-img-thumbs img.active{border-color:#111}
  .rv-img-stars{color:#f59e0b;font-size:18px;margin:8px 0 4px;display:flex;align-items:center;gap:1px;font-weight:400}
  .rv-img-meta{font-size:13px;color:#9ca3af;margin-bottom:6px}
  .rv-img-comment{font-size:14px;color:#374151;line-height:1.5;font-weight:500}

  /* Modal visor imágenes fullscreen en mobile */
  @media(max-width:900px){
    .rv-img-modal{background:none}
    .rv-img-box{width:100%;max-width:100%;max-height:100%;height:100%;border-radius:0;box-shadow:none}
    .rv-img-header{position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #f1f5f9;padding:14px 16px}
    .rv-img-body{padding:12px 16px 100px}
    .rv-img-main-wrap{min-height:220px;border-radius:8px}
  }

  /* Galería inline dentro de rvAllModal (desktop) */
  .rv-all-box.gallery-mode{max-width:1100px}
  @media(min-width:1536px){.rv-all-box.gallery-mode{max-width:1360px}}
  .rv-all-gallery{display:none;flex:1;overflow:hidden;min-height:0;flex-direction:column}
  .rv-all-gallery.active{display:flex}
  .rv-all-gallery-header{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f1f5f9;gap:10px;flex-shrink:0}
  .rv-all-gallery-back{background:transparent;border:none;cursor:pointer;padding:4px;color:#111;display:inline-flex;align-items:center}
  .rv-all-gallery-back:hover{background:#f3f4f6;border-radius:8px}
  .rv-all-gallery-title{font-size:18px;font-weight:700;color:#111;flex:1}
  .rv-all-gallery-close{background:transparent;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:8px}
  .rv-all-gallery-close:hover{background:#f3f4f6}
  .rv-all-gallery-body{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:0;overflow:hidden;min-height:0}
  .rv-all-gal-left{display:grid;grid-template-columns:56px 1fr;gap:10px;height:100%;padding:16px;min-height:0;overflow:hidden}
  .rv-all-gal-left.no-thumbs{grid-template-columns:1fr}
  .rv-all-gal-thumbs{overflow-y:auto;height:100%;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-ms-overflow-style:none}
  .rv-all-gal-thumbs::-webkit-scrollbar{width:0;height:0}
  .rv-all-gal-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;cursor:pointer;flex-shrink:0}
  .rv-all-gal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .rv-all-gal-thumb.active{border-color:#111}
  .rv-all-gal-photo{position:relative;width:100%;height:100%;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .rv-all-gal-photo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;display:block}
  .rv-all-gal-photo .gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  .rv-all-gal-photo .gal-nav:hover{background:rgba(0,0,0,.6)}
  .rv-all-gal-photo .gal-prev{left:10px}
  .rv-all-gal-photo .gal-next{right:10px}
  .rv-all-gal-right{padding:24px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}
  .rv-all-gal-stars{color:#f59e0b;font-size:22px;font-weight:400;display:flex;align-items:center;gap:1px;margin-bottom:10px}
  .rv-all-gal-meta{color:#9ca3af;font-size:16px;margin-bottom:12px}
  .rv-all-gal-comment{font-weight:600;color:#374151;font-size:17px;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}

  /* Modal reseñas fullscreen en mobile */
  @media(max-width:900px){
    .rv-all-modal{background:none}
    .rv-all-box{width:100%;max-width:100%;max-height:100%;height:100%;border-radius:0;box-shadow:none}
    .rv-all-header{padding:14px 16px 8px;gap:6px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #f1f5f9}
    .rv-all-verified{white-space:normal}
    .rv-all-label{font-size:18px}
    .rv-all-avg{font-size:17px}
    .rv-all-stars-inline{font-size:16px}
    .rv-all-stars-inline .rv-star-icon{width:16px;height:16px}
    .rv-all-count{font-size:12px}
    .rv-all-sort{padding:8px 16px 6px;position:sticky;top:auto;background:#fff;z-index:1;flex-wrap:wrap;gap:6px}
    .rv-all-pill{padding:6px 12px;font-size:12px}
    .rv-all-body{padding:0 16px 100px}
    .rv-all-item{padding:14px 0;gap:10px;flex-wrap:wrap}
    .rv-all-item .rv-all-comment{font-size:13.5px}
    .rv-all-item .rv-all-meta{font-size:11.5px}
    .rv-all-item .rv-all-photos img{width:52px;height:52px}
    .rv-all-item .rv-all-photos .rv-all-photo-more{width:52px;height:52px}
    .rv-all-close{flex-shrink:0}
    .rv-all-gallery-body{grid-template-columns:1fr;grid-template-rows:1fr auto}
    .rv-all-gal-left{grid-template-columns:1fr;padding:10px}
    .rv-all-gal-thumbs{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:auto}
    .rv-all-gal-thumb{width:44px;height:44px}
    .rv-all-gal-right{padding:14px 16px}
    .rv-all-gal-stars{font-size:22px}
    .rv-all-gal-comment{font-size:14px}
  }

  /* Ajustes específicos para pantallas muy angostas (<500px) */
  @media(max-width:600px) and (orientation: portrait){
    .qty-modal-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:2100 }
    .qty-modal-overlay.open{ display:flex }
    .qty-modal{ background:#fff; border-radius:16px; width:90%; max-width:340px; padding:0; box-shadow:0 20px 60px rgba(0,0,0,.25) }
    .qty-modal-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #f1f5f9 }
    .qty-modal-header h4{ margin:0; font-size:16px; font-weight:700; flex:1; text-align:center }
    .qty-modal-close{ background:transparent; border:none; padding:4px; cursor:pointer; color:#6b7280 }
    .qty-modal-close:hover{ color:#374151 }
    .qty-modal-body{ padding:20px }
    .qty-modal-input-wrap{ display:flex; align-items:stretch; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden }
    .qty-modal-label{ display:flex; align-items:center; padding:12px 14px; background:#f9fafb; color:#374151; font-weight:600; font-size:14px; white-space:nowrap }
    .qty-modal-divider{ width:1px; background:#e5e7eb; margin:8px 0 }
    .qty-modal-field{ flex:1; border:none; padding:12px 14px; font-size:14px; outline:none }
    .qty-modal-field::placeholder{ color:#9ca3af }
    .qty-modal-actions{ margin-top:16px; display:flex; justify-content:center }
    .qty-modal-actions .btn{ width:100%; border-radius:10px; padding:14px; font-weight:700; position:relative; overflow:hidden; transition: all 0.3s ease }
    .qty-modal-actions .btn.loading{ width:48px; height:48px; border-radius:50%; padding:0; pointer-events:none; margin:0 auto }
    .qty-modal-actions .btn.loading .btn-text{ opacity:0 }
    .qty-modal-actions .btn .btn-text{ transition: opacity 0.2s ease }
    .qty-modal-actions .btn .btn-spinner{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; transition: opacity 0.2s ease }
    .qty-modal-actions .btn.loading .btn-spinner{ opacity:1 }
    .qty-modal-actions .btn .btn-spinner svg{ animation: qtySpinAnim 0.8s linear infinite }
    .qty-modal-actions .btn.success{ background:#10b981 !important; border-color:#10b981 !important }
    .qty-modal-actions .btn.success .btn-spinner svg{ animation:none }
    .qty-limit-popup{ position:fixed; display:none; align-items:center; justify-content:center; z-index:2200 }
    .qty-limit-popup-box{ background:rgba(0,0,0,.85); color:#fff; padding:12px 20px; border-radius:10px; font-size:14px; font-weight:600; text-align:center; max-width:90vw; box-shadow:0 6px 24px rgba(0,0,0,.4) }
  }
  /* Ajustes específicos para pantallas muy angostas (<500px) */
  @media(max-width:500px){
    .container-page{ padding:10px }
    /* Recuadro fijo en móviles angostos: no colapsar por imágenes pequeñas */
    .zoom-wrap{ width:100%; height:360px !important; max-height:none !important; aspect-ratio:auto !important; overflow:hidden !important; padding:0 }
    .zoom-wrap #main-img, .zoom-wrap #main-video{ width:100% !important; height:100% !important; object-fit:contain !important; display:block }
    .vgal{ display:flex; flex-direction:column; gap:6px }
    #thumbsList{ display:none !important }
    /* Cabecera: título y acciones compactas */
    .head-row{ align-items:flex-start; gap:6px }
    .head-actions{ gap:6px }
    .btn-share{ font-size:12px; padding:4px 4px }
    .btn-fav{ width:30px; height:30px }
    .fav-count{ font-size:12px }
    /* Meta y ranking */
    .meta-line{ flex-wrap:wrap; row-gap:4px }
    .meta-left,.meta-right{ font-size:12px }
    .stars{ font-size:18px }
    .stars .rv-star-icon{ width:18px; height:18px }
    /* Mobile/vertical: estrellas más juntas, color brand y recuadro con fade a la derecha */
    .meta-right{
      gap:4px; padding:3px 22px 3px 8px; border-radius:6px;
      background:linear-gradient(to right, rgba(238,74,137,.16) 0%, rgba(238,74,137,.10) 55%, rgba(238,74,137,0) 100%);
      color:#ee4a89; font-weight:700;
    }
    .meta-right .rv-num{ color:#ee4a89; font-weight:800 }
    .meta-right .stars{ gap:1px }
    .meta-right .stars .rv-star-icon{ width:14px; height:14px; color:#ee4a89 }
    .meta-right .stars .rv-star-icon path{ fill:#ee4a89 !important; stroke:#ee4a89 !important }
    .best-pill{
      gap:4px; padding:3px 18px 3px 8px; border-radius:6px;
      background:linear-gradient(to right, rgba(22,163,74,.16) 0%, rgba(22,163,74,.10) 55%, rgba(22,163,74,0) 100%);
      color:#16a34a; font-weight:700;
    }
    .best-pill .best-trophy{ width:14px; height:14px; color:#16a34a; flex:0 0 14px }
    .best-pill .best-rank,
    .best-pill .best-sold{ color:#16a34a; font-weight:800 }
    .best-pill .best-sep{ background:rgba(22,163,74,.35) }
    .best-pill:hover .best-rank,
    .best-pill:hover .best-sold{ color:#16a34a }
    .top-link{ display:block; margin-top:6px }
    .top-badge{ font-size:11px; padding:2px 6px }
    .buy-actions{ flex-direction:column }
    .buy-actions .add-to-cart, .buy-actions .buy-now{ width:100%; font-size:15px }
    .buy-actions .add-to-cart{ padding:10px 12px }
    .buy-actions .buy-now{ padding:12px 20px }
    /* Precio y badges: permitir salto de línea */
    .price-line{ flex-wrap:wrap; gap:6px }
    .price{ font-size:22px }
    .old{ font-size:12px }
    .badge{ font-size:11px; padding:3px 6px }
    .price-line .badge{ margin-left:0 !important }
    .desc{ font-size:15px }
    .desc, .review{ word-break:break-word; overflow-wrap:anywhere }
    .reviews h5{ font-size:16px }
    .reviews .rating-box{ flex-direction:column; align-items:flex-start }
    .rv-top{ grid-template-columns:repeat(2,1fr) }
    .rv-item img{ height:100px }
    .zoom-lens{ display:none !important }
    /* Cantidad y stock - Móvil muy angosto */
    .qty-mobile{ gap:8px; padding:4px }
    .qty-mobile-minus,
    .qty-mobile-plus{ width:34px; height:34px; font-size:20px }
    .qty-mobile-input{ width:50px; height:38px; font-size:14px }
    .qty-mobile-stock{ font-size:11px }
    /* Modal de cantidad */
    .qty-modal-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:2100 }
    .qty-modal-overlay.open{ display:flex }
    .qty-modal{ background:#fff; border-radius:16px; width:90%; max-width:340px; padding:0; box-shadow:0 20px 60px rgba(0,0,0,.25) }
    .qty-modal-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #f1f5f9 }
    .qty-modal-header h4{ margin:0; font-size:16px; font-weight:700; flex:1; text-align:center }
    .qty-modal-close{ background:transparent; border:none; padding:4px; cursor:pointer; color:#6b7280 }
    .qty-modal-close:hover{ color:#374151 }
    .qty-modal-body{ padding:20px }
    .qty-modal-input-wrap{ display:flex; align-items:stretch; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden }
    .qty-modal-label{ display:flex; align-items:center; padding:12px 14px; background:#f9fafb; color:#374151; font-weight:600; font-size:14px; white-space:nowrap }
    .qty-modal-divider{ width:1px; background:#e5e7eb; margin:8px 0 }
    .qty-modal-field{ flex:1; border:none; padding:12px 14px; font-size:14px; outline:none }
    .qty-modal-field::placeholder{ color:#9ca3af }
    .qty-modal-actions{ margin-top:16px; display:flex; justify-content:center }
    .qty-modal-actions .btn{ width:100%; border-radius:10px; padding:14px; font-weight:700; position:relative; overflow:hidden; transition: all 0.3s ease }
    .qty-modal-actions .btn.loading{ width:48px; height:48px; border-radius:50%; padding:0; pointer-events:none; margin:0 auto }
    .qty-modal-actions .btn.loading .btn-text{ opacity:0 }
    .qty-modal-actions .btn .btn-text{ transition: opacity 0.2s ease }
    .qty-modal-actions .btn .btn-spinner{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; transition: opacity 0.2s ease }
    .qty-modal-actions .btn.loading .btn-spinner{ opacity:1 }
    .qty-modal-actions .btn .btn-spinner svg{ animation: qtySpinAnim 0.8s linear infinite }
    .qty-modal-actions .btn.success{ background:#10b981 !important; border-color:#10b981 !important }
    .qty-modal-actions .btn.success .btn-spinner svg{ animation:none }
    @keyframes qtySpinAnim{ 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }
    /* Popup de límite de cantidad */
    .qty-limit-popup{ position:fixed; display:none; align-items:center; justify-content:center; z-index:2200 }
    .qty-limit-popup-box{ background:rgba(0,0,0,.85); color:#fff; padding:12px 20px; border-radius:10px; font-size:14px; font-weight:600; text-align:center; max-width:90vw; box-shadow:0 6px 24px rgba(0,0,0,.4) }
    /* Barra de oferta compacta */
    .offer-bar{ padding:8px 10px; font-size:12px; flex-wrap:wrap; gap:2px 6px }
    .offer-bar .left{ font-size:11px; flex:1 1 auto; min-width:0 }
    .offer-bar .left .offer-label{ font-size:11px }
    .offer-bar .left .offer-disc{ font-size:11px }
    .offer-bar .right{ font-size:10px; flex:0 0 auto }
    .offer-clock{ width:14px; height:14px }
  }
  @media(max-width:900px) and (orientation:portrait){
    .offer-bar{ flex-wrap:nowrap; align-items:center; gap:8px; padding:10px 12px }
    .offer-bar .left{ flex:1 1 0; min-width:0 }
    .offer-bar .left .offer-label{ font-size:14px }
    .offer-bar .left .offer-disc{ font-size:13px }
    .offer-bar .right{ flex:0 0 auto; align-self:center; white-space:nowrap }
  }
  /* Barra fija de compra en móvil */
  .buy-bar{ position:fixed; left:0; right:0; bottom:0; z-index:1200; display:none; padding:10px 12px; padding-bottom:calc(10px + env(safe-area-inset-bottom,0px)); background:#fff; border-top:1px solid #f1f5f9; gap:8px; align-items:center; box-sizing:border-box; width:100% }
  .buy-bar .btn{ border-radius:999px; padding:12px 14px; font-weight:700; flex:1 1 0; min-width:0; overflow:hidden }
  .buy-bar .buy-now, .buy-bar .buy-now:hover, .buy-bar .buy-now:focus, .buy-bar .buy-now:active, .buy-bar .buy-now:active:focus{ background:#ee4a89 !important; border-color:#ee4a89 !important; color:#fff !important; font-size:17px !important; font-weight:800 !important; position:relative; overflow:hidden; z-index:0; transform:none !important; box-shadow:none !important; outline:none !important; -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:none; padding:10px 14px !important; min-width:0 }
  .buy-bar .buy-now:hover{ background:#d93f79; border-color:#d93f79; color:#fff !important }
  /* Pill +/- a la izquierda de Comprar ahora (morph in/out) */
  .buy-bar .bb-qty{
    display:inline-flex; align-items:center; gap:0; flex:0 0 auto;
    height:46px; padding:0; border-radius:999px;
    background:#fff; border:2px solid #ee4a89; color:#ee4a89;
    overflow:hidden; box-sizing:border-box;
    width:0; max-width:0; opacity:0; transform:scale(.7);
    transition: width .35s cubic-bezier(.68,-0.2,.27,1.4), max-width .35s cubic-bezier(.68,-0.2,.27,1.4), opacity .25s ease, transform .35s cubic-bezier(.68,-0.2,.27,1.4), margin .35s ease, padding .35s ease;
    pointer-events:none;
    margin-right:0;
    box-shadow:0 4px 14px rgba(238,74,137,.18);
  }
  .buy-bar .bb-qty.is-open{ width:130px; max-width:130px; opacity:1; transform:scale(1); pointer-events:auto; }
  .buy-bar .bb-qty button{
    flex:0 0 42px; width:42px; height:100%; border:0; background:transparent;
    font-size:22px; font-weight:800; color:#ee4a89; cursor:pointer;
    display:grid; place-items:center; line-height:1; padding:0; text-align:center;
    position:relative; color:transparent; --qty-glyph-color:#ee4a89;
    -webkit-tap-highlight-color:transparent;
    transition: background .15s ease;
  }
  .buy-bar .bb-qty button::before{
    position:absolute; inset:0; display:grid; place-items:center;
    color:var(--qty-glyph-color); line-height:1; font-size:inherit; font-weight:inherit;
    transform:translateY(-1px);
  }
  .buy-bar .bb-qty .bb-qty-minus::before{ content:'−'; }
  .buy-bar .bb-qty .bb-qty-plus::before{ content:'+'; }
  .buy-bar .bb-qty button:hover{ background:rgba(238,74,137,.08) }
  .buy-bar .bb-qty button:active{ background:rgba(238,74,137,.16) }
  .buy-bar .bb-qty .bb-qty-num{
    flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:800; font-size:16px;
    color:#1f2937; font-variant-numeric: tabular-nums;
    line-height:1; height:100%; transition: transform .25s ease;
  }
  .buy-bar .bb-qty .bb-qty-num.bump{ animation: bbqBump .35s cubic-bezier(.34,1.56,.64,1); }
  @keyframes bbqBump{ 0%{transform:scale(1)} 50%{transform:scale(1.35)} 100%{transform:scale(1)} }

  /* === Botón flotante carrito (premium, draggable) === */
  /* z-index 1049: DEBAJO del contenedor #gc-chat (z-index:1050). El panel del chat se abre con z-index:1055,
     PERO vive dentro de #gc-chat, que crea su propio stacking context en 1050 → hacia afuera todo el chat
     cuenta como 1050, sin importar el 1055 interno del panel. Por eso el FAB tiene que estar por debajo de
     1050 (no de 1055) para que el chat lo tape al abrirse. Cerrado no se solapa con el botón del chat. */
  .gc-cart-float{
    position:fixed; bottom:calc(150px + env(safe-area-inset-bottom,0px)); right:12px; z-index:1049;
    display:none; flex-direction:column; align-items:center; gap:4px;
    text-decoration:none; user-select:none; -webkit-user-select:none; touch-action:none;
    cursor:grab;
    transition: left .38s cubic-bezier(.4,0,.2,1), top .38s cubic-bezier(.4,0,.2,1), right .38s cubic-bezier(.4,0,.2,1), bottom .38s cubic-bezier(.4,0,.2,1);
  }
  .gc-cart-float.is-dragging{ transition:none; cursor:grabbing }
  .gc-cart-float.pop{ animation: gcCartPop .55s cubic-bezier(.34,1.56,.64,1); }
  @keyframes gcCartPop{ 0%{transform:scale(1)} 35%{transform:scale(1.18)} 70%{transform:scale(.95)} 100%{transform:scale(1)} }
  .gc-cart-float .gc-cart-float-circle{
    position:relative; width:54px; height:54px; border-radius:50%;
    background: linear-gradient(135deg,#ff5fa3 0%, #ee4a89 55%, #c83974 100%);
    display:flex; align-items:center; justify-content:center;
    color:#fff;
    box-shadow: 0 10px 24px rgba(238,74,137,.45), 0 2px 6px rgba(238,74,137,.25), inset 0 1px 0 rgba(255,255,255,.35);
    border: 2px solid rgba(255,255,255,.85);
  }
  .gc-cart-float .gc-cart-float-circle svg{ width:26px; height:26px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.15)); }
  .gc-cart-float .gc-cart-float-badge{
    position:absolute; top:-6px; right:-6px; min-width:22px; height:22px; padding:0 6px;
    border-radius:999px; background:#0f172a; color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:11px; font-weight:800; line-height:1; text-align:center;
    box-shadow:0 2px 6px rgba(0,0,0,.25); border:2px solid #fff;
    box-sizing:border-box;
  }
  .gc-cart-float .gc-cart-float-badge.bump{ animation: gcCartBadgeBump .5s cubic-bezier(.34,1.56,.64,1); }
  @keyframes gcCartBadgeBump{ 0%{transform:scale(1)} 50%{transform:scale(1.4)} 100%{transform:scale(1)} }
  .gc-cart-float .gc-cart-float-label{
    font-size:11px; font-weight:700; color:#0f172a;
    background:rgba(255,255,255,.92); padding:2px 8px; border-radius:999px;
    box-shadow:0 2px 8px rgba(15,23,42,.12);
    letter-spacing:.2px;
  }
  /* === Bola voladora (estilo shop.php) === */
  .gc-fly{position:fixed;z-index:9999;pointer-events:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff5fa3,#ee4a89);box-shadow:0 4px 16px rgba(238,74,137,.45);display:flex;align-items:center;justify-content:center}
  .gc-fly svg{width:20px;height:20px;color:#fff}
  .gc-plus-one{position:fixed;z-index:9998;pointer-events:none;color:#ee4a89;font-weight:800;font-size:18px;text-shadow:0 2px 6px rgba(238,74,137,.35);animation:gcPlusOne .9s cubic-bezier(.22,.61,.36,1) forwards;will-change:transform,opacity}
  @keyframes gcPlusOne{0%{transform:translate(-50%,0) scale(.6);opacity:0} 20%{transform:translate(-50%,-12px) scale(1.15);opacity:1} 100%{transform:translate(-50%,-44px) scale(1);opacity:0}}
  @media(max-width:900px), (orientation: portrait){
    html,body{ overflow-x:hidden }
    .buy-bar{ display:flex; justify-content:flex-start; gap:10px }
    /* Botón Comprar ahora: ocupa el resto */
    .buy-bar .buy-now, .buy-bar .buy-now:hover, .buy-bar .buy-now:focus, .buy-bar .buy-now:active{ flex:1 1 0; font-size:17px !important }
    /* Reservar espacio para que el contenido no quede oculto tras la barra */
    body{ padding-bottom: calc(74px + env(safe-area-inset-bottom,0px)) }
    /* Ocultar botones originales en móvil para no duplicar */
    .buy-actions{ display:none !important }
    /* Mostrar carrito flotante en móvil */
    .gc-cart-float{ display:flex }
  }
  /* Mobile/portrait: desactivar lente y permitir scroll vertical natural sobre la imagen */
  @media(max-width:900px), (orientation: portrait){
    .zoom-lens{ display:none !important }
    .zoom-wrap,
    .zoom-wrap #main-img,
    .zoom-wrap #main-video{ touch-action: pan-y pinch-zoom; }
  }
  /* Asegurar el origen de transformación al centro para clamp correcto */
  .zoom-wrap #main-img{ transform-origin: center center; will-change: transform; }

  /* Móvil: fijar recuadro y forzar ajuste de imagen al contenedor */
  @media(max-width: 600px){
    .vgal .zoom-wrap{ width:100%; height:360px; max-width:none; aspect-ratio:auto; }
    .vgal .zoom-wrap #main-img,
    .vgal .zoom-wrap #main-video{ width:100%; height:100%; object-fit:contain; }
  }
  @media(max-width:360px){ .fav-count{ display:none } }