.download-contas {display: none;}

  @media print {
    :root {
      --color-black: #000000;
      --color-white: #ffffff;
      --color-text-dark: #1f1f1f;
      --color-neutral-dark: #4a4a4a;
      --font-primary: 'Plus Jakarta Sans', sans-serif;
      --font-display: 'Space Grotesk', sans-serif;
    }
    @page {
      size: auto;
      margin: 0mm;
    }

    * {

      -webkit-print-color-adjust: exact; 
      print-color-adjust: exact;         
    }

    body {
      font-family: var(--font-primary);
      background-color: white;
      margin: 0;
      padding: 0;
      display: block; 
      align-items: center;
      padding: 40px 20px;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    
    header, #main-nio, footer, .floating-elements, #icons-acessibilidade{
      display: none !important;
      height: 0px !important;
    }

    .download-contas {
     
      top: 0;
      left: 0;
      margin: 0;
      border: none;
      background-color: var(--color-white);
      color: var(--color-black);
      width: 100%;
      max-width: 800px;

      position: relative; 
      overflow: hidden;
      display: initial;
      flex-direction: column;
    }

    .print-container {
      display: flex;
      flex-direction: column;
      padding: 2rem 1rem;
      gap: 3rem;
    }


    .header { display: flex; gap: 2rem; align-items: center; }
    .logo svg { display: block; }
    .container-header { display: flex; flex-direction: column; }
    .container-title {
      color: var(--color-black);
      font-family: var(--font-display);
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 4px;
    }
    .container-subtitle {
      font-family: var(--font-primary);
      font-size: 1rem;
      color: var(--color-text-dark);
    }
    .container-internet-info { display: flex; align-items: center; margin-top: 4px; }
    .container-internet-info .plan { font-weight: 500; font-size: 1rem; }
    .container-internet-info .separator { padding: 0 0.5rem; font-size: 1rem; }
    .container-internet-info .cep { font-size: 1rem; }

    .container-info { display: flex; gap: 4rem; }
    .info-bill .title {
      font-family: var(--font-primary);
      font-size: 0.875rem;
      color: var(--color-neutral-dark);
      margin-bottom: 0.25rem;
    }
    .info-bill .value {
      font-family: var(--font-display);
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--color-text-dark);
    }

    .container-content {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 39.37rem;
      gap: 0.37rem;
    }
    .content-title {
      font-family: var(--font-display);
      font-size: 1.125rem;
      font-weight: 700;
      color: var(--color-text-dark);
    }
    .content-subtitle {
      font-family: var(--font-primary);
      font-size: 1rem;
      line-height: 1.5;
      color: var(--color-text-dark);
    }

    .barcode-container {
      margin-top: 1rem;
      font-family: var(--font-primary);
      font-size: 1rem;
      font-weight: 500;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }
    .digitable-line { letter-spacing: 1px; margin-top: 5px; }

    .container-title, .info-bill .value, .content-title {
      font-family: var(--font-display) !important;
    }
    .date, .container-subtitle, .container-internet-info, 
    .info-bill .title, .content-subtitle, .barcode-container {
      font-family: var(--font-primary) !important;
    }
  }