/* =========================================================
   PRINT_COLOR_BASE.CSS
   Base reutilizable de impresión a color
   Cyberfractal / illex.ar
   ========================================================= */


/* =========================================================
   1. FUERZA COLOR EN IMPRESIÓN (CRÍTICO)
   ========================================================= */

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}


/* =========================================================
   2. CONFIGURACIÓN DE PÁGINA
   ========================================================= */

@page {
  size: A4;
  margin: 2cm;
}


/* =========================================================
   3. FONDO BLANCO + TEXTO OSCURO
   ========================================================= */

@media print {

  html, body {
    background: #ffffff !important;
    color: #000000 !important;
    font-family: "Times New Roman", Georgia, serif;
    font-size: 12pt;
    line-height: 1.5;
  }

  p, li, blockquote, article, div, td {
    color: #000000 !important;
  }

  em {
    font-style: italic;
  }
}


/* =========================================================
   4. ANCHO CONTROLADO (600px FILOSÓFICO)
   ========================================================= */

@media print {

  table {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
  }

  td {
    background: transparent !important;
  }
}


/* =========================================================
   5. IMÁGENES Y GRÁFICOS (NO DESATURAR)
   ========================================================= */

@media print {

  img {
    max-width: 100% !important;
    height: auto !important;
    filter: none !important;
    mix-blend-mode: normal !important;
  }

  /* Marcos decorativos (oro / gradientes) */
  .imagen-marco {
    background: linear-gradient(
      135deg,
      #f6e8d5,
      #e5b97d,
      #cf7e34,
      #6d3f1f
    ) !important;

    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3) !important;
  }
}


/* =========================================================
   6. TÍTULOS SOLO PARA IMPRESIÓN (OPCIONAL)
   ========================================================= */

@media screen {
  .print-only-title {
    display: none !important;
  }
}

@media print {
  .print-only-title::before {
    content: attr(data-title);
    display: block;
    text-align: center;
    font-size: 26pt;
    font-weight: bold;
    margin: 20px 0 30px 0;
    letter-spacing: 1px;
  }
}


/* =========================================================
   7. OCULTAR ELEMENTOS DE NAVEGACIÓN
   ========================================================= */

@media print {

  nav,
  footer,
  .btn-flotante,
  .nav,
  a[href^="mailto:"],
  a[href^="javascript:"] {
    display: none !important;
  }
}


/* =========================================================
   8. FIRMA Y CIERRES
   ========================================================= */

@media print {

  center {
    margin: 30px 0;
    font-weight: bold;
    letter-spacing: 1px;
  }

  div[align="right"] {
    font-size: 10pt;
  }
}
@media print {
  body {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  img {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}


@media print {
  #header,
  .nav,
  table[border="1"],
  .btn-flotante,
  nav,
  aside {
    display: none !important;
  }
}