/* ==========================================================================
   TEMA 1 · publicidadelectoral.mx — "Publicidad Electoral"
   Papel frío · retícula editorial nítida · fotografía de estudio
   Ángulo: institucional y comprobable. ISO, CFDI, comprobación INE.
   ========================================================================== */

[data-tema="frio"] {
  /* Papel enfriado: mismo valor, matiz desplazado al azul */
  --fondo:        #F4F5F7;
  --fondo-2:      #EAECF0;
  --fondo-3:      #DEE1E7;
  --texto:        #0F1419;
  --texto-suave:  #5C6470;
  --borde:        #0F14191a;
  --borde-fuerte: #0F141940;
  --accion:       #0F1419;
  --accion-texto: #F4F5F7;

  background: var(--fondo);
  color: var(--texto);
}

/* --- Retícula editorial visible: el rasgo distintivo del tema --- */
[data-tema="frio"] .reticula {
  position: relative;
}
[data-tema="frio"] .reticula::before {
  content: "";
  position: absolute; inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to right, #0F141912 1px, transparent 1px);
  background-size: calc(100% / 12) 100%;
  opacity: 0.9;
}
@media (max-width: 720px) {
  [data-tema="frio"] .reticula::before { background-size: calc(100% / 4) 100%; }
}

/* --- Hero editorial: titular a la izquierda, ficha técnica a la derecha --- */
[data-tema="frio"] .hero {
  padding-block: clamp(3.5rem, 7vw, 7rem);
  border-bottom: 1px solid var(--borde);
}
[data-tema="frio"] .hero__rejilla {
  display: grid; gap: var(--gut);
  align-items: end;
}
@media (min-width: 900px) {
  [data-tema="frio"] .hero__rejilla { grid-template-columns: 7fr 5fr; }
}
[data-tema="frio"] .hero-titulo { --ancho-hero: 118; }
[data-tema="frio"] .hero-titulo em {
  font-style: normal;
  display: block;
  color: var(--texto-suave);
}

/* Ficha técnica — tabla de datos, lenguaje de pliego de imprenta */
[data-tema="frio"] .ficha {
  border-top: 2px solid var(--texto);
  font-size: var(--t-sm);
}
[data-tema="frio"] .ficha__fila {
  display: flex; justify-content: space-between; gap: 1rem;
  padding: 11px 0;
  border-bottom: 1px solid var(--borde);
}
[data-tema="frio"] .ficha__et { color: var(--texto-suave); }
[data-tema="frio"] .ficha__val { font-weight: 600; text-align: right; }

/* Imagen de estudio: fondo limpio, sombra suave, sin recorte agresivo */
[data-tema="frio"] .estudio {
  background: var(--fondo-2);
  border: 1px solid var(--borde);
  border-radius: var(--radio-lg);
  padding: clamp(1rem, 2.5vw, 2rem);
}
[data-tema="frio"] .estudio img {
  border-radius: var(--radio);
  filter: saturate(0.92) contrast(1.02);
  box-shadow: 0 18px 40px -24px #0F141959;
}

[data-tema="frio"] .tarjeta { background: var(--blanco); }