/* REDISEÑO 2026 · FICHA DEL TENIS Y PÁGINAS DE SECCIÓN (catálogo). Lo escribe la pieza de ficha/catálogo. */
/* Lienzos: "Ficha" (celular 390), "Escritorio-Ficha" y "Categoria". Sistema: blanco / tinta #0E0E0C /
   rojo #C81B08 solo en etiquetas y ahorro (#B3170A en texto), Montserrat, botones en píldora,
   fotos con esquinas de 16px, 16px de margen en celular y 40px (tope 1600px) en escritorio.
   Todo va con #photoModal / #catView delante: las reglas viejas de styles.css tienen la misma clase y
   varias viven dentro de @media; con el id delante estas ganan sin !important y sin tocar styles.css. */
:root{--rdf-ink:#0E0E0C;--rdf-gris:#5C5A55;--rdf-gris2:#3A3934;--rdf-panel:#F5F3F0;--rdf-linea:#ECE9E4;--rdf-off:#D9D5CE;--rdf-rojo:#C81B08;--rdf-ahorro:#B3170A}

/* ═════════════════════════════ FICHA ═════════════════════════════ */
#photoModal .pm-wrap{font-family:var(--font);color:var(--rdf-ink)}
#photoModal .pm-scroll{padding-bottom:24px}
#photoModal a{color:var(--rdf-ink)}

/* Migas: solo escritorio */
#photoModal .rdf-crumbs{display:none;font-size:13px;font-weight:500;color:var(--rdf-gris)}
#photoModal .rdf-crumbs a{color:var(--rdf-gris);text-decoration:underline;text-underline-offset:2px}
#photoModal .rdf-crumbs span{color:var(--rdf-gris)}

/* Galería (celular: foto cuadrada de borde a borde, como el lienzo) */
#photoModal .pm-gal{background:var(--rdf-panel)}
#photoModal .pm-gal-dots{display:none}
#photoModal .rdf-gal-tag{position:absolute;left:12px;top:12px;z-index:3;background:#fff;color:var(--rdf-ink);border-radius:6px;font-size:11px;font-weight:700;padding:5px 8px;pointer-events:none}
#photoModal .rdf-gal-count{position:absolute;right:12px;bottom:12px;z-index:3;background:#fff;color:var(--rdf-ink);border-radius:6px;font-size:12px;font-weight:600;padding:5px 8px;pointer-events:none}
#photoModal .pm-gal .fav-btn{top:auto;bottom:6px;left:6px}
#photoModal .pm-gal-zoom{display:none}
#photoModal .pm-gal-arr{font-size:22px;background:#fff;box-shadow:0 2px 10px rgba(14,14,12,.15)}
#photoModal .rdf-thumbs{display:none}

/* Columna de compra */
#photoModal .pm-body{padding:20px 16px 0}
#photoModal .rdf-head{display:flex;flex-direction:column;gap:8px}
#photoModal .pm-gender{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--rdf-gris)}
#photoModal .pm-title{margin:0;font-family:var(--font);font-size:26px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-transform:none;color:var(--rdf-ink)}
#photoModal .pm-stars{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;font-weight:600;color:var(--rdf-ink);letter-spacing:0;text-decoration:underline;text-underline-offset:3px}
#photoModal .pm-stars .rdf-stars-ic{letter-spacing:1px;text-decoration:none;display:inline-block}
#photoModal .pm-stars #pmReviews{margin:0;font-size:13px;font-weight:600;color:var(--rdf-ink)}
#photoModal .pm-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:16px}
#photoModal .pm-price,#photoModal .pm-price.sale{font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--rdf-ink)}
#photoModal .pm-was{font-size:16px;font-weight:500;color:var(--rdf-gris);text-decoration:line-through}
#photoModal .pm-save{margin-top:4px;font-size:14px;font-weight:700;color:var(--rdf-ahorro)}
#photoModal .rdf-addi{margin-top:4px;font-size:14px;font-weight:500;line-height:1.5;color:var(--rdf-gris2)}
#photoModal .rdf-addi img{height:14px;width:auto;vertical-align:-2px;margin-left:2px}

/* Tallas */
#photoModal .pm-sizes-cta{display:block;margin-top:24px}
#photoModal .pm-sizes{margin:0}
#photoModal .pm-sizes-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#photoModal .pm-sizes-lbl{font-size:15px;font-weight:700;color:var(--rdf-ink);letter-spacing:0}
#photoModal .rdf-guia-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;font-family:var(--font);font-size:14px;font-weight:600;color:var(--rdf-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#photoModal .pm-guia{display:none!important}   /* el "¿Cómo sé mi talla?" viejo: ahora es "Guía de tallas" junto al título */
#photoModal .pm-sizes-row-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#photoModal .pm-sizes-row{display:flex;flex-wrap:wrap;gap:8px}
#photoModal .pm-size{min-width:60px;height:44px;padding:0 16px;border:2px solid var(--rdf-off);border-radius:999px;background:#fff;font-family:var(--font);font-size:15px;font-weight:700;color:var(--rdf-ink);transition:border-color .15s,background-color .15s,color .15s}
@media(hover:hover){#photoModal .pm-size:hover{border-color:var(--rdf-ink)}}
#photoModal .pm-size.on{background:var(--rdf-ink);border-color:var(--rdf-ink);color:#fff}
#photoModal .pm-size.out{background:#fff;color:var(--rdf-gris);border-color:var(--rdf-linea);opacity:1;text-decoration:line-through}
#photoModal .pm-sizes-err{display:none;font-size:13px;font-weight:600;color:var(--rdf-ahorro);opacity:1}
#photoModal .pm-sizes.err .pm-sizes-err{display:flex}
#photoModal .rdf-cambio{margin-top:8px;font-size:13px;font-weight:500;color:var(--rdf-gris)}
#photoModal .pm-talla-check{margin-top:12px;padding:10px 14px;background:var(--rdf-panel);border:0;border-radius:12px}
#photoModal .pm-talla-check-tx{font-size:13px;line-height:1.45;color:var(--rdf-gris2)}
#photoModal .pm-guia-box{margin-top:12px;padding:14px;background:var(--rdf-panel);border:0;border-radius:12px}
#photoModal .pm-guia-tx{font-size:13px;color:var(--rdf-gris2)}
#photoModal .pm-guia-img{border:0;border-radius:10px}

/* Botones: "Agregar al carrito" (secundario) y "Comprar ahora" (principal) */
#photoModal .rdf-acciones{display:flex;flex-direction:column;gap:12px;margin-top:20px}
#photoModal .rdf-acciones .pm-add,#photoModal .rdf-ahora{display:block;width:100%;height:auto;margin:0;border-radius:999px;font-family:var(--font);font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;text-align:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .12s}
#photoModal .rdf-acciones .pm-add{padding:14px;background:#fff;color:var(--rdf-ink);border:2px solid var(--rdf-ink)}
#photoModal .rdf-acciones .pm-add.in{background:#fff;color:var(--rdf-ink);animation:rdfOk .35s cubic-bezier(.34,1.56,.64,1) both}
#photoModal .rdf-ahora{padding:16px;background:var(--rdf-ink);color:#fff;border:0}
@media(hover:hover){
  #photoModal .rdf-acciones .pm-add:hover{background:var(--rdf-ink);color:#fff}
  #photoModal .rdf-ahora:hover{background:#2a2a27}
}
#photoModal .rdf-acciones .pm-add:active,#photoModal .rdf-ahora:active{transform:scale(.98)}
/* Sin talla: apagados y legibles (siguen respondiendo: llevan a las tallas) */
#photoModal .rdf-hint{display:none;font-size:12px;font-weight:600;color:var(--rdf-gris)}
#photoModal .rdf-acciones.sin-talla .rdf-hint{display:block}
#photoModal .rdf-acciones.sin-talla .pm-add{background:#fff;color:var(--rdf-gris);border-color:var(--rdf-off)}
#photoModal .rdf-acciones.sin-talla .rdf-ahora{background:#ECE9E4;color:var(--rdf-gris)}
@media(hover:hover){
  #photoModal .rdf-acciones.sin-talla .pm-add:hover{background:#fff;color:var(--rdf-gris)}
  #photoModal .rdf-acciones.sin-talla .rdf-ahora:hover{background:#ECE9E4}
}
#photoModal .rdf-wa{align-self:flex-start;background:none;border:0;padding:4px 0;font-family:var(--font);font-size:14px;font-weight:600;color:var(--rdf-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@keyframes rdfOk{from{transform:scale(.96);opacity:.6}to{transform:none;opacity:1}}

/* Caja del combo */
#photoModal .rdf-combo{margin-top:24px;background:var(--rdf-panel);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
#photoModal .rdf-combo-t{font-size:15px;font-weight:700}
#photoModal .rdf-combo-d{font-size:14px;font-weight:500;line-height:1.5;color:var(--rdf-gris2)}
#photoModal .rdf-combo-d b{color:var(--rdf-ahorro);font-weight:700}

/* Envío / cambio / pago seguro */
#photoModal .rdf-trust{display:flex;flex-direction:column;gap:12px;margin-top:20px}
#photoModal .rdf-trust span{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:1.4;color:var(--rdf-gris2)}
#photoModal .rdf-trust svg{flex-shrink:0;color:var(--rdf-ink)}

/* Acordeones */
#photoModal .rdf-acc{margin-top:20px}
#photoModal .rdf-acc details{border-top:1px solid var(--rdf-linea);padding:14px 0}
#photoModal .rdf-acc details:last-child{border-bottom:1px solid var(--rdf-linea)}
#photoModal .rdf-acc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:15px;font-weight:700;cursor:pointer}
#photoModal .rdf-acc summary::-webkit-details-marker{display:none}
#photoModal .rdf-acc summary::after{content:'+';font-size:20px;font-weight:500;line-height:1}
#photoModal .rdf-acc details[open] summary::after{content:'−'}
#photoModal .rdf-acc-p{margin:10px 0 0;font-size:14px;font-weight:500;line-height:1.5;color:var(--rdf-gris2)}
#photoModal .rdf-acc .pm-specs{margin-top:10px}
#photoModal .rdf-acc .pm-sec-t{display:none}
#photoModal .rdf-acc .pm-spec{font-size:13px;border-top-color:var(--rdf-linea)}
#photoModal .rdf-acc .pm-spec-k{color:var(--rdf-gris)}
#photoModal .rdf-acc .pm-spec-v{color:var(--rdf-gris2)}
#photoModal .rdf-acc .pm-sec{margin:4px 0 0;padding:0;border:0}
#photoModal .rdf-acc .pm-return-sub{margin:12px 0 4px;font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--rdf-ink)}
#photoModal .rdf-acc .pm-return-li{font-size:13px;font-weight:500;line-height:1.5;color:var(--rdf-gris2)}
#photoModal .rdf-acc .pm-guia-toggle{margin-top:8px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;padding:4px 0}

/* Títulos de las secciones de abajo */
#photoModal .rdf-h2{margin:0 0 4px;font-family:var(--font);font-size:22px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--rdf-ink)}
#photoModal .rdf-sub{margin:0 0 14px;font-size:14px;font-weight:500;color:var(--rdf-gris)}

/* Completa tu combo (cross-sell real) */
#photoModal .rdf-cross{margin:0;border:0;padding:28px 16px 0}
#photoModal .rdf-cross .pmx-t{margin-bottom:4px}
#photoModal .rdf-cross-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;overflow:visible;padding:0}
#photoModal .rdf-cross .xs-card{flex:none;width:auto;padding:0;border:0;background:none;gap:4px}
#photoModal .rdf-cross .xs-img{border-radius:12px;background:var(--rdf-panel);margin-bottom:4px}
#photoModal .rdf-cross .xs-img img{width:100%;height:100%;object-fit:cover;display:block}
#photoModal .rdf-cross .xs-nom{font-size:13px;font-weight:600;color:var(--rdf-ink);white-space:normal;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#photoModal .rdf-cross .xs-precio{font-size:15px;font-weight:800;color:var(--rdf-ink)}

/* Opiniones */
#photoModal .rdf-revs{margin:0;padding:28px 16px 8px;border:0}
#photoModal .rdf-revs-grid{display:grid;grid-template-columns:1fr;gap:12px}
#photoModal .rdf-rev{margin:0;border:1px solid var(--rdf-linea);border-radius:12px;padding:14px;display:flex;gap:12px;background:#fff}
#photoModal .rdf-rev-foto{width:72px;height:72px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--rdf-panel)}
#photoModal .rdf-rev-b{display:flex;flex-direction:column;gap:4px;min-width:0}
#photoModal .rdf-rev-s{font-size:13px;letter-spacing:1px;color:var(--rdf-ink)}
#photoModal .rdf-rev .pm-rev-x{margin:0;font-size:14px;font-weight:500;line-height:1.5;color:var(--rdf-ink)}
#photoModal .rdf-rev-q{font-size:12px;font-weight:700;color:var(--rdf-ink)}

/* Barra fija del celular: precio + "Comprar ahora" */
#photoModal .pm-foot-bar{gap:12px;max-width:none}
#photoModal .rdf-foot-precio{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
#photoModal .pm-foot-price{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--rdf-ink)}
#photoModal .rdf-foot-addi{font-size:12px;font-weight:500;color:var(--rdf-gris2)}
#photoModal .pm-foot-add{flex:1;padding:15px 8px;background:var(--rdf-ink);color:#fff;border:0;border-radius:999px;font-family:var(--font);font-size:15px;font-weight:700;text-align:center}
#photoModal .pm-foot-add.sin-talla{background:#ECE9E4;color:var(--rdf-gris)}
@media(max-width:699px){
  #photoModal .pm-foot{display:block;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--rdf-linea);box-shadow:0 -6px 16px rgba(14,14,12,.06)}
}

/* ESCRITORIO: página de dos columnas (fotos ~55% · compra ~45%) que scrollea entera, con "Completa tu
   combo" y las opiniones a todo el ancho debajo. Antes eran dos paneles fijos con scroll propio. */
@media(min-width:700px){
  #photoModal .pm-scroll{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(32px,4.5vw,64px);align-items:start;align-content:start;overflow-y:auto;overflow-x:hidden;padding:16px max(40px,calc((100% - 1520px) / 2)) 72px}
  #photoModal .rdf-crumbs{display:block;grid-column:1 / -1;margin:0 0 20px;padding-right:32px}
  #photoModal .rdf-media{grid-column:1;min-width:0}
  #photoModal .pm-gal{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:16px;background:var(--rdf-panel)}
  #photoModal .pm-gal .fav-btn{top:12px;bottom:auto;left:auto;right:12px}
  #photoModal .rdf-gal-tag{left:16px;top:16px;font-size:12px;padding:6px 10px}
  #photoModal .rdf-gal-count{display:none!important}
  #photoModal .pm-gal-zoom{display:flex;right:12px;bottom:12px;width:36px;height:36px;border-radius:999px;background:#fff;color:var(--rdf-ink);box-shadow:0 2px 10px rgba(14,14,12,.12)}
  #photoModal .rdf-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
  #photoModal .rdf-thumbs:empty{display:none}
  #photoModal .rdf-thumb{padding:0;border:2px solid transparent;border-radius:14px;background:var(--rdf-panel);aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;transition:border-color .15s}
  #photoModal .rdf-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
  #photoModal .rdf-thumb.on{border-color:var(--rdf-ink)}
  @media(hover:hover){#photoModal .rdf-thumb:hover{border-color:var(--rdf-off)}#photoModal .rdf-thumb.on:hover{border-color:var(--rdf-ink)}}
  #photoModal .pm-body{grid-column:2;width:auto;height:auto;overflow:visible;padding:0}
  #photoModal .pm-title{font-size:34px}
  #photoModal .pm-price-row{margin-top:24px}
  #photoModal .pm-price,#photoModal .pm-price.sale{font-size:30px}
  #photoModal .rdf-addi{font-size:15px}
  #photoModal .pm-sizes-cta{margin-top:28px}
  #photoModal .rdf-guia-link{font-size:13px}
  #photoModal .rdf-wa{font-size:13px}
  #photoModal .rdf-combo{margin-top:28px}
  #photoModal .rdf-trust{margin-top:24px}
  #photoModal .rdf-trust span{font-size:13px}
  #photoModal .rdf-acc{margin-top:24px}
  #photoModal .rdf-acc summary{font-size:14px}
  #photoModal .rdf-cross,#photoModal .rdf-revs{grid-column:1 / -1;padding:64px 0 0}
  #photoModal .rdf-h2{font-size:34px;margin-bottom:6px}
  #photoModal .rdf-sub{font-size:15px;margin-bottom:20px}
  #photoModal .rdf-cross-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px 16px}
  #photoModal .rdf-cross .xs-img{border-radius:16px;margin-bottom:6px}
  #photoModal .rdf-cross .xs-nom{font-size:14px}
  #photoModal .rdf-cross .xs-precio{font-size:17px}
  #photoModal .rdf-revs-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
  #photoModal .rdf-rev{border-radius:16px;padding:18px;gap:14px}
  #photoModal .rdf-rev-foto{width:96px;height:96px;border-radius:10px}
  #photoModal .rdf-rev-s{font-size:14px}
}

/* ═════════════════════════════ SECCIÓN (catálogo) ═════════════════════════════ */
#catView .rdc-head{display:block;padding:20px 16px 0;background:#fff}
#catView .rdc-crumbs{font-size:13px;font-weight:500;color:var(--rdf-gris)}
#catView .rdc-crumbs a{color:var(--rdf-gris);text-decoration:underline;text-underline-offset:2px}
#catView .rdc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 16px;flex-wrap:wrap;margin-top:12px}
#catView .rdc-tit{display:flex;flex-direction:column;gap:6px;min-width:0}
#catView .rdc-h{margin:0;font-family:var(--font);font-size:28px;font-weight:800;line-height:1.05;letter-spacing:-.03em;text-transform:none;color:var(--rdf-ink)}
#catView .rdc-sub{font-size:14px;font-weight:500;color:var(--rdf-gris)}
#catView .secright{display:flex;align-items:center;gap:8px}
#catView .secsort-col{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#catView .rdc-sort{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--rdf-ink)}
#catView .catsort{max-width:none;height:44px;border:1px solid #A8A39A;border-radius:10px;padding:0 12px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--rdf-ink);background:#fff}
/* Marcas en píldoras */
#catView .brandbar{gap:8px;padding:18px 16px 0;background:#fff}
#catView .bchip{height:40px;padding:0 16px;border:1px solid #A8A39A;border-radius:999px;background:#fff;font-family:var(--font);font-size:14px;font-weight:600;color:var(--rdf-ink);transition:background-color .15s,color .15s,border-color .15s}
@media(hover:hover){#catView .bchip:hover{border-color:var(--rdf-ink)}}
#catView .bchip.on{background:var(--rdf-ink);border-color:var(--rdf-ink);color:#fff}
/* Franja gris del combo */
#catView .rdc-combo{margin:18px 16px 0;background:var(--rdf-panel);border-radius:10px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
#catView .rdc-combo-t{font-size:14px;font-weight:600;line-height:1.4;color:var(--rdf-ink)}
#catView .rdc-combo-t b{color:var(--rdf-ahorro);font-weight:700}
#catView .rdc-combo-a{font-size:14px;font-weight:700;color:var(--rdf-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* Rejilla (las tarjetas son de cardHTML; aquí solo el contenedor) */
#catView .grid{background:#fff;padding:20px 16px 48px;gap:24px 12px}
@media(min-width:700px){
  #catView .rdc-head,#catView .brandbar{max-width:1600px;margin:0 auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
  #catView .rdc-head{padding-top:20px}
  #catView .brandbar{flex-wrap:wrap;overflow:visible}
  #catView .rdc-h{font-size:44px}
  #catView .rdc-sub{font-size:15px}
  #catView .rdc-combo{max-width:1520px;margin:18px auto 0;box-sizing:border-box;width:calc(100% - 80px)}
  #catView .rdc-combo-t{font-size:15px}
  #catView .grid{max-width:1600px;margin:0 auto;box-sizing:border-box;padding:28px 40px 72px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:32px 16px}
}

/* Estrellas del tamaño del texto de al lado (el ★ de Montserrat pinta chico) */
#photoModal .pm-stars .rdf-stars-ic{font-size:16px;line-height:1}
/* Modo prueba: la franja roja fija (30px) tapaba las migas de la ficha */
.test-banner #photoModal .pm-scroll{padding-top:46px}
@media(max-width:699px){.test-banner #photoModal .pm-scroll{padding-top:30px}}
/* Celular: con la ficha abierta solo se ve su barra (precio + Comprar ahora); la de la bolsa se esconde para no apilar dos barras.
   A la bolsa se llega con "✓ Agregado · Ver carrito". */
@media(max-width:699px){body:has(#photoModal.on) #cartBar{display:none!important}}

/* ═══════ Revisión al detalle contra los lienzos (27-oct) ═══════ */
/* Cabecera propia del celular (lienzo "Ficha" 390): franja negra + Volver / logo / Bolsa. */
#photoModal .rdf-mtop{display:block;background:#fff}
#photoModal .rdf-mpromo{background:var(--rdf-ink);color:#fff;font-size:12px;font-weight:600;text-align:center;padding:9px 16px;line-height:1.35}
#photoModal .rdf-mbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--rdf-linea)}
#photoModal .rdf-mbtn{display:flex;align-items:center;gap:4px;height:44px;padding:0;background:none;border:0;font-family:var(--font);font-size:14px;font-weight:600;color:var(--rdf-ink);cursor:pointer}
#photoModal .rdf-mbtn+.rdf-mlogo+.rdf-mbtn{gap:6px}
#photoModal .rdf-mlogo{display:flex;align-items:center;background:none;border:0;padding:0;color:var(--rdf-ink);cursor:pointer}
#photoModal .rdf-mlogo svg{height:32px;width:auto;display:block}
#photoModal .pm-back-float{display:none}
.test-banner #photoModal .rdf-mtop{margin-top:0}
#photoModal .rdf-solo-d{display:none}
@media(max-width:699px){
  /* El lienzo: "Nike · Mujer" sin mayúsculas; caja del combo blanca con borde; textos de confianza a 14 */
  #photoModal .pm-gender{text-transform:none;letter-spacing:0}
  #photoModal .pm-price-row{margin-top:12px}
  #photoModal .rdf-addi{font-size:14px}
  #photoModal .rdf-addi img{height:13px}
  #photoModal .rdf-cambio{color:var(--rdf-gris2)}
  #photoModal .rdf-acciones{gap:14px}
  #photoModal .rdf-combo{background:#fff;border:1px solid var(--rdf-linea);border-radius:10px;padding:16px;gap:6px}
  #photoModal .rdf-trust span{align-items:flex-start;gap:10px}
  #photoModal .rdf-acc{margin-top:20px}
  #photoModal .rdf-cross-grid{gap:12px}
  #photoModal .rdf-cross .xs-card:nth-child(n+3){display:none}
  #photoModal .rdf-cross .xs-img{border-radius:10px}
  #photoModal .rdf-rev{border-radius:10px}
  #photoModal .rdf-rev-foto{border-radius:6px}
}
/* Fotos del combo: el tenis entero sobre el gris (contain), como el lienzo */
#photoModal .rdf-cross .xs-img img{object-fit:contain}
/* Acordeones con el triángulo nativo a la izquierda (▶ / ▼), sin +/− */
#photoModal .rdf-acc summary{display:block;list-style:none}
#photoModal .rdf-acc summary::after{content:none}
#photoModal .rdf-acc summary::before{content:'▶';display:inline-block;width:15px;font-size:.72em;vertical-align:1px}
#photoModal .rdf-acc details[open] summary::before{content:'▼'}

@media(min-width:700px){
  /* La ficha se abre DEBAJO de la cabecera real de la tienda (lienzo "Escritorio-Ficha"): la cabecera sigue
     visible y sus enlaces cierran la ficha (openCatalog/goInicio ya lo hacen). Sin ✕: se sale por la cabecera o las migas. */
  #photoModal.photo-modal{top:var(--rdf-top,109px)}
  #photoModal .rdf-mtop{display:none}
  #photoModal .pm-scroll,.test-banner #photoModal .pm-scroll{padding-top:16px}
  #photoModal .rdf-solo-m{display:none}
  #photoModal .rdf-solo-d{display:inline}
  #photoModal .rdf-trust-cambio{display:none!important}
  #photoModal .rdf-crumbs{margin-bottom:20px}
  /* Las demás fotos en cuadros grandes de 2 columnas (no miniaturas) */
  #photoModal .rdf-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  #photoModal .rdf-thumb{border:0;border-radius:16px;cursor:zoom-in}
  #photoModal .rdf-thumb.on{border:0}
  #photoModal .pm-gender{letter-spacing:.04em}
  #photoModal .rdf-combo-d{font-size:13px}
  #photoModal .rdf-wa{font-size:13px}
}
/* Textos de confianza distintos en celular/escritorio (las reglas de .rdf-trust span los volvían flex) */
#photoModal .rdf-trust span.rdf-solo-m,#photoModal .rdf-trust span.rdf-solo-d{display:inline;gap:0}
#photoModal .rdf-trust span.rdf-solo-d{display:none}
@media(min-width:700px){#photoModal .rdf-trust span.rdf-solo-m{display:none}#photoModal .rdf-trust span.rdf-solo-d{display:inline}}
#photoModal .rdf-acc details[open] summary::after{content:none}
/* Cuando la cabecera se esconde al bajar (adidas/sahet), la ficha sube con ella: sin hueco arriba */
@media(min-width:700px){
  #photoModal.photo-modal{transition:top .35s cubic-bezier(.4,0,.2,1)}
  #topbar.hide ~ #photoModal.photo-modal{top:0}
}
/* Sección: "Ordenar por" con el ancho de su texto (lienzo: caja de ~146px, no 208) */
@media(min-width:700px){#catView .catsort{width:auto;padding:0 36px 0 16px}}

/* 28-oct · "Completa tu combo" de la ficha con botón "Agregar" (despliega tallas; tocar una agrega a la bolsa). */
#photoModal .rdf-cross .xs-card{display:flex;flex-direction:column;cursor:default}
#photoModal .rdf-cross .xs-card:active{transform:none}
#photoModal .rdf-cross .xs-ver{display:flex;flex-direction:column;gap:4px;width:100%;padding:0;border:0;background:none;text-align:left;font-family:inherit;color:inherit;cursor:pointer}
#photoModal .rdf-cross .xs-nom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#photoModal .rdf-cross .xs-add{margin-top:8px;height:38px;width:100%;border:2px solid #0E0E0C;border-radius:999px;background:#fff;color:#0E0E0C;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}
@media(hover:hover){#photoModal .rdf-cross .xs-add:hover{background:#0E0E0C;color:#fff}}
#photoModal .rdf-cross .xs-add .xs-c{display:none}
#photoModal .rdf-cross .xs-card.abre .xs-add .xs-a{display:none}
#photoModal .rdf-cross .xs-card.abre .xs-add .xs-c{display:inline}
#photoModal .rdf-cross .xs-tallas{display:none;flex-wrap:wrap;gap:6px;margin-top:8px}
#photoModal .rdf-cross .xs-card.abre .xs-tallas{display:flex}
#photoModal .rdf-cross .xs-talla{height:32px;min-width:42px;padding:0 10px;border:1px solid #A8A39A;border-radius:999px;background:#fff;font-family:inherit;font-size:13px;font-weight:700;color:#0E0E0C;cursor:pointer}
#photoModal .rdf-cross .xs-talla:hover{border-color:#0E0E0C}
#photoModal .rdf-cross .xs-talla.out{color:#A8A39A;text-decoration:line-through;cursor:not-allowed}
@media(max-width:699px){#photoModal .rdf-cross .xs-add{height:34px;font-size:13px}#photoModal .rdf-cross .xs-talla{height:30px;min-width:36px;padding:0 6px;font-size:12px}}

/* 28-oct · Opiniones en la ficha: una sola fila (4 en escritorio, 1 en celular) y "Ver más opiniones" despliega el resto. */
#photoModal .rdf-revs-grid:not(.abierta)>.rdf-rev:nth-child(n+2){display:none}
@media(min-width:700px){
  #photoModal .rdf-revs-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #photoModal .rdf-revs-grid:not(.abierta)>.rdf-rev:nth-child(n+2){display:flex}
  #photoModal .rdf-revs-grid:not(.abierta)>.rdf-rev:nth-child(n+5){display:none}
}
#photoModal .rdf-revs-mas{display:block;margin:14px auto 0;height:40px;padding:0 22px;border:2px solid #0E0E0C;border-radius:999px;background:#fff;color:#0E0E0C;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
@media(hover:hover){#photoModal .rdf-revs-mas:hover{background:#0E0E0C;color:#fff}}

/* 28-oct · "Completa tu combo" compacto debajo de la foto (escritorio, tenis con una sola foto). */
#photoModal .rdf-cross.rdf-cross-izq{margin-top:20px;padding:0}
#photoModal .rdf-cross.rdf-cross-izq .rdf-h2{font-size:22px!important;margin:0 0 2px}
#photoModal .rdf-cross.rdf-cross-izq .rdf-sub{font-size:13px;margin:0 0 12px}
#photoModal .rdf-cross.rdf-cross-izq .rdf-cross-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#photoModal .rdf-cross.rdf-cross-izq .xs-card:nth-child(n+3){display:flex!important}
#photoModal .rdf-cross.rdf-cross-izq .xs-nom{font-size:12px}
#photoModal .rdf-cross.rdf-cross-izq .xs-precio{font-size:13px}
#photoModal .rdf-cross.rdf-cross-izq .xs-add{height:32px;font-size:12.5px;margin-top:6px}
#photoModal .rdf-cross.rdf-cross-izq .xs-talla{height:28px;min-width:34px;padding:0 6px;font-size:12px}

/* 28-oct · Marca en selector junto a "Ordenar por" (sin fila de píldoras). En celular los dos selectores van lado a lado, sin rótulo. */
#catView .brandbar:empty{display:none!important}
#catView .rdc-marca .catsort{min-width:170px}
@media(max-width:699px){#catView .secsort-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}#catView .rdc-sort{min-width:0}#catView .rdc-sort-l{display:none}#catView .rdc-sort .catsort{width:100%;min-width:0;height:42px;font-size:13px}}
#catView .secsort-col{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:16px}
@media(max-width:699px){#catView .secright{width:100%}#catView .secsort-col{gap:8px}#catView .secsort-col>.secsearch-wrap{grid-column:1/-1}#catView .secsort-col>.secsearch-wrap:has(#catSearchBar[style*="none"]){display:none}}
@media(min-width:700px){#catView .rdc-sort .catsort{width:210px;min-width:0}}
/* Catálogo: sin la línea "Tallas X a Y · N modelos"; Marca y Ordenar por centrados con el título. */
#catView #secCt{display:none!important}
@media(min-width:700px){#catView .rdc-top{align-items:center}}