/* print.css - Estilos otimizados para impressão */

/* Reset para impressão */
@media print {
  /* Esconder elementos não essenciais */
  .navbar,
  .contact-buttons,
  .btn,
  .hero,
  .process-steps::before,
  .card .btn.whatsapp,
  footer .footer-contact {
    display: none !important;
  }

  /* Configurações gerais */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 12pt;
    line-height: 1.4;
    background: white !important;
    color: black !important;
    margin: 0;
    padding: 0;
  }

  .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Ajustes de layout */
  .section {
    padding: 1rem 0 !important;
    margin: 0 !important;
    page-break-inside: avoid;
  }

  .section h2 {
    font-size: 16pt !important;
    margin-bottom: 1rem !important;
    border-bottom: 1px solid #000 !important;
    padding-bottom: 0.3rem;
  }

  .section h2::after {
    display: none !important;
  }

  /* Cabeçalho de impressão */
  body::before {
    content: "P&B Web Sites e Soluções";
    display: block;
    font-size: 18pt;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #000;
    padding-bottom: 0.5rem;
  }

  /* Logo e informações da empresa */
  .logo-container {
    display: flex !important;
    align-items: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5rem;
  }

  .logo img {
    height: 40px !important;
    filter: grayscale(100%) contrast(200%) !important;
  }

  .company-name {
    font-size: 14pt !important;
    font-weight: bold;
    margin-left: 10px;
  }

  /* Cards de serviços */
  .cards {
    display: block !important;
    margin: 1rem 0 !important;
  }

  .card {
    background: white !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 1rem !important;
    padding: 1rem !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .card-img {
    width: 80px !important;
    height: 80px !important;
    border: 1px solid #000 !important;
    filter: grayscale(100%) contrast(200%) !important;
  }

  .card h3 {
    font-size: 14pt !important;
    margin: 0.5rem 0 !important;
    color: #000 !important;
  }

  .card p {
    margin: 0.5rem 0 !important;
    color: #333 !important;
  }

  /* Benefícios */
  .benefits {
    display: block !important;
    margin: 1rem 0 !important;
  }

  .benefit {
    margin-bottom: 1rem !important;
    padding: 0 !important;
    page-break-inside: avoid;
  }

  .benefit i {
    display: none !important;
  }

  .benefit h3 {
    font-size: 13pt !important;
    margin-bottom: 0.3rem !important;
  }

  /* Processo */
  .process-steps {
    display: block !important;
    margin: 1rem 0 !important;
  }

  .step {
    margin-bottom: 1rem !important;
    padding: 0 !important;
    page-break-inside: avoid;
  }

  .step-number {
    width: 30px !important;
    height: 30px !important;
    font-size: 10pt !important;
    background: #000 !important;
    color: white !important;
    border: 1px solid #000 !important;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }

  .step h3 {
    display: inline;
    font-size: 12pt !important;
    margin: 0 !important;
  }

  .step p {
    margin: 0.3rem 0 0 40px !important;
    font-size: 11pt !important;
  }

  /* Destaques */
  .highlights {
    display: block !important;
    margin: 1rem 0 !important;
  }

  .highlight {
    background: white !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 1rem !important;
    padding: 1rem !important;
    page-break-inside: avoid;
  }

  .highlight i {
    display: none !important;
  }

  .highlight h3 {
    font-size: 13pt !important;
    margin: 0 !important;
    display: inline;
  }

  .highlight p {
    display: inline;
    margin-left: 10px !important;
    font-style: italic;
  }

  /* Informações de contato */
  .contact-info {
    text-align: left !important;
    margin: 1rem 0 !important;
    font-size: 11pt !important;
    border-top: 1px solid #000;
    padding-top: 0.5rem;
  }

  .contact-info p {
    margin: 0.3rem 0 !important;
  }

  /* QR Code - Exibir apenas na impressão */
  .qrcode-print {
    display: block !important;
    text-align: center;
    margin: 2rem 0 !important;
    page-break-before: always;
    border-top: 1px solid #000;
    padding-top: 1rem;
  }

  .qrcode-print img {
    width: 150px !important;
    height: 150px !important;
    display: block;
    margin: 0 auto 0.5rem;
    border: 1px solid #000;
    filter: grayscale(100%) contrast(200%) !important;
  }

  .qrcode-print p {
    font-size: 10pt;
    font-style: italic;
    margin: 0 !important;
  }

  /* Rodapé */
  footer {
    background: white !important;
    color: #000 !important;
    text-align: center;
    padding: 1rem 0 !important;
    border-top: 1px solid #000;
    margin-top: 1rem;
    font-size: 10pt;
  }

  footer p {
    margin: 0 !important;
  }

  /* Links - mostrar URLs */
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    font-style: italic;
    color: #666 !important;
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  /* Quebras de página */
  h1, h2, h3 {
    page-break-after: avoid;
  }

  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  /* Margens da página */
  @page {
    margin: 1.5cm;
  }

  @page :first {
    margin-top: 2cm;
  }
}

/* Para telas menores durante a visualização de impressão */
@media print and (max-width: 768px) {
  body {
    font-size: 11pt;
  }
  
  .card {
    margin-bottom: 0.8rem !important;
    padding: 0.8rem !important;
  }
  
  .qrcode-print img {
    width: 120px !important;
    height: 120px !important;
  }
}