/* OPCIÓN 4 · PRECISIÓN */
.d4 {
  --tinta: #15191e;
  --rojo: #d3101f;
  --crema: #f5f4f1;
  --f-titulo: "Barlow Condensed", "Arial Narrow", sans-serif;
  --f-texto: "Barlow", Arial, sans-serif;
}
.d4 .tarjeta, .d4 .cartel { font-family: var(--f-texto); }
.d4 .frente__foto, .d4 .cartel__foto {
  background-size: cover;
  background-position: 78% center;
}

/* ANVERSO */
.d4 .frente { background: var(--tinta); color: #fff; }
.d4 .frente__foto { position: absolute; inset: 0 0 9mm; }
.d4 .frente__sombra {
  position: absolute; inset: 0 0 9mm;
  background: linear-gradient(90deg, rgba(14, 17, 20, .98), rgba(14, 17, 20, .77) 48%, transparent 82%);
}
.d4 .frente__marca { position: absolute; left: 5mm; top: 9mm; }
.d4 .frente__nombre {
  font-family: var(--f-titulo); font-weight: 700;
  font-size: 11mm; line-height: .9; letter-spacing: .025em; text-transform: uppercase;
}
.d4 .frente__rubro {
  display: block; margin-top: 2.5mm; padding-left: 1.5mm;
  border-left: .7mm solid var(--rojo);
  font-size: 2.25mm; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.d4 .frente__pie {
  position: absolute; left: 0; right: 0; bottom: 0; height: 9mm;
  display: flex; align-items: center; justify-content: space-between; gap: 3mm;
  padding: 0 5mm; background: var(--tinta);
  font-size: 2.25mm; font-weight: 600;
}
.d4 .frente__pie strong { font-size: 3mm; }

/* REVERSO */
.d4 .reverso { display: flex; background: var(--crema); color: var(--tinta); }
.d4 .reverso__contenido {
  flex: 1; min-width: 0; padding: 4.5mm 4mm 4mm 5mm;
  display: flex; flex-direction: column;
}
.d4 .reverso__marca { display: flex; flex-direction: column; }
.d4 .reverso__marca strong {
  font-family: var(--f-titulo); font-size: 5.5mm; line-height: .9; text-transform: uppercase;
}
.d4 .reverso__marca span {
  margin-top: 1mm; font-size: 1.8mm; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--rojo);
}
.d4 .reverso__servicios {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 2mm 3mm;
  margin: auto 0;
}
.d4 .reverso__servicios li {
  padding-top: 1mm; border-top: .4mm solid var(--rojo);
  font-size: 2mm; font-weight: 600; line-height: 1.1;
}
.d4 .reverso__pie {
  display: flex; align-items: center; justify-content: space-between; gap: 2mm;
  padding-top: 2mm; border-top: .25mm solid #c4c3c0;
}
.d4 .reverso__pie strong { font-family: var(--f-titulo); font-size: 4mm; line-height: 1; }
.d4 .reverso__pie span { max-width: 33mm; font-size: 1.75mm; font-weight: 600; line-height: 1.1; }
.d4 .reverso__qr {
  width: 24mm; flex: none; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 2mm;
  background: var(--tinta); color: #fff;
}
.d4 .reverso__qr-caja { width: 17mm; padding: 1mm; background: #fff; }
.d4 .reverso__qr span { font-size: 1.6mm; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* CARTEL */
.d4 .cartel { background: var(--tinta); color: #fff; }
.d4 .cartel__foto {
  position: absolute; top: 0; right: 0; bottom: 0; width: 660mm;
  background-position: 81% center;
}
.d4 .cartel__contenido {
  position: relative; z-index: 1; width: 650mm; height: 100%;
  padding: 47mm 48mm 39mm 58mm;
  display: flex; flex-direction: column;
  background: var(--tinta); border-right: 8mm solid var(--rojo);
}
.d4 .cartel__marca { display: flex; flex-direction: column; align-items: flex-start; }
.d4 .cartel__etiqueta {
  font-size: 16mm; font-weight: 700; letter-spacing: .2em;
  text-transform: uppercase; color: #adb2b7;
}
.d4 .cartel__nombre {
  margin-top: 12mm; font-family: var(--f-titulo); font-weight: 700;
  font-size: 128mm; line-height: .86; letter-spacing: .01em; text-transform: uppercase;
}
.d4 .cartel__rubro {
  margin-top: 19mm; padding-left: 15mm; border-left: 5mm solid var(--rojo);
  font-family: var(--f-titulo); font-size: 30mm; font-weight: 600;
  line-height: 1; letter-spacing: .05em; text-transform: uppercase;
}
.d4 .cartel__servicios {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 20mm 25mm;
  margin-top: 44mm;
}
.d4 .cartel__servicios li {
  padding-top: 9mm; border-top: 2mm solid var(--rojo);
  font-size: 20mm; font-weight: 600; line-height: 1.1;
  text-transform: uppercase; text-wrap: balance;
}
.d4 .cartel__contacto {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 25mm;
  margin-top: auto; padding-top: 24mm; border-top: 2mm solid #555b61;
}
.d4 .cartel__datos { display: flex; flex-direction: column; min-width: 0; }
.d4 .cartel__telefono {
  font-family: var(--f-titulo); font-size: 72mm; line-height: .9; letter-spacing: .02em;
}
.d4 .cartel__ubicacion {
  margin-top: 11mm; font-family: var(--f-titulo);
  font-size: 24mm; line-height: 1.08; text-transform: uppercase;
}
.d4 .cartel__qr { display: flex; flex-direction: column; align-items: center; gap: 5mm; flex: none; }
.d4 .cartel__qr-caja { width: 105mm; padding: 6mm; background: #fff; }
.d4 .cartel__qr span { font-size: 10mm; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }