/* REDISEÑO 2026 · MARCO: barra de anuncio, encabezado, menú inferior de celular y pie de página, iguales al lienzo. */
/* Medidas calcadas de Escritorio-Suave.dc.html (1440) e Inicio-Suave.dc.html (390).
   Corte de escritorio a 1024px (no 700): el nav de 5 enlaces + Buscar/Ayuda/Bolsa necesita ~1000px;
   por debajo se usa el marco de celular (logo + Ayuda arriba, barra de navegación abajo).
   --annH/--navH/--barH se reajustan porque la ficha, la info y el catálogo se colocan debajo de la
   cabecera con calc(var(--annH) + var(--navH)) y los botones flotantes encima de var(--barH). */
:root{--rdm-tinta:#0E0E0C;--rdm-linea:#ECE9E4;--rdm-gris:#5C5A55;--rdm-rojo:#C81B08;--rdm-rojo-nav:#B3170A;--rdm-suave:#C8C4BC;
  --annH:33px;--navH:61px;--barH:max(48px,calc(76px - env(safe-area-inset-bottom)))}
@media(min-width:700px){:root{--annH:36px;--navH:61px}}
@media(min-width:1024px){:root{--annH:36px;--navH:73px;--barH:0px}}

/* ── Barra negra de anuncio: un solo mensaje fijo ── */
.rd-ann{background:var(--rdm-tinta);color:#fff;font-family:Montserrat,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:15px;text-align:center;padding:9px 16px;height:var(--annH);box-sizing:border-box;overflow:hidden}
.rd-ann-tx{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-ann-addi{display:none}
@media(min-width:700px){
  .rd-ann{font-size:13px;line-height:16px;padding:10px 16px}
  .rd-ann-addi{display:inline}
}

/* ── Encabezado ── */
.rd-hdr{background:#fff;border-bottom:1px solid var(--rdm-linea);font-family:Montserrat,system-ui,sans-serif;color:var(--rdm-tinta)}
.rd-hdr-in{max-width:1600px;margin:0 auto;padding:8px 16px;height:calc(var(--navH) - 1px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px}
@media(min-width:700px){.rd-hdr-in{padding:8px 40px}}
@media(min-width:1024px){.rd-hdr-in{padding:16px 40px}}
.rd-hdr .brand{display:block;flex:0 0 auto;margin:0;color:var(--rdm-tinta)}
.rd-hdr .brand-mark{height:34px;width:auto;display:block}
@media(min-width:1024px){.rd-hdr .brand-mark{height:40px}}
.rd-hdr a{color:var(--rdm-tinta)}
@media(hover:hover){.rd-hdr a:hover{color:var(--rdm-rojo)}}
/* Nav centrado (solo escritorio) */
.rd-nav{display:none}
@media(min-width:1024px){
  .rd-nav{display:flex;gap:26px;flex-wrap:wrap;font-size:15px;font-weight:600;line-height:normal}
  .rd-nav a{text-decoration:none;white-space:nowrap}
  .rd-nav a.rd-nav-rojo{color:var(--rdm-rojo-nav);font-weight:700}
  .rd-nav a.rd-nav-rojo:hover{color:var(--rdm-rojo)}
}
/* Íconos con texto */
.rd-acc{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600}
.rd-acc-b{display:flex;align-items:center;gap:6px;height:44px;padding:0;background:none;border:0;color:var(--rdm-tinta);font-family:inherit;font-size:14px;font-weight:600;line-height:normal;cursor:pointer;white-space:nowrap}
@media(hover:hover){.rd-acc-b:hover{color:var(--rdm-rojo)}}
.rd-acc-b svg{flex:0 0 auto;display:block;width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:butt;fill:none}
/* .nav-search-r trae de styles.css una caja fija de 28px: aquí manda el ancho del texto */
.rd-acc-b.nav-search-r{width:auto}
.rd-acc-b.rd-acc-desk{display:none}
@media(min-width:1024px){.rd-acc-b{height:auto}.rd-acc-b.rd-acc-desk{display:flex}}
.rd-bolsa-n{display:none;min-width:22px;height:22px;border-radius:11px;background:var(--rdm-rojo);color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;padding:0 6px;box-sizing:border-box}
.rd-bolsa-n.show{display:inline-flex;animation:rdmPop .4s cubic-bezier(.34,1.56,.64,1) both}
@keyframes rdmPop{0%{transform:scale(.4)}100%{transform:scale(1)}}
/* Panel de Ayuda (reusa #contactPanel/.contact-wrap de styles.css: ahí vive el cierre al tocar fuera) */
.rd-ayuda-wrap{position:relative}
.rd-hdr .contact-panel.rd-ayuda-panel{top:calc(100% + 6px);right:0;min-width:230px;padding:8px;gap:0;border:1px solid var(--rdm-linea);border-radius:12px;box-shadow:0 12px 32px rgba(14,14,12,.14);background:#fff;z-index:700}
.rd-ayuda-panel a,.rd-ayuda-panel button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;font-family:Montserrat,system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--rdm-tinta);text-align:left;text-decoration:none;cursor:pointer;border-bottom:0}
.rd-ayuda-panel a:hover,.rd-ayuda-panel button:hover{background:#F2F1EE;color:var(--rdm-tinta)}
.rd-ayuda-panel a svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.rd-ayuda-sep{display:block;height:1px;background:var(--rdm-linea);margin:6px 4px}
@media(max-width:699px){.rd-hdr .contact-panel.rd-ayuda-panel{padding:8px;gap:0}.rd-ayuda-panel a,.rd-ayuda-panel button{padding:10px 12px;font-size:14px}}

/* ── Barra de navegación inferior (celular/tablet) — reemplaza la barra "$0 + bolsa" ── */
.rd-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:621;height:var(--barH);padding:0 0 env(safe-area-inset-bottom);box-sizing:content-box;background:#fff;border-top:1px solid var(--rdm-linea);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;font-family:Montserrat,system-ui,sans-serif;transition:transform .25s}
.rd-tabbar.hide{transform:translateY(100%)}
.rd-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;font-size:11px;font-weight:600;line-height:normal;color:var(--rdm-gris);-webkit-tap-highlight-color:transparent}
.rd-tab,.rd-tab.nav-search{width:auto;height:auto;padding:0;background:none;border:0}
.rd-tab svg,.rd-tab.nav-search svg{display:block;width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:butt;fill:none}
.rd-tab.on{color:var(--rdm-rojo);font-weight:700}
.rd-tab.on[data-tab="inicio"] svg,.rd-tab.on[data-tab="fav"] svg{fill:var(--rdm-rojo)}
.rd-tab .cart-bar-icon{display:block;width:22px;height:22px;position:static}
.rd-tab-n{display:none;position:absolute;top:-6px;right:16px;min-width:20px;height:20px;border-radius:10px;padding:0 5px;box-sizing:border-box;background:var(--rdm-rojo);color:#fff;font-size:11px;font-weight:700;align-items:center;justify-content:center}
.rd-tab-n.show{display:flex;animation:rdmPop .4s cubic-bezier(.34,1.56,.64,1) both}
.rd-tabbar.bump .cart-bar-icon{animation:cartBump .3s ease}
.rd-oculto{display:none}
/* Escritorio: no se ve, pero base.js (flyToCart) sigue apuntando a #cartBar .cart-bar-icon. Se deja
   una caja invisible de 22px donde está "Bolsa" en el encabezado para que la foto vuele hacia allá
   y no a la esquina (0,0). */
@media(min-width:1024px){
  .rd-tabbar{display:block;top:51px;right:62px;left:auto;bottom:auto;width:22px;height:22px;padding:0;border:0;background:none;visibility:hidden;pointer-events:none;transform:none!important;overflow:hidden}
  .rd-tabbar .rd-tab{display:none}
  .rd-tabbar .rd-tab[data-tab="bolsa"]{display:block;position:absolute;inset:0;font-size:0}
}
/* La ficha esconde la barra en celular (rd-ficha.css); sin barra, la ficha baja hasta el borde. */
@media(max-width:699px){body:has(#photoModal.on) #photoModal.photo-modal{bottom:0}}

/* ── Pie negro, 3 columnas ── */
.ftr.rd-ftr{background:var(--rdm-tinta);color:#fff;border-top:0;margin-top:0;font-family:Montserrat,system-ui,sans-serif}
.rd-ftr-in{max-width:1600px;margin:0 auto;padding:24px 16px;box-sizing:border-box;display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:700px){.rd-ftr-in{padding:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}}
.rd-ftr-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.rd-ftr-marca{font-size:16px;font-weight:800}
.rd-ftr-sub{font-size:13px;font-weight:500;color:var(--rdm-suave)}
.rd-ftr-h{font-size:13px;font-weight:800}
.rd-ftr-links{font-size:13px;font-weight:600}
.rd-ftr a{color:#fff;text-decoration:none}
.rd-ftr a:hover{color:var(--rdm-suave)}
.rd-ftr-legal{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.rd-ftr-pagos{gap:10px}
.rd-ftr-logos{display:flex;gap:8px;flex-wrap:wrap}
.rd-ftr-logos span{background:#fff;border-radius:6px;padding:6px 10px;display:flex;align-items:center}
.rd-ftr-logos img{height:16px;width:auto;display:block}
@media(min-width:700px){.rd-ftr-logos img{height:18px}}

/* TÍTULOS con la letra del lienzo (Bricolage Grotesque 800). Se carga en el mismo <link> de Google Fonts que Montserrat.
   Tamaños del lienzo: secciones 40px escritorio / 26px celular; portada 64 / 34. */
#rdHeroT,.rd-h,#lanzT,.addi-ban-t,#secName,#pmTitle,.rdf-h2,#buyModal h1,#buyModal h2{font-family:'Bricolage Grotesque',Montserrat,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important}
#rdHeroT{letter-spacing:-.03em!important}
@media(min-width:700px){.rd-h,#lanzT{font-size:40px!important;line-height:1.1!important}.addi-ban-t{font-size:42px!important}#rdInsta .rd-h{font-size:36px!important}}
@media(max-width:699px){.rd-h,#lanzT{font-size:26px!important;line-height:1.1!important}}

/* Tal cual el lienzo: ficha y bolsa muestran solo el precio vigente (sin el anterior tachado ni el "Ahorras X (%)"), igual que las tarjetas. */
/* (28-oct) el descuento real vuelve a verse en ficha y bolsa, como en la tienda publicada */


/* ── AJUSTES DE CELULAR Y TABLET (28-oct) ── */
/* Título de la portada en líneas parejas (sin "par" solo en la última línea). */
#rdHeroT{text-wrap:balance}
/* Celular: "Los más vendidos" gira solo con tarjetas clonadas; sin este recorte se asomaba un pedazo de la
   tarjeta anterior en el margen izquierdo de 16px mientras se deslizaba. */
@media(max-width:699px){#lanzRow{clip-path:inset(0 0 0 16px)}}
/* Tablet (700–1023px): el marco es de celular, así que la portada y las opiniones también van apiladas
   (en 820px el título quedaba en 5 líneas cortas y las opiniones en columnas angostas). */
@media(min-width:700px) and (max-width:1023px){
  .rd-hero-in{flex-direction:column-reverse;min-height:0;padding:12px;gap:22px}
  .rd-hero-img{flex:none;min-height:0;aspect-ratio:16/9;border-radius:14px}
  .rd-hero-txt{flex:none;padding:0 12px 14px;gap:14px}
  #rdHeroT{font-size:46px!important;max-width:none}
  .rd-hero-d{max-width:none}
  .rd-ops-row{grid-template-columns:1fr!important}
  .rd-combo-nom{letter-spacing:.02em}
}

/* Combos en celular con su botón "Armar mi combo", igual que en escritorio (responsive: misma acción, otra acomodación).
   Con borde en los normales; negro en el destacado (en celular su tarjeta es blanca con borde negro). */
@media(max-width:699px){
  .rd-combo .rd-combo-btn{display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:10px;height:40px;padding:0 14px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:700}
  .rd-combo.dest .rd-combo-btn{background:var(--ink);color:#fff}
  .rd-combo:active .rd-combo-btn{transform:scale(.97)}
}



/* Corazón de favoritos arriba a la derecha de la foto (referencia Feuxui): círculo blanco, contorno negro; guardado = relleno rojo. */
.card .cphoto .rd-fav{position:absolute;top:10px;right:10px;left:auto;bottom:auto;z-index:3;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(14,14,12,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);font-size:0;transition:transform .15s}
.card .cphoto .rd-fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.card .cphoto .rd-fav.on svg{fill:#C81B08;stroke:#C81B08}
.card .cphoto .rd-fav:active{transform:scale(.88)}
@media(max-width:699px){.card .cphoto .rd-fav{top:8px;right:8px;width:30px;height:30px}.card .cphoto .rd-fav svg{width:16px;height:16px}}

/* ── 28-oct · tarjetas balanceadas y suaves ── */
/* Tarjeta de tenis en celular: a la izquierda el precio con 'o 12 cuotas' debajo (un solo bloque) y a la derecha
   'Comprar' compacto, centrado con ese bloque: misma idea que en escritorio. */
@media(max-width:699px){
  .card .cbuy{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
  .card .cbuy-precio{display:flex;flex-direction:column;gap:2px;min-width:0}
  .card .cbuy .cprice{font-size:18px;font-weight:800;line-height:1.05;letter-spacing:-.01em;color:var(--ink)}
  .card .cbuy .ccuotas{font-size:11px;font-weight:500;line-height:1.3;color:var(--ink2);white-space:normal}
  .card .cbuy .ccomprar{flex-shrink:0;width:auto!important;height:36px;padding:0 14px;background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;font-size:13px;font-weight:700}
}
@media(max-width:374px){.card .cbuy .cprice{font-size:16px}.card .cbuy .ccomprar{padding:0 11px;font-size:12px}}
/* 02-nov-2026 · celular: bloque izquierdo del MISMO alto que 'Comprar': el precio arriba (a la altura del borde
   de arriba del botón) y 'o 12 cuotas desde $X' abajo (a la altura del borde de abajo). */
@media(max-width:699px){
  .card .cbuy{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:6px;row-gap:2px;align-items:stretch}
  .card .cbuy-precio{display:contents}
  .card .cbuy .cprice{grid-column:1;grid-row:1;align-self:start;font-size:17px;line-height:1}
  .card .cbuy .ccuotas{grid-column:1;grid-row:2;align-self:end;font-size:8px;line-height:1;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .card .cbuy .ccomprar{grid-column:2;grid-row:1/3;align-self:stretch;justify-self:end;height:auto;min-height:28px;padding:0 8px;font-size:11px;border-width:1.5px}
}
@media(max-width:389px){.card .cbuy .cprice{font-size:15px}.card .cbuy .ccomprar{padding:0 7px;font-size:10px}.card .cbuy .ccuotas{font-size:7.5px;letter-spacing:-.03em}}
/* Combos: precio con el tachado al lado y 'Ahorras' debajo; foto más grande y centrada con el texto; bordes suaves. */
.rd-combo-precios{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.rd-combo .rd-combo-antes{font-size:13px;font-weight:500;color:var(--ink2);text-decoration:line-through}
.rd-combo .rd-combo-ahorro{align-self:flex-start;margin-top:2px;border-radius:999px;padding:4px 10px}
@media(max-width:699px){
  .rd-combo{align-items:center;border-width:1px;border-color:#E6E3DE;padding:12px;gap:14px}
  .rd-combo.dest{border-width:2px;border-color:var(--ink)}
  .rd-combo .rd-combo-img{width:112px;height:112px;align-self:center;border-radius:14px}
  .rd-combo .rd-combo-info{justify-content:center;gap:5px}
  .rd-combo .rd-combo-precio{font-size:24px}
}
@media(min-width:700px){
  .rd-combo{border-width:1px}
  .rd-combo .rd-combo-antes{font-size:16px}
  .rd-combo.dest .rd-combo-antes{color:#C8C4BC}
}
/* Celulares angostos (≤374px): foto del combo de 100px y precio de 22px para que el tachado quepa al lado. */
@media(max-width:374px){.rd-combo .rd-combo-img{width:100px;height:100px}.rd-combo .rd-combo-precio{font-size:22px}.rd-combo .rd-combo-antes{font-size:12px}.rd-combo{gap:12px}}

/* ── 28-oct · combos alineados y suaves ── */
/* "Ahorras" como texto rojo (sin píldora): arranca en la misma línea vertical que el precio. "+ regalo" va al lado,
   en la misma línea, para que las 3 tarjetas midan igual. */
.rd-combo .rd-combo-extras{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:2px}
.rd-combo .rd-combo-ahorro{background:none!important;padding:0!important;margin:0;border-radius:0;color:#B3170A!important;font-size:13px;font-weight:800}
.rd-combo .rd-combo-regalo{font-size:13px;font-weight:700;color:#15803D}
.rd-combo .rd-combo-antes{font-size:14px;font-weight:500;color:#6B6862}
.rd-combo.dest .rd-combo-ahorro{color:#B3170A!important}
@media(min-width:700px){
  .rd-combo .rd-combo-ahorro,.rd-combo .rd-combo-regalo{font-size:14px}
  .rd-combo .rd-combo-antes{font-size:16px}
  .rd-combo.dest .rd-combo-ahorro{color:#FF9A8B!important}
  .rd-combo.dest .rd-combo-regalo{color:#6EE7A0}
  .rd-combo.dest .rd-combo-antes{color:#B8B4AC}
}
/* Celular: la foto ocupa todo el alto de la tarjeta a la izquierda (sin aire suelto arriba y abajo). */
@media(max-width:699px){
  .rd-combo{padding:0;align-items:stretch;gap:0}
  .rd-combo .rd-combo-img{width:116px;height:auto;min-height:100%;align-self:stretch;border-radius:19px 0 0 19px;overflow:hidden}
  .rd-combo.dest .rd-combo-img{border-radius:18px 0 0 18px}
  .rd-combo .rd-combo-img img{width:100%;height:100%;object-fit:cover;display:block}
  .rd-combo .rd-combo-info{padding:14px 14px 14px 14px;gap:6px}
}
@media(max-width:374px){.rd-combo .rd-combo-img{width:100px;height:auto}.rd-combo .rd-combo-info{padding:12px}}
/* La foto no define el alto: se acomoda al alto del texto (la del Oro es vertical y estiraba su tarjeta). */
@media(max-width:699px){.rd-combo .rd-combo-img{position:relative;min-height:0}.rd-combo .rd-combo-img img{position:absolute;inset:0}}

/* ── 28-oct · Opiniones en celular: fila deslizable a izquierda/derecha (sin desplegar hacia abajo) ──
   Todas las opiniones en una fila; cada tarjeta al 82% para que se asome la siguiente; misma altura (texto a 4 líneas
   con "…": tocar la opinión la abre completa). "Desliza →" junto al título; sin el enlace "Ver las N opiniones". */
.rd-ops-hdr{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.rd-ops-hdr .rd-h{margin:0 0 4px}
.rd-ops-desliza{margin-bottom:6px}
@media(max-width:699px){
  .rd-ops-row{display:flex!important;flex-direction:row!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rd-ops-row::-webkit-scrollbar{display:none}
  .rd-ops-row>.rd-op,.rd-ops-row>.rd-op:nth-child(n+2){display:flex!important;flex:0 0 82%;scroll-snap-align:start;align-items:flex-start;min-height:132px;box-sizing:border-box}
  .rd-op .rd-op-t{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .rd-ops-mas{display:none!important}
}
@media(min-width:700px){.rd-ops-desliza{display:none}}

/* Tallas de compra rápida en celular más pequeñas: las 5 de hombre (40–44) caben en UNA fila de la tarjeta.
   Se reparten el ancho por igual (máx. 40px cada una), 30px de alto. */
@media(max-width:699px){
  .card .ctallas-row{display:flex;flex-wrap:nowrap;gap:4px}
  .card .ctalla-chip{flex:1 1 0;min-width:0;max-width:40px;height:30px;padding:0;font-size:12px;font-weight:700;border-width:1px}
  .card.abre .ctallas-lbl{font-size:11px;margin-top:10px}
  .card.abre .ctallas{margin-top:5px}
}

/* ── 28-oct · portada alineada y "Ahorras" en etiqueta ── */
/* La tarjeta de la portada ocupa exactamente el mismo ancho que las secciones (1600 de tope incluye sus 40px de margen). */
@media(min-width:700px){.rd-hero-in{max-width:1520px}}
/* "Ahorras $X" otra vez en etiqueta (como el diseño), con el precio tachado a la derecha del precio. */
.rd-combo .rd-combo-ahorro{display:inline-block;background:#FBE9E6!important;color:#B3170A!important;padding:4px 9px!important;border-radius:6px!important;font-size:12.5px;font-weight:800;line-height:1.2}
@media(min-width:700px){
  .rd-combo .rd-combo-ahorro{font-size:14px;padding:6px 10px!important}
  .rd-combo.dest .rd-combo-ahorro{background:#C81B08!important;color:#fff!important}
}
/* Opiniones que rotan solas en escritorio: fundido corto al cambiar. */
.rd-ops-row>.rd-op{transition:opacity .3s ease}
.rd-ops-row.rd-op-fade>.rd-op{opacity:0}

/* Opiniones en escritorio más grandes (foto, texto y espacio); siguen 3 por fila y rotan cada 10 s. */
@media(min-width:700px){
  .rd-ops-row{gap:20px}
  .rd-op{padding:22px!important;gap:18px!important;border-radius:18px!important;min-height:200px;align-items:flex-start}
  .rd-op .rd-op-img{width:120px!important;height:120px!important;border-radius:12px!important}
  .rd-op .rd-op-st{font-size:16px}
  .rd-op .rd-op-t{font-size:16px!important;line-height:1.55}
  .rd-op .rd-op-m{font-size:13.5px!important}
  .rd-op .rd-op-tx{gap:8px!important}
}

/* ── 28-oct · pie ordenado: marca a la izquierda, Ayuda y Tienda al centro, pagos a la derecha; legales abajo. ── */
.rd-ftr-in{grid-template-columns:1fr 1fr!important;gap:24px 16px!important}
.rd-ftr-in>.rd-ftr-col:first-child,.rd-ftr-in>.rd-ftr-pagos{grid-column:1 / -1}
.rd-ftr-base{max-width:1600px;margin:0 auto;padding:16px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px;font-size:12px;color:#B8B4AC}
.rd-ftr-base .rd-ftr-legal{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 16px;margin:0}
.rd-ftr-base a{color:#B8B4AC}
.rd-ftr-base a:hover{color:#fff}
@media(min-width:700px){
  .rd-ftr-in{grid-template-columns:1.3fr 1fr 1fr 1.3fr!important;gap:32px!important;align-items:start}
  .rd-ftr-in>.rd-ftr-col:first-child,.rd-ftr-in>.rd-ftr-pagos{grid-column:auto}
  .rd-ftr-in>.rd-ftr-links{justify-self:center;min-width:150px}
  .rd-ftr-in>.rd-ftr-pagos{justify-self:end;align-items:flex-end}
  .rd-ftr-pagos .rd-ftr-logos{justify-content:flex-end}
  .rd-ftr-base{padding:16px 40px;flex-direction:row;align-items:center;justify-content:space-between}
}
/* Opiniones en escritorio un poco más pequeñas (entre la versión inicial y la anterior). */
@media(min-width:700px){
  .rd-op{padding:18px!important;gap:16px!important;min-height:170px}
  .rd-op .rd-op-img{width:96px!important;height:96px!important}
  .rd-op .rd-op-st{font-size:14px}
  .rd-op .rd-op-t{font-size:15px!important;line-height:1.5}
  .rd-op .rd-op-m{font-size:13px!important}
}

/* ── 28-oct · descuento real visible (todos los tenis tienen promo activa) + Addi y Ayuda alineados ── */
/* Etiquetas sobre la foto: "Más vendido"/"Nuevo" y al lado el % de descuento en rojo. */
.card .cphoto .rd-tags{position:absolute;top:10px;left:10px;z-index:2;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 56px)}
.card .cphoto .rd-tags .rd-tag{position:static}
.card .cphoto .rd-tag-dsc{background:#C81B08!important;color:#fff!important}
/* Precio con el anterior tachado a la derecha, como en los combos. */
.card .cprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
.card .cwas-rd{font-size:13px;font-weight:500;color:#6B6862;text-decoration:line-through;letter-spacing:0}
@media(max-width:699px){.card .cwas-rd{font-size:11.5px}.card .cphoto .rd-tags{top:8px;left:8px;gap:4px}}
/* Banner de Addi y "¿Dudas con la talla?" al mismo ancho que las demás secciones (a 1920 se salían 40px por lado). */
@media(min-width:700px){.addi-ban-in,.rd-ayuda-in{max-width:1520px}}

/* 28-oct: precio anterior tachado en rojo en las tarjetas; opiniones de escritorio un poco más pequeñas. */
.card .cwas-rd{color:#C81B08}
@media(min-width:700px){
  .rd-op{padding:16px!important;gap:14px!important;min-height:150px}
  .rd-op .rd-op-img{width:80px!important;height:80px!important}
  .rd-op .rd-op-st{font-size:13px}
  .rd-op .rd-op-t{font-size:14px!important;line-height:1.5}
  .rd-op .rd-op-m{font-size:12.5px!important}
}

/* Contador de Favoritos del encabezado: mismo estilo que el de la Bolsa. */
.rd-fav-n{display:none;min-width:22px;height:22px;border-radius:11px;background:var(--rdm-rojo);color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;padding:0 6px;box-sizing:border-box}
.rd-fav-n.show{display:inline-flex}

/* "Escribir por WhatsApp" en el verde de WhatsApp, con su ícono. */
.rd-ayuda-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366!important;color:#fff!important;border:0!important;transition:background-color .2s,transform .2s}
.rd-ayuda-btn::before{content:'';width:20px;height:20px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.6-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 11.9 11.9 0 0 0 4.6 4c1.7.7 2.4.8 3.2.7a2.8 2.8 0 0 0 1.8-1.3 2.3 2.3 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(hover:hover){.rd-ayuda-btn:hover{background:#1EBE5A!important;color:#fff!important;transform:translateY(-1px)}}
/* Logo de texto en dos líneas: un poco más alto que el del zapato para que se lea. */
.rd-hdr .brand-mark.brand-txt{height:38px;animation:none}
@media(min-width:1024px){.rd-hdr .brand-mark.brand-txt{height:46px}}
/* Corazón de la ficha = el mismo de las tarjetas: círculo blanco, contorno, rojo al guardar. */
#photoModal .pm-fav{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#0E0E0C;box-shadow:0 2px 8px rgba(14,14,12,.12);font-size:0!important;cursor:pointer;transition:transform .15s}
#photoModal .pm-fav::before{content:none!important}
#photoModal .pm-fav svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
#photoModal .pm-fav.on svg{fill:#C81B08;stroke:#C81B08}
#photoModal .pm-fav:active{transform:scale(.88)}

/* 28-oct · Páginas de información (Envíos, Cambios, Guía de tallas, Mayoristas, Quiénes somos) con el estilo del rediseño:
   título grande a la izquierda, texto legible y cada punto en una tarjeta gris. */
#infoModal .info-body{max-width:860px;padding:32px 16px 48px}
#infoModal .info-h1{font-family:'Bricolage Grotesque',var(--font);font-size:32px;font-weight:800;line-height:1.05;letter-spacing:-.03em;text-transform:none;text-align:left;color:#0E0E0C;margin:0}
#infoModal .info-lead{font-size:16px;line-height:1.55;color:#4A4741;margin:10px 0 22px}
#infoModal .info-lead b{color:#0E0E0C}
#infoModal .info-sec,#infoModal .info-sec:first-of-type{margin:0 0 10px;padding:16px 18px;border:0;border-radius:14px;background:#F4F2EE}
#infoModal .info-sec h3{font-size:16px;font-weight:700;color:#0E0E0C;margin:0 0 4px;letter-spacing:0}
#infoModal .info-sec p{font-size:14.5px;line-height:1.55;color:#4A4741;margin:0}
#infoModal .info-sec a{color:#0E0E0C;font-weight:600;text-decoration:underline;text-underline-offset:2px}
#infoModal .info-subt{font-size:13px;font-weight:700;letter-spacing:.06em;color:#0E0E0C;margin:26px 0 10px}
#infoModal .info-benes{display:grid;grid-template-columns:1fr;gap:8px}
#infoModal .info-bene{border:0;border-radius:12px;background:#F4F2EE;padding:14px 16px;font-size:14.5px;color:#0E0E0C}
#infoModal .info-bene b{font-weight:700}
#infoModal .info-wa{display:inline-flex;width:auto;max-width:none;margin-top:22px;height:48px;padding:0 26px;border:0;border-radius:999px;background:#25D366;color:#fff;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}
@media(hover:hover){#infoModal .info-wa:hover{background:#1EBE5A;color:#fff}}
#infoModal .info-tallas-fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 14px}
#infoModal .info-tallas-fotos img{width:100%;border-radius:14px;background:#F4F2EE;cursor:zoom-in}
@media(min-width:700px){
  #infoModal .info-body{padding:48px 24px 64px}
  #infoModal .info-h1{font-size:44px}
  #infoModal .info-benes{grid-template-columns:1fr 1fr}
}
/* Ofertas: combos con las tarjetas nuevas del inicio. */
#combosRow .rd-of-combos{padding:8px 0 24px}
#combosRow .rd-of-combos .rd-h{margin:0 0 4px}
#combosRow .rd-of-combos .rd-sub{margin:0 0 14px;font-size:14px;color:#6B675F}
@media(max-width:699px){#combosRow .rd-of-combos .rd-h,#combosRow .rd-of-combos .rd-sub{padding:0 16px}}
@media(min-width:700px){#combosRow .rd-of-combos{padding:28px 40px 48px}}
@media(min-width:700px){#combosRow .rd-of-combos{padding-top:14px}#combosRow .rd-of-combos .rd-h,#combosRow .rd-of-combos .rd-sub{padding:0}}

/* 28-oct · Anuncio de combos al final de las páginas de información (reemplaza la sección del inicio que se colaba). */
body.info-flow > #colTiles{display:none!important}
#infoModal .rd-ad{position:relative;display:grid;grid-template-columns:1fr;overflow:hidden;margin:36px 0 0;border-radius:22px;background:#0E0E0C;color:#fff}
#infoModal .rd-ad-txt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 22px}
#infoModal .rd-ad-kicker{display:inline-block;padding:5px 10px;border-radius:999px;background:#C81B08;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#infoModal .rd-ad-h{margin:2px 0 0;font-family:'Bricolage Grotesque',var(--font);font-size:28px;font-weight:800;line-height:1.05;letter-spacing:-.03em}
#infoModal .rd-ad-h em{font-style:normal;color:#FFD23F}
#infoModal .rd-ad-sub{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.75)}
#infoModal .rd-ad-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
#infoModal .rd-ad-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-family:inherit;cursor:pointer;transition:background-color .15s,border-color .15s}
#infoModal .rd-ad-chip b{font-size:12px;font-weight:600;color:rgba(255,255,255,.75)}
#infoModal .rd-ad-chip span{font-size:16px;font-weight:800}
#infoModal .rd-ad-chip i{font-style:normal;font-size:11.5px;font-weight:700;color:#7EE2A0}
@media(hover:hover){#infoModal .rd-ad-chip:hover{background:rgba(255,255,255,.14);border-color:#fff}}
#infoModal .rd-ad-cta{margin-top:8px;height:48px;padding:0 26px;border:0;border-radius:999px;background:#fff;color:#0E0E0C;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:transform .15s,background-color .15s}
@media(hover:hover){#infoModal .rd-ad-cta:hover{background:#FFD23F;transform:translateY(-1px)}}
#infoModal .rd-ad-foto{height:190px}
#infoModal .rd-ad-foto img{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:700px){
  #infoModal .rd-ad{grid-template-columns:1.25fr 1fr;min-height:300px}
  #infoModal .rd-ad-txt{padding:34px 36px;justify-content:center}
  #infoModal .rd-ad-h{font-size:36px}
  #infoModal .rd-ad-foto{height:auto;position:relative}
  #infoModal .rd-ad-foto img{position:absolute;inset:0}
  #infoModal .rd-ad-foto::before{content:'';position:absolute;inset:0 auto 0 0;width:70px;background:linear-gradient(90deg,#0E0E0C,rgba(14,14,12,0));z-index:1}
}
/* Ofertas: mismo tope centrado de 1600 px que la cuadrícula de tenis (#grid). */
#combosRow .rd-of-combos{max-width:1600px;margin:0 auto;box-sizing:border-box}
@media(max-width:699px){#infoModal .rd-ad-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}#infoModal .rd-ad-chip{padding:8px 9px}#infoModal .rd-ad-chip span{font-size:14px}#infoModal .rd-ad-cta{width:100%}#infoModal .rd-ad-foto{height:160px}}

/* 28-oct · Pie de página negro también en las páginas de información. */
body.info-flow > #siteFooter{display:block!important}
#infoModal .info-body{padding-bottom:56px}
/* Entrada del anuncio de combos: sube la tarjeta y luego aparecen etiqueta, título, precios, botón; la foto hace un zoom suave. */
#infoModal .rd-ad.rd-ad-anim{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1)}
#infoModal .rd-ad.rd-ad-anim .rd-ad-kicker,#infoModal .rd-ad.rd-ad-anim .rd-ad-h,#infoModal .rd-ad.rd-ad-anim .rd-ad-sub,#infoModal .rd-ad.rd-ad-anim .rd-ad-chip,#infoModal .rd-ad.rd-ad-anim .rd-ad-cta{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .5s cubic-bezier(.16,1,.3,1)}
#infoModal .rd-ad.rd-ad-anim .rd-ad-foto img{transform:scale(1.12);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
#infoModal .rd-ad.rd-ad-vis{opacity:1;transform:none}
#infoModal .rd-ad.rd-ad-vis .rd-ad-kicker,#infoModal .rd-ad.rd-ad-vis .rd-ad-h,#infoModal .rd-ad.rd-ad-vis .rd-ad-sub,#infoModal .rd-ad.rd-ad-vis .rd-ad-chip,#infoModal .rd-ad.rd-ad-vis .rd-ad-cta{opacity:1;transform:none}
#infoModal .rd-ad.rd-ad-vis .rd-ad-foto img{transform:none}
#infoModal .rd-ad.rd-ad-vis .rd-ad-kicker{transition-delay:.25s}
#infoModal .rd-ad.rd-ad-vis .rd-ad-h{transition-delay:.35s}
#infoModal .rd-ad.rd-ad-vis .rd-ad-sub{transition-delay:.45s}
#infoModal .rd-ad.rd-ad-vis .rd-ad-chip:nth-child(1){transition-delay:.55s}
#infoModal .rd-ad.rd-ad-vis .rd-ad-chip:nth-child(2){transition-delay:.63s}
#infoModal .rd-ad.rd-ad-vis .rd-ad-chip:nth-child(3){transition-delay:.71s}
#infoModal .rd-ad.rd-ad-vis .rd-ad-cta{transition-delay:.85s}
/* El ahorro brilla una vez al terminar de entrar. */
#infoModal .rd-ad.rd-ad-vis .rd-ad-h em{display:inline-block;animation:rdAdPop .6s 1.1s cubic-bezier(.34,1.56,.64,1) both}
@keyframes rdAdPop{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#infoModal .rd-ad,#infoModal .rd-ad *{transition:none!important;animation:none!important}}

/* 28-oct · Barra del combo activo: pegada arriba del todo (el encabezado del rediseño se va al bajar y
   el top:59px del encabezado viejo dejaba un hueco por donde se veían los tenis) y con el estilo nuevo. */
.combo-bar{top:0!important;z-index:20;justify-content:center;gap:14px;padding:12px max(16px,calc((100% - 1520px)/2));font-family:Montserrat,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.3;box-shadow:0 4px 14px rgba(14,14,12,.18)}
.combo-bar>span{flex:1;min-width:0}
.combo-bar .cb-x{height:34px;padding:0 16px;border-radius:999px;background:#fff;color:#0E0E0C;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
@media(hover:hover){.combo-bar .cb-x:hover{background:#F4F2EE}}
@media(max-width:699px){.combo-bar{font-size:13px;padding:10px 16px}.combo-bar .cb-x{height:30px;padding:0 12px;font-size:12px}}
/* En modo prueba la franja roja (fija, ~30 px) taparía la barra del combo: la bajamos ese alto. El cliente no la ve. */
html.test-banner .combo-bar{top:30px!important}

/* 28-oct · Pie de página también al final del catálogo (Mujer, Hombre, Unisex, Ofertas). */
body.cat-flow > #siteFooter{display:block!important}

/* v281: la foto del combo va dentro de <picture> (versión de celular aparte); que no altere el recorte */
.rd-combo-img picture{display:contents}
/* v283: tarjetas de combo con diseño de letras: se muestran enteras (sin recorte) sobre el mismo crema */
.rd-combo-img.letras{background:#F4E6C8}
.rd-combo .rd-combo-img.letras img,.rd-combo-img.letras img{object-fit:contain}
/* v285: pieza de los 3 combos en la portada: entera (sin recorte) sobre su mismo rojo en cualquier proporción */
.rd-hero-img.rd-hero-combos{background:#8E1414}
.rd-hero-img.rd-hero-combos picture{display:contents}
.rd-hero-img.rd-hero-combos img{object-fit:contain}

/* v286: portada de los 3 combos en HTML animado (columnas suben, números y regalo aparecen). Se escala con rdHeroCombos() en tienda.js */
.rd-hero-combos .rhc{position:absolute;inset:0;overflow:hidden}
.rd-hero-combos .rhc-lienzo{position:absolute;left:0;top:0;transform-origin:0 0;display:none}
.rd-hero-combos .rhc-lienzo.on{display:block}
.rhc-tit{animation:rhcBaja .7s cubic-bezier(.16,1,.3,1) both}
.rhc-col{animation:rhcSube .9s cubic-bezier(.16,1,.3,1) var(--d,0s) both}
.rhc-in{animation:rhcAparece .5s cubic-bezier(.16,1,.3,1) var(--d,0s) both}
.rhc-pares{animation:rhcAparece .45s ease-out var(--d,0s) both}
.rhc-num{display:inline-block;transform-origin:left bottom;animation:rhcPop .6s cubic-bezier(.34,1.56,.64,1) var(--d,0s) both}
.rhc-pares .rhc-num{animation-delay:inherit}
.rhc-regalo{transform-origin:center;animation:rhcPop .55s cubic-bezier(.34,1.56,.64,1) 1.7s both,rhcMeneo 4s ease-in-out 3s infinite}
@keyframes rhcBaja{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes rhcSube{from{transform:translateY(110%)}to{transform:none}}
@keyframes rhcAparece{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rhcPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes rhcMeneo{0%,84%,100%{transform:none}88%{transform:rotate(-5deg) scale(1.08)}92%{transform:rotate(4deg) scale(1.08)}96%{transform:rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.rhc-tit,.rhc-col,.rhc-in,.rhc-pares,.rhc-num,.rhc-regalo{animation:none!important}}

/* v288: cristales de nieve del tema navidad DETRÁS del contenido (z-index -1: se ven solo en los espacios sin fondo). Nunca reciben toques. */
#rdNieve{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;transition:opacity .3s}
/* Con la nieve detrás, las secciones blancas a todo el ancho se vuelven transparentes (el blanco lo pone <html>): la nieve se ve en los espacios; tarjetas, fotos y botones conservan su fondo. */
html.tema-navidad body,html.tema-navidad #genTiles,html.tema-navidad #colTiles,html.tema-navidad #testimonios,html.tema-navidad #lanz,html.tema-navidad #addiBanner,html.tema-navidad #catView,html.tema-navidad #grid{background-color:transparent!important}

/* v290: Favoritos quedaba DEBAJO del encabezado nuevo (z 600 < 680): se tapaban el título, la flecha de volver y la parte de arriba del tenis. */
.favmodal{z-index:700}
html.test-banner .favmodal{top:30px}
@media(min-width:700px){.favmodal-head,.favmodal-body{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-left:40px;padding-right:40px}}
/* v290: píldoras de género del catálogo, solo en celular (en escritorio lo da el menú del encabezado). */
.rdc-generos{display:none}
@media(max-width:699px){
  .rdc-generos:not([hidden]){display:flex;gap:8px;width:100%;overflow-x:auto;scrollbar-width:none;margin:2px 0 4px}
  .rdc-generos::-webkit-scrollbar{display:none}
  .rdc-generos button{flex:1 1 0;min-width:0;min-height:40px;padding:0 8px;border-radius:999px;border:1.5px solid #D9D6D0;background:#fff;color:var(--ink,#0E0E0C);font:600 14px/1 Montserrat,system-ui,sans-serif;cursor:pointer}
  .rdc-generos button.on{background:var(--ink,#0E0E0C);border-color:var(--ink,#0E0E0C);color:#fff}
}

/* v291: menú ☰ en celular y tablet (donde no hay nav centrado) y el panel lateral con el estilo nuevo. */
.rd-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 2px 0 -10px;border:0;background:none;color:var(--ink,#0E0E0C);cursor:pointer;border-radius:12px}
.rd-burger:active{background:#F2F1EE}
@media(min-width:1024px){.rd-burger{display:none}}
.navdrawer .nd-panel{background:#fff;width:min(86vw,360px);display:flex;flex-direction:column;padding:0 0 24px;box-shadow:12px 0 40px rgba(0,0,0,.18)}
.navdrawer .nd-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 24px;border-bottom:1px solid #ECEAE6}
.navdrawer .nd-logo{font:800 13px/1 Montserrat,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#3A3934}
.navdrawer .nd-x{width:44px;height:44px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink,#0E0E0C)}
.navdrawer .nd-links{display:flex;flex-direction:column;padding:8px 0}
.navdrawer .nd-links button{all:unset;box-sizing:border-box;width:100%;padding:16px 24px;font:800 24px/1.1 'Bricolage Grotesque',Montserrat,system-ui,sans-serif;letter-spacing:-.02em;color:var(--ink,#0E0E0C);cursor:pointer}
.navdrawer .nd-links button:active,.navdrawer .nd-sub button:active{background:#F5F3F0}
.navdrawer .nd-links .nd-rojo{color:#C8102E}
.navdrawer .nd-sub{display:flex;flex-direction:column;margin:8px 24px 0;padding-top:16px;border-top:1px solid #ECEAE6}
.navdrawer .nd-sub-t{font:700 12px/1 Montserrat,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6A6862;margin-bottom:6px}
.navdrawer .nd-sub button{all:unset;box-sizing:border-box;padding:11px 0;font:600 16px/1.2 Montserrat,system-ui,sans-serif;color:#3A3934;cursor:pointer}
.navdrawer{z-index:700}
.navdrawer .nd-panel{overflow-y:auto;-webkit-overflow-scrolling:touch}
.navdrawer .nd-links,.navdrawer .nd-sub,.navdrawer .nd-head{flex-shrink:0}
html.test-banner .navdrawer .nd-panel{top:30px}

/* v294 (28-oct): ajustes de celular pedidos por el dueño: menú, opiniones, pie y controles del catálogo más compactos. */
@media(max-width:699px){
  .navdrawer .nd-head{padding:8px 12px 8px 20px}
  .navdrawer .nd-links{padding:4px 0}
  .navdrawer .nd-links button{padding:11px 20px;font-size:19px}
  .navdrawer .nd-sub{margin:6px 20px 0;padding-top:12px}
  .navdrawer .nd-sub-t{font-size:11px}
  .navdrawer .nd-sub button{padding:8px 0;font-size:14px}
  .rd-ops-row>.rd-op,.rd-ops-row>.rd-op:nth-child(n+2){flex:0 0 74%;min-height:0;padding:12px!important;gap:10px!important;border-radius:14px!important}
  .rd-op .rd-op-img{width:60px!important;height:60px!important}
  .rd-op .rd-op-st{font-size:11px}
  .rd-op .rd-op-t{font-size:13px!important;line-height:1.4;-webkit-line-clamp:3}
  .rd-op .rd-op-m{font-size:11.5px!important}
  .rd-op .rd-op-tx{gap:4px!important}
  .rd-ftr-in{padding:20px 16px!important;gap:16px 12px!important}
  .rd-ftr-col{gap:5px}
  .rd-ftr-marca{font-size:14px}
  .rd-ftr-sub,.rd-ftr-h,.rd-ftr-links{font-size:12px}
  .rd-ftr-logos{gap:6px}
  .rd-ftr-logos span{padding:4px 8px;border-radius:5px}
  .rd-ftr-logos img{height:12px}
  .rd-ftr-base{padding:12px 16px}
  .rd-ftr-base .rd-ftr-legal{font-size:11px;gap:4px 12px}
  .rdc-generos{gap:6px}
  .rdc-generos button{min-height:34px;font-size:13px}
  #catView .catsort{height:36px;font-size:13px;border-radius:9px}
}
@media(max-width:699px){#catView .secsort-col .catsort,#catView .rdc-sort .catsort{height:34px!important;min-height:0!important;font-size:12.5px!important;padding:0 26px 0 10px!important;border-radius:9px}.rdc-generos button{min-height:32px;font-size:12.5px}}

/* v295: estrellas de "Lo que dicen nuestros clientes" en amarillo (pedido del dueño). */
.rd-op .rd-op-st,.rd-op-st{color:#F5B301}
/* v296: estrellas de la ficha (bajo el nombre y en sus opiniones) en el mismo amarillo; el texto "N opiniones" sigue en tinta. */
#photoModal .pm-stars .rdf-stars-ic,#photoModal .rdf-rev-s{color:#F5B301}

/* v297: en celular el anuncio de combos de las páginas de info va sin foto (solo la tarjeta negra). */
@media(max-width:699px){#infoModal .rd-ad-foto{display:none}}

/* Boletín del pie (30-oct, al publicar el rediseño completo): se conserva del pie anterior porque es fuente de leads y de la caja "No compraron". */
.rd-ftr-news{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-width:360px}
.rd-ftr-news-row{display:flex;gap:8px}
.rd-ftr-news-row input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:500 14px Montserrat,system-ui,sans-serif}
.rd-ftr-news-row input::placeholder{color:#B8B4AC}
.rd-ftr-news-row button{height:44px;padding:0 18px;border-radius:999px;border:0;background:#fff;color:var(--rdm-tinta);font:700 13px Montserrat,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
@media(hover:hover){.rd-ftr-news-row button:hover{background:#ECE9E4}}
.rd-ftr-news-legal{font-size:11px;color:#B8B4AC;line-height:1.4}
.rd-ftr-news-legal a{color:#B8B4AC!important;text-decoration:underline!important}
.rd-ftr .ftr-news-msg{font-size:12px;color:#fff}