/* =========================================================
   Le Corch · print.css
   Hoja de estilos para impresión limpia (principio 14 del
   Estándar Premium 512). Limpia chrome de UI, mantiene texto,
   imágenes y datos de contacto. Visible vía Cmd/Ctrl+P.
   ========================================================= */

@media print {

  /* ------ reset general · todo a blanco/negro plano ------ */
  *,
  *::before,
  *::after {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
    line-height: 1.5;
  }

  /* ------ esconder elementos de UI no imprimibles ------ */
  .skip-link,
  .site-header,
  .tema-header,
  .site-footer .footer-bottom span:nth-child(2), /* "Configurar cookies" */
  .wa-float,
  .hero__scroll-hint,
  [data-lc-cookies-open],
  [data-tema-component='cookies'],
  [data-cookies] {
    display: none !important;
  }

  /* ------ hero · simplificar a texto plano sin foto ------ */
  .hero {
    min-height: auto !important;
    padding: 24pt 0 !important;
    background: none !important;
  }
  .hero__media,
  .hero__overlay,
  .hero__ctas {
    display: none !important;
  }
  .hero__title,
  .hero__subtitle,
  .hero__eyebrow {
    color: #000 !important;
    text-shadow: none;
  }
  .hero__title em {
    color: #000 !important;
    font-style: italic;
  }

  /* ------ portfolio · forzar grid simple ------ */
  .portfolio__grid {
    display: block !important;
  }
  .portfolio__card {
    display: block !important;
    aspect-ratio: auto !important;
    page-break-inside: avoid;
    margin-bottom: 12pt;
    background: none !important;
  }
  .portfolio__card-overlay {
    display: none !important;
  }
  .portfolio__card-meta,
  .portfolio__card-title,
  .portfolio__card-hint {
    position: static !important;
    color: #000 !important;
    text-shadow: none;
    margin: 4pt 0;
  }

  /* ------ services + sobre · texto plano ------ */
  .services,
  .about,
  .contact,
  .home-quote {
    background: none !important;
    color: #000 !important;
    padding-block: 18pt !important;
    min-height: auto !important;
  }
  .service-card {
    background: none !important;
    border: 1px solid #ccc;
    padding: 12pt !important;
    page-break-inside: avoid;
  }
  .service-card__num,
  .home-quote__author,
  .accent,
  .accent-italic {
    color: #000 !important;
  }

  /* ------ contacto · datos visibles + URLs expandidas ------ */
  .contact-form,
  .contact__divider {
    display: none !important;
  }
  .contact__direct {
    border-left: 0 !important;
    padding-left: 0 !important;
  }

  /* ------ links · expandir URL al lado del texto ------ */
  a {
    color: #000 !important;
    text-decoration: underline;
  }
  a[href^='http']::after,
  a[href^='mailto']::after,
  a[href^='tel']::after {
    content: ' (' attr(href) ')';
    font-size: 9pt;
    font-weight: 300;
    word-break: break-all;
  }
  /* Pero no expandir links anchor del propio sitio (#hero, #contacto) */
  a[href^='#']::after { content: ''; }

  /* ------ imágenes · ajustar al ancho de página ------ */
  img,
  picture {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }

  /* ------ tipografía · controles de quiebre ------ */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    color: #000 !important;
  }
  p, blockquote, ul, ol {
    page-break-inside: avoid;
    orphans: 3;
    widows: 3;
  }

  /* ------ footer simplificado · solo info crítica ------ */
  .site-footer,
  .tema-footer {
    border-top: 1px solid #000;
    padding-top: 12pt !important;
    margin-top: 18pt;
    background: none !important;
    color: #000 !important;
  }
  .footer-grid,
  .footer-divider,
  .footer-social {
    display: none !important;
  }
  .footer-logo {
    color: #000 !important;
    font-size: 18pt;
  }

  /* ------ data-reveal · siempre visible al imprimir ------ */
  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }

}