/* La tienda publica dentro de cualquier plantilla de sitio (sitio/_tienda_*.html).
   Solo variables de la paleta del sitio (--d-*): en la paleta oscura la tinta
   es clara y el fondo oscuro, asi que nada lleva un color de texto fijo. Sobre
   el acento el texto es SIEMPRE var(--d-acento-sobre). Movil primero: 360 px,
   dos columnas desde 760 px, cuatro tarjetas por fila en 1440. */

.ti {
  --ti-borde: color-mix(in srgb, var(--d-tinta) 16%, transparent);
  --ti-suave: color-mix(in srgb, var(--d-tinta) 5%, var(--d-fondo));
  --ti-radio: 10px;
  color: var(--d-tinta);
  font-size: 1rem;
  line-height: 1.55;
  padding: 1.5rem 0 3rem;
}
.ti *, .ti *::before, .ti *::after { box-sizing: border-box; }
.ti-caja { width: min(100% - 2rem, 1200px); margin-inline: auto; }
.ti-oculto { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.ti-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.ti-titulo { font-family: var(--f-titulos, inherit); font-size: clamp(1.75rem, 1.3rem + 2vw, 2.6rem); line-height: 1.15; margin: 0 0 .35rem; color: var(--d-tinta); }
.ti-subtitulo { font-family: var(--f-titulos, inherit); font-size: 1.3rem; line-height: 1.25; margin: 0 0 1rem; padding: 0; color: var(--d-tinta); }
.ti-cabecera { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .75rem 1.5rem; margin-bottom: 1.5rem; }
.ti-nota { color: var(--d-gris); margin: .5rem 0; }
.ti-ayuda { color: var(--d-gris); font-size: 1rem; margin: .35rem 0 0; }
.ti-migas { margin: 0 0 1.25rem; }
.ti-seccion { margin-top: 2.25rem; }
.ti-multilinea { white-space: pre-line; }

/* Enlaces y botones: objetivo tactil >= 44 px. */
.ti-enlace { color: var(--d-tinta); text-decoration: underline; text-decoration-color: var(--d-acento); text-underline-offset: .2em; text-decoration-thickness: 2px; display: inline-flex; align-items: center; min-height: 44px; }
.ti-enlace:hover { text-decoration-thickness: 3px; }
.ti-boton {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  min-height: 44px; padding: .6rem 1.15rem; border: 2px solid var(--d-acento); border-radius: 999px;
  background: var(--d-acento); color: var(--d-acento-sobre);
  font: inherit; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer;
}
.ti-boton:hover { filter: brightness(1.06); }
.ti-boton-suave { background: transparent; color: var(--d-tinta); border-color: var(--ti-borde); }
.ti-boton-suave:hover { border-color: var(--d-acento); filter: none; }
.ti-boton-grande { min-height: 52px; padding: .8rem 1.6rem; font-size: 1.0625rem; }
.ti-ancho { width: 100%; }
.ti-boton-texto { background: none; border: 0; padding: .5rem .25rem; min-height: 44px; font: inherit; color: var(--d-tinta); text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.ti :focus-visible { outline: 3px solid var(--d-acento); outline-offset: 2px; }

/* Avisos */
.ti-aviso { margin: 0 0 1.25rem; padding: .85rem 1rem; border-radius: var(--ti-radio); border-left: 4px solid var(--d-acento); background: var(--d-acento-claro); color: var(--d-tinta); }
.ti-aviso p { margin: .15rem 0; }
.ti-aviso-error { border-left-color: #c2410c; background: color-mix(in srgb, #c2410c 12%, var(--d-fondo)); }
.ti-error { margin: .35rem 0 0; font-weight: 600; color: var(--d-tinta); padding-left: .6rem; border-left: 3px solid #c2410c; }
.ti-vacio { padding: 2rem 1rem; text-align: center; border: 1px dashed var(--ti-borde); border-radius: var(--ti-radio); }

/* Catalogo: busqueda y categorias */
.ti-filtros { display: grid; gap: .9rem; margin-bottom: 1.5rem; }
.ti-buscar { display: flex; gap: .5rem; max-width: 34rem; }
.ti-buscar input { flex: 1; min-width: 0; }
.ti input[type="search"], .ti input[type="text"], .ti input:not([type]), .ti input[type="email"], .ti input[type="tel"], .ti input[type="number"], .ti textarea {
  font: inherit; font-size: 1rem; color: var(--d-tinta); background: var(--d-fondo);
  border: 1px solid color-mix(in srgb, var(--d-tinta) 35%, transparent); border-radius: 8px;
  min-height: 44px; padding: .55rem .75rem; width: 100%;
}
.ti textarea { min-height: 5.5rem; resize: vertical; }
.ti input::placeholder { color: var(--d-gris); opacity: 1; }
.ti-categorias { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .25rem; scrollbar-width: thin; }
.ti-chip { flex: none; display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .45rem 1rem; border-radius: 999px; border: 1px solid var(--ti-borde); color: var(--d-tinta); background: var(--d-fondo); text-decoration: none; white-space: nowrap; }
.ti-chip:hover { border-color: var(--d-acento); }
.ti-chip[aria-current="page"] { background: var(--d-acento); border-color: var(--d-acento); color: var(--d-acento-sobre); }
.ti-chip-n { opacity: .8; font-size: 1rem; }
.ti-resultados { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; margin: 0 0 1rem; color: var(--d-gris); }

/* Rejilla de tarjetas */
.ti-rejilla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ti-tarjeta { display: flex; flex-direction: column; background: var(--d-fondo); border: 1px solid var(--ti-borde); border-radius: var(--ti-radio); overflow: hidden; min-width: 0; }
.ti-tarjeta-foto { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--d-superficie); text-decoration: none; }
/* La foto no da alto a la caja: una foto vertical no estira la tarjeta */
.ti-tarjeta-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ti-tarjeta-agotada .ti-tarjeta-foto img { opacity: .6; }
.ti-sin-foto { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: var(--f-titulos, inherit); font-size: 2.5rem; color: var(--d-gris); background: var(--d-superficie); text-transform: uppercase; }
.ti-etiqueta { position: absolute; left: .5rem; top: .5rem; padding: .2rem .6rem; border-radius: 999px; background: var(--d-tinta); color: var(--d-fondo); font-size: 1rem; font-weight: 600; }
.ti-tarjeta-cuerpo { display: flex; flex-direction: column; gap: .25rem; padding: .75rem; flex: 1; }
.ti-tarjeta-cat { margin: 0; color: var(--d-gris); font-size: 1rem; }
.ti-tarjeta-nombre { margin: 0; font-size: 1.0625rem; line-height: 1.3; font-family: var(--f-titulos, inherit); }
.ti-tarjeta-nombre a { color: var(--d-tinta); text-decoration: none; overflow-wrap: anywhere; }
.ti-tarjeta-nombre a:hover { text-decoration: underline; text-decoration-color: var(--d-acento); }
.ti-precio { margin: 0; font-weight: 700; color: var(--d-tinta); font-variant-numeric: tabular-nums; }
.ti-precio-grande { font-size: 1.5rem; margin: .25rem 0 .5rem; }
.ti-form-anadir { margin-top: auto; padding-top: .5rem; }
.ti-form-anadir .ti-boton { width: 100%; padding-inline: .5rem; }
.ti-agotado { margin-top: auto; padding-top: .5rem; color: var(--d-gris); font-weight: 600; min-height: 44px; display: flex; align-items: center; }

/* Ficha */
.ti-ficha-fila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.ti-galeria-principal { display: block; aspect-ratio: 1 / 1; border-radius: var(--ti-radio); overflow: hidden; background: var(--d-superficie); }
.ti-galeria-principal img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ti-galeria-principal.ti-sin-foto { font-size: 4rem; }
.ti-galeria-miniaturas { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: .5rem; }
.ti-galeria-miniaturas a { display: block; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; border: 1px solid var(--ti-borde); min-height: 44px; }
.ti-galeria-miniaturas img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ti-existencias { margin: 0 0 .5rem; color: var(--d-tinta); font-weight: 600; }
.ti-existencias-no { color: var(--d-gris); font-weight: 600; }
.ti-form-ficha { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; margin: 1rem 0 1.25rem; }
.ti-campo { display: grid; gap: .3rem; margin-bottom: 1rem; }
.ti-campo label { font-weight: 600; }
.ti-form-ficha .ti-campo { margin: 0; }
.ti-campo-cantidad input { width: 6.5rem; }
.ti-descripcion { max-width: 65ch; }
.ti-descripcion p { margin: 0 0 .9rem; }
.ti-entregas-info { margin: 1rem 0 0; padding: 1rem 1rem 1rem 2.25rem; background: var(--ti-suave); border-radius: var(--ti-radio); }
.ti-entregas-info li { margin: .2rem 0; }

/* Cantidad con +/- (js/tienda.js) */
.ti-paso { display: inline-flex; align-items: stretch; }
.ti-paso .ti-cantidad { width: 4.25rem; text-align: center; border-radius: 0; }
.ti-paso button { min-width: 44px; min-height: 44px; font: inherit; font-size: 1.25rem; background: var(--ti-suave); color: var(--d-tinta); border: 1px solid color-mix(in srgb, var(--d-tinta) 35%, transparent); cursor: pointer; }
.ti-paso button:first-child { border-radius: 8px 0 0 8px; border-right: 0; }
.ti-paso button:last-child { border-radius: 0 8px 8px 0; border-left: 0; }

/* Carrito y pedido: tabla apilada en el movil */
.ti-carrito-fila, .ti-pedido-fila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.ti-tabla { width: 100%; border-collapse: collapse; }
.ti-tabla th { text-align: left; font-weight: 600; color: var(--d-gris); padding: .5rem; border-bottom: 1px solid var(--ti-borde); }
.ti-tabla td { padding: .75rem .5rem; border-bottom: 1px solid var(--ti-borde); vertical-align: middle; }
.ti-celda-producto { display: flex; align-items: center; gap: .75rem; }
.ti-celda-producto > span { overflow-wrap: anywhere; }
.ti-linea-foto { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; flex: none; }
.ti-celda-importe { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ti-form-linea { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.ti-form-linea .ti-cantidad { width: 5rem; }
.ti-descargar { margin-top: .4rem; }

.ti-resumen { align-self: start; padding: 1.25rem; border-radius: var(--ti-radio); background: var(--ti-suave); border: 1px solid var(--ti-borde); }
.ti-resumen .ti-ayuda + .ti-boton { margin-top: 1rem; }
.ti-totales, .ti-datos { margin: 0 0 1rem; }
.ti-totales > div, .ti-datos > div { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; }
.ti-datos > div { flex-direction: column; gap: 0; }
.ti-totales dt, .ti-datos dt { color: var(--d-gris); }
.ti-datos dt { font-weight: 600; }
.ti-totales dd, .ti-datos dd { margin: 0; font-variant-numeric: tabular-nums; }
.ti-datos dd { overflow-wrap: anywhere; }
.ti-totales dd { text-align: right; }
.ti-total { border-top: 1px solid var(--ti-borde); margin-top: .35rem; padding-top: .7rem !important; font-size: 1.15rem; font-weight: 700; }
.ti-total dt { color: var(--d-tinta); }
.ti-resumen-lineas { list-style: none; margin: 0 0 1rem; padding: 0; }
.ti-resumen-lineas li { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; border-bottom: 1px solid var(--ti-borde); }
.ti-resumen-lineas li span:first-child { overflow-wrap: anywhere; }
.ti-resumen-lineas li span:last-child { white-space: nowrap; font-variant-numeric: tabular-nums; }

@media (max-width: 760px) {
  .ti-tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .ti-tabla, .ti-tabla tbody, .ti-tabla tr, .ti-tabla td { display: block; width: 100%; }
  .ti-tabla tr { border: 1px solid var(--ti-borde); border-radius: var(--ti-radio); padding: .5rem .75rem; margin-bottom: .75rem; background: var(--d-fondo); }
  .ti-tabla td { border: 0; padding: .4rem 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem; }
  .ti-tabla td::before { content: attr(data-etiqueta); color: var(--d-gris); font-weight: 600; }
  .ti-tabla td.ti-celda-producto { justify-content: flex-start; font-weight: 600; }
  .ti-tabla td.ti-celda-producto::before { display: none; }
  .ti-form-linea { justify-content: flex-end; }
  .ti-buscar { max-width: none; }
}

/* Checkout: una columna en el movil, dos en escritorio */
.ti-checkout-fila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.ti-grupo { border: 0; margin: 0 0 1rem; padding: 0; min-width: 0; }
.ti-opciones { display: grid; gap: .6rem; margin-bottom: .75rem; }
.ti-opcion { display: flex; align-items: flex-start; gap: .75rem; padding: .8rem 1rem; min-height: 44px; border: 1px solid var(--ti-borde); border-radius: var(--ti-radio); background: var(--d-fondo); cursor: pointer; }
.ti-opcion:has(input:checked) { border-color: var(--d-acento); box-shadow: inset 0 0 0 1px var(--d-acento); }
.ti-opcion input { width: 1.25rem; height: 1.25rem; margin: .15rem 0 0; accent-color: var(--d-acento); flex: none; }
.ti-opcion-texto { display: grid; gap: .1rem; }
.ti-opcion-detalle { color: var(--d-gris); }

/* Confirmacion y pedido */
.ti-confirmacion { max-width: 44rem; margin-bottom: 1.5rem; }
.ti-confirmacion p { margin: .5rem 0; }
.ti-confirmacion .ti-boton { margin-right: .75rem; }
.ti-numero { font-size: 1.15rem; font-weight: 600; }
.ti-estado { display: inline-block; margin: 0; padding: .25rem .8rem; border-radius: 999px; background: var(--d-acento-claro); color: var(--d-tinta); font-weight: 600; }
.ti-contenido-digital { margin: 1rem 0; padding: 1.25rem; border-radius: var(--ti-radio); border: 1px dashed var(--ti-borde); background: var(--ti-suave); font-size: 1.125rem; overflow-wrap: anywhere; }
.ti-contenido-digital p { margin: .25rem 0; }

@media (min-width: 761px) {
  .ti-rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
  .ti-ficha-fila { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 2.5rem; align-items: start; }
  .ti-carrito-fila, .ti-pedido-fila { grid-template-columns: minmax(0, 1fr) 20rem; align-items: start; }
  .ti-checkout-fila { grid-template-columns: minmax(0, 1fr) 22rem; gap: 2.5rem; align-items: start; }
  .ti-checkout-fila .ti-resumen { position: sticky; top: 1rem; }
}
@media (min-width: 1100px) {
  .ti-rejilla { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  .ti-rejilla { gap: .6rem; }
  .ti-tarjeta-cuerpo { padding: .6rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .ti-tarjeta { transition: border-color .15s ease; }
  .ti-tarjeta:hover { border-color: var(--d-acento); }
}
/* E: descuentos */
.ti-descuento { margin: 0 0 1rem; padding: .75rem 0 0; border-top: 1px solid var(--ti-borde); }
.ti-descuento-etiqueta { display: block; font-weight: 600; margin-bottom: .3rem; }
.ti-descuento-fila { display: flex; flex-wrap: wrap; gap: .4rem; align-items: stretch; }
.ti-descuento-fila input { flex: 1 1 8rem; min-width: 0; text-transform: uppercase; letter-spacing: .04em; }
.ti-descuento-aplicado { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .25rem .75rem; margin: 0; font-weight: 600; }
.ti-totales > .ti-descuento-linea dd { font-weight: 600; }
/* /E */
/* I: entrega */
.ti .ti-franja select {
  font: inherit; font-size: 1rem; color: var(--d-tinta); background: var(--d-fondo);
  border: 1px solid color-mix(in srgb, var(--d-tinta) 35%, transparent); border-radius: 8px;
  min-height: 44px; padding: .55rem .75rem; width: 100%;
}
.ti-totales [hidden], .ti [data-ti-solo][hidden] { display: none; }
.ti-opcion-plazo { color: var(--d-tinta); font-weight: 600; }
.ti-cp-fila { display: flex; flex-wrap: wrap; gap: .4rem; align-items: stretch; }
.ti .ti-cp-fila input { flex: 1 1 7rem; width: auto; min-width: 0; max-width: 12rem; text-transform: uppercase; letter-spacing: .04em; }
.ti-plazo { color: var(--d-tinta); font-weight: 600; margin: .5rem 0; }
.ti-plazo-ficha { margin: -.5rem 0 1.25rem; }
.ti-plazo-zona { color: var(--d-gris); font-weight: 400; }
/* /I */
/* G: resenas */
.ti-estrellas { color: var(--d-tinta); letter-spacing: .08em; white-space: nowrap; line-height: 1; }
.ti-resenas-resumen { margin: 0 0 .75rem; }
.ti-resenas-resumen .ti-enlace { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; min-height: 44px; }
.ti-resenas { margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem); padding-top: 1.5rem; border-top: 1px solid var(--ti-borde); max-width: 52rem; }
.ti-resenas-media { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .6rem; margin: 0 0 1.25rem; font-size: 1.125rem; }
.ti-resenas-media .ti-estrellas { font-size: 1.4rem; }
.ti-resenas-lista { list-style: none; margin: 0; padding: 0; }
.ti-resena { padding: 1.25rem 0; border-bottom: 1px solid var(--ti-borde); }
.ti-resena:last-child { border-bottom: 0; }
.ti-resena-cabeza { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; margin: 0 0 .5rem; }
.ti-resena-verificada { font-size: 1rem; font-weight: 600; color: var(--d-tinta); border: 1px solid var(--ti-borde); border-radius: 999px; padding: .1rem .55rem; }
.ti-resena-fecha { color: var(--d-gris); font-size: 1rem; }
.ti-resena-texto p, .ti-resena-respuesta p { margin: 0 0 .5rem; overflow-wrap: anywhere; }
.ti-resena-fotos { list-style: none; margin: .75rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.ti-resena-fotos a { display: block; border-radius: 8px; overflow: hidden; }
.ti-resena-fotos img { display: block; width: 96px; height: 96px; object-fit: cover; }
.ti-resena-respuesta { margin: .75rem 0 0; padding: .5rem 0 .25rem 1rem; border-left: 3px solid var(--ti-borde); }
.ti-resena-respuesta-titulo { font-weight: 600; }
.ti-resena-form { max-width: 44rem; }
.ti-resena-form-cabecera { align-items: center; justify-content: flex-start; }
.ti-resena-form-foto { width: 96px; height: 96px; object-fit: cover; border-radius: 8px; }
.ti-estrellas-opciones { display: grid; gap: .25rem; }
.ti-estrella-opcion { display: flex; align-items: center; gap: .6rem; min-height: 44px; cursor: pointer; }
.ti-estrella-opcion input { width: 1.25rem; height: 1.25rem; margin: 0; accent-color: var(--d-tinta); }
.ti-estrella-opcion span[aria-hidden] { color: var(--d-tinta); min-width: 6.5em; letter-spacing: .08em; }
.ti-resena-formulario textarea, .ti-resena-formulario input[type="file"] { font: inherit; width: 100%; max-width: 100%; }
/* /G */
/* H: deseos */
.ti-deseos-barra { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; padding-top: 0; padding-bottom: 0; }
.ti-ir-deseos[aria-current="page"] { border-color: var(--d-acento); }
.ti-form-deseo { margin: 0; }
.ti-deseo::before { content: "\2661"; margin-right: .4rem; font-size: 1.1em; line-height: 1; }
.ti-deseo-si::before { content: "\2665"; }
.ti-deseo-si { border-color: var(--d-acento); }
.ti-tarjeta-cuerpo .ti-form-deseo .ti-deseo { width: 100%; justify-content: center; display: inline-flex; align-items: center; }
.ti-ficha-info > .ti-form-deseo { margin: -.5rem 0 1.25rem; }
.ti-avisar { margin: 0 0 1.25rem; padding: 1rem; border: 1px solid var(--ti-borde); border-radius: var(--ti-radio); background: var(--ti-suave); max-width: 32rem; }
.ti-avisar-titulo { margin: 0 0 .75rem; font-weight: 700; color: var(--d-tinta); }
.ti-avisar .ti-campo { margin-bottom: .5rem; }
.ti-avisar .ti-aviso { margin-bottom: .75rem; }
.ti-avisar-fila { display: flex; flex-wrap: wrap; gap: .5rem; align-items: stretch; }
.ti .ti-avisar-fila input { flex: 1 1 12rem; width: auto; min-width: 0; }
.ti-relacionados { margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem); padding-top: 1.5rem; border-top: 1px solid var(--ti-borde); }
.ti-deseos-lista { list-style: none; margin: 1rem 0 0; padding: 0; }
.ti-deseo-fila { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: .5rem 1rem; align-items: start; padding: 1rem 0; border-bottom: 1px solid var(--ti-borde); }
.ti-deseo-fila:last-child { border-bottom: 0; }
.ti-deseo-foto { position: relative; display: block; width: 88px; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; background: var(--d-superficie); text-decoration: none; }
.ti-deseo-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ti-deseo-foto .ti-sin-foto { font-size: 1.75rem; }
.ti-tarjeta-agotada .ti-deseo-foto img { opacity: .6; }
.ti-deseo-cuerpo { display: grid; gap: .25rem; min-width: 0; }
.ti-deseo-cuerpo .ti-existencias { margin: 0; }
.ti-deseo-acciones { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.ti-deseo-acciones .ti-form-anadir { margin: 0; padding: 0; }
@media (min-width: 761px) {
  .ti-deseo-fila { grid-template-columns: 112px minmax(0, 1fr) auto; align-items: center; }
  .ti-deseo-foto { width: 112px; }
  .ti-deseo-acciones { grid-column: auto; justify-content: flex-end; }
}
/* /H */
/* J: visibilidad */
.ti-migas-nav { margin: 0 0 1.25rem; }
.ti-migas-nav .ti-migas { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; color: var(--d-gris); }
.ti-migas-nav .ti-migas li { display: inline-flex; align-items: center; min-width: 0; }
.ti-migas-nav .ti-migas li + li::before { content: "/"; margin: 0 .5rem; color: var(--d-gris); }
.ti-migas-nav [aria-current="page"] { color: var(--d-tinta); overflow-wrap: anywhere; }
.ti-migas-nav .ti-migas a { display: inline-flex; align-items: center; min-width: 44px; justify-content: center; } /* L2: "Shop" media 40 px de ancho a 390 */
.ti-precio-unidad { margin: -.15rem 0 .75rem; color: var(--d-gris); font-size: 1rem; }
.ti-confianza { list-style: none; margin: 0 0 1.25rem; padding: 0; display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.ti-faq { margin: 1.75rem 0 1.25rem; }
.ti-faq-item { border-top: 1px solid var(--ti-borde); }
.ti-faq-item:last-child { border-bottom: 1px solid var(--ti-borde); }
.ti-faq-item summary { display: flex; align-items: center; min-height: 44px; padding: .6rem 0; cursor: pointer; font-weight: 600; color: var(--d-tinta); }
.ti-faq-item p { margin: 0 0 1rem; color: var(--d-tinta); }
.ti-politica { max-width: 46rem; }
.ti-politica-texto p { margin: 0 0 1rem; }
.ti-pie-politicas { display: flex; flex-wrap: wrap; gap: 0 1.5rem; margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--ti-borde); }
/* /J */