/* =====================================================================
   RV25 Relojería · FICHA DEL RELOJ · ESPECIFICACIONES
   ---------------------------------------------------------------------
   "Especificaciones del reloj" como en Vacheron: cada dato en una
   fila con la etiqueta pequeña en mayúsculas a la izquierda, el valor
   a la derecha y una línea fina entre filas.
   En computador el título va a la izquierda y la tabla a la derecha.
   ===================================================================== */

.ficha-specs {
  display: grid; gap: 24px;
  max-width: var(--ancho); margin: 0 auto;
  padding: var(--seccion) var(--margen) 0;
}

.ficha-specs h3 { font-size: clamp(26px, 6vw, 34px); font-weight: 400; line-height: 1.1; }

.ficha-specs dl { margin: 0; border-top: 1px solid var(--arena-2); }
.ficha-specs dl div {
  display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--arena-2);
}
.ficha-specs dt {
  padding-top: 3px;
  font: 500 11px/1.4 var(--letra); letter-spacing: .12em; text-transform: uppercase;
  color: var(--tinta-suave);
}
.ficha-specs dd { margin: 0; font-size: 16px; }

@media (min-width: 1040px) {
  .ficha-specs { grid-template-columns: 5fr 7fr; gap: 80px; align-items: start; }
  .ficha-specs dl div { padding: 20px 0; }
}

/* La marca en la tabla lleva a su página (marcas/<marca>/) */
.ficha-specs dd a { color: inherit; text-underline-offset: 3px; text-decoration-thickness: 1px; }

/* =====================================================================
   OTROS RELOJES QUE TE PUEDEN GUSTAR (plantilla.js → otros)
   Tres tarjetas del catálogo: primero la misma marca, luego precio
   parecido. Enlaza las páginas de los relojes entre sí (Google).
   ===================================================================== */
.ficha-otros {
  display: grid; gap: 24px;
  max-width: var(--ancho); margin: 0 auto;
  padding: var(--seccion) var(--margen) 0;
}
.ficha-otros-cabeza { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; }
.ficha-otros h3 { font-size: clamp(26px, 6vw, 34px); font-weight: 400; line-height: 1.1; }
.ficha-otros-marca {
  font: 600 14px/1.3 var(--letra); color: var(--tinta);
  text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px;
}
@media (min-width: 560px) and (max-width: 1039px) {
  .ficha-otros .rejilla .tarjeta:nth-child(3) { display: none; }   /* dos columnas: dos relojes */
}