/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/traffic/traffic.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Tipografía del tablero de tráfico.
 *
 * globals.css define un tema CLARO (fondo crema, texto verde oscuro, títulos
 * en Fraunces serif) que usan /parcels, /rancho-el-17 e /inputs. El tablero de
 * tráfico es la excepción: pinta superficie oscura encima.
 *
 * Sin este scope, cada h1/h2/h3 nace en serif y con el color del tema claro —
 * ilegible sobre oscuro. La página anterior lo tapaba escribiendo
 * color:"#ffffff" inline en cada encabezado, uno por uno.
 *
 * Se limita a .traffic-scope a propósito: corregir globals.css arreglaría esta
 * ruta y rompería las otras tres.
 */

.traffic-scope h1,
.traffic-scope h2,
.traffic-scope h3,
.traffic-scope h4 {
  font-family: inherit;
  color: #ffffff;
  letter-spacing: -0.015em;
  margin: 0;
  line-height: 1.2;
}

.traffic-scope h1 {
  font-size: 2.35rem;
  font-weight: 650;
}

.traffic-scope h2 {
  font-size: 1.3rem;
  font-weight: 640;
}

.traffic-scope h3 {
  font-size: 1.05rem;
  font-weight: 640;
}

.traffic-scope h4 {
  font-size: 0.95rem;
  font-weight: 640;
}