/*
Theme Name: La Vitrina Child
Theme URI: https://vitrinamag.com
Description: Tema hijo de Hello Elementor para La Vitrina. Guarda aquí cualquier CSS personalizado que no viva ya en las plantillas de Elementor, para que sobreviva a las actualizaciones del tema padre.
Author: La Vitrina
Author URI: https://vitrinamag.com
Template: hello-elementor
Version: 1.2.0
Text Domain: la-vitrina-child
*/

/* ==========================================================
   Sistema de diseño de La Vitrina — tokens de referencia
   (Estos mismos valores ya están aplicados dentro de las
   plantillas de Elementor vía Custom CSS / widgets HTML.
   Este bloque queda aquí como respaldo centralizado y como
   único sitio a tocar si algún día quieres cambiar el look
   global sin ir plantilla por plantilla.)
   ========================================================== */

:root {
  --lv-paper: #FFFFFF;
  --lv-paper-alt: #FAFAF8;
  --lv-ink: #17171A;
  --lv-ink-soft: #5B5B57;
  --lv-ink-faint: #8C8C86;
  --lv-line: #E6E4DD;
  --lv-accent: #7C2E28;
}

body {
  color: var(--lv-ink);
  background: var(--lv-paper);
}

/* Encabezados DENTRO del cuerpo de los artículos (H2, H3 de Gutenberg).
   Elementor no propaga su Tipografía Global a estos, así que se fijan
   aquí de forma expresa. Para cambiar la fuente, el peso o el tamaño
   en el futuro, solo hay que editar estos selectores. */
.wp-block-heading {
  font-family: 'Instrument Sans', serif;
}

h2.wp-block-heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #4A1C1A;
}

h3.wp-block-heading {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 1px;
  color: #4A1C1A;
}

/* Tablas dentro del cuerpo de los artículos: estilo plano y editorial,
   sin la cuadrícula gris por defecto de WordPress. */
.wp-block-table table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  margin: 8px 0;
  border: none !important;
}

.wp-block-table thead {
  border: none !important;
}

.wp-block-table th {
  text-align: left;
  padding: 12px 14px !important;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--lv-ink-soft);
  font-weight: 600;
  border: none !important;
  border-bottom: 2px solid var(--lv-ink) !important;
  background: transparent !important;
}

.wp-block-table td {
  padding: 12px 14px !important;
  border: none !important;
  border-bottom: 1px solid var(--lv-line) !important;
  color: var(--lv-ink);
  background: transparent !important;
}

.wp-block-table td:first-child {
  font-weight: 600;
}

.wp-block-table tbody tr:last-child td {
  border-bottom: 1px solid var(--lv-ink) !important;
}