:root {
      --orange: #f97316;
      --orange-dark: #c2410c;
      --bg-start: #106cdb;
      --bg-end: #aec9ec;
      --card-bg: rgba(255, 255, 255, 0.85);
      --text: #1f2937;
      --panel-line: rgba(0, 0, 0, 0.04);
      --green: #17f769;
    }
body, .pdf-text, .text-primary-blue {
  font-family: 'Poppins', sans-serif !important;
}
body {
  background: linear-gradient(to top right, var(--bg-start), var(--bg-end));
  color: var(--text);
  font-size: 16px;
  line-height: 1.5;
}
/* Color azul oscuro personalizado */
.text-primary-blue {
  color: #09215a;
}
.text-primary-blue2 {
  color: #0c3548;
}
/* Estilo base para los textos flotantes en el PDF */
.pdf-text {
  position: absolute;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  line-height: 1.2;
}
#preview {
  margin: 0;
  padding: 0;
  position: relative;
}
#OFFGRIDBODY {
  background: linear-gradient(to top right, var(--green), var(--card-bg));

}
#ofertaad {
  background: linear-gradient(to top right, var(--orange), var(--bg-start));
}

.preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* 👈 hace que rellene el contenedor */
  border-radius: 12px; /* bordes redondeados */
  border: 1px solid #ccc;
  display: none;       /* oculto hasta que tenga imagen */
}