/* ============================================================================
   SKYLINE — Delights: selection ámbar + print catálogo
   ============================================================================ */

/* Selection: ámbar cerveza sobre ink (no azul default) */
::selection {
  background: rgba(232, 168, 56, 0.85);
  color: #1a1208;
}
::-moz-selection {
  background: rgba(232, 168, 56, 0.85);
  color: #1a1208;
}

/* ─────────────────────────────────────────────────────────────────
   PRINT · Catálogo de cervezas Skyline (para imprimir y llevar)
───────────────────────────────────────────────────────────────── */
@media print {
  @page { margin: 1.8cm 1.6cm; size: A4; }

  body {
    background: white !important;
    color: #1a1208 !important;
    font-family: 'Fraunces', Georgia, serif !important;
    font-size: 11pt;
    line-height: 1.55;
  }

  /* Reset GSAP / animations / transforms */
  *, *::before, *::after {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    filter: none !important;
  }

  /* Hide decorativos y secciones que no aportan al print */
  .nav,
  .site-header,
  .hero-bg,
  .hero-postal,
  .hero-video,
  .scroll-progress,
  .cursor-outer,
  .cursor-dot,
  .skip-link,
  .nav-burger,
  .mobile-menu,
  .watermark,
  iframe,
  video,
  .map-frame,
  .visitanos-mapa,
  .hermanas,
  #hermanas,
  .footer-decorativo,
  .blog-section,
  .pickup,
  .footer-quote__bg,
  .footer-quote__scrim,
  .lightbox,
  .lightbox-overlay {
    display: none !important;
  }

  section {
    position: static !important;
    display: block !important;
    background: transparent !important;
    overflow: visible !important;
    padding: 12pt 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    page-break-inside: avoid;
  }
  .container, [class*="container"] {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* Header limpio */
  body::before {
    content: "CERVECERÍA SKYLINE — CATÁLOGO";
    display: block;
    font-family: 'Courier New', monospace;
    font-size: 9pt;
    letter-spacing: 0.22em;
    color: #c08a1a;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8pt;
    padding-bottom: 6pt;
    border-bottom: 0.5pt solid #c08a1a;
  }

  /* Section titles */
  h1, h2, h3 {
    font-style: italic;
    font-weight: 400 !important;
    color: #1a1208 !important;
    margin: 0 0 6pt !important;
    line-height: 1.1;
  }
  h1 { font-size: 22pt !important; }
  h2 { font-size: 16pt !important; }
  h3 { font-size: 12pt !important; }
  em { font-style: italic; }

  p {
    font-size: 10.5pt !important;
    line-height: 1.55 !important;
    color: #1a1208 !important;
    margin: 0 0 7pt !important;
    text-align: justify;
    hyphens: auto;
  }

  /* Catálogo grid → bloque con 2 columnas */
  .catalogo-grid,
  [class*="catalogo-grid"],
  .blog-grid {
    display: block !important;
    columns: 2;
    column-gap: 24pt;
  }
  .catalogo-card,
  .cerveza-card,
  [class*="cerveza-card"],
  .blog-card {
    background: transparent !important;
    border: 0.3pt solid #ccc !important;
    padding: 8pt 10pt !important;
    margin: 0 0 8pt !important;
    box-shadow: none !important;
    break-inside: avoid;
    border-radius: 0 !important;
  }
  .cerveza-card__img,
  .cerveza-card__media,
  .catalogo-img,
  .blog-img,
  picture { display: none !important; }
  .cerveza-card__nombre,
  .catalogo-name,
  .blog-title,
  h3.cerveza-name {
    font-style: italic;
    font-size: 12pt !important;
    color: #c08a1a !important;
    margin: 0 0 3pt !important;
    font-weight: 400;
  }
  .cerveza-card__eyebrow,
  .cerveza-card__style,
  .catalogo-style,
  .cerveza-tag {
    font-family: 'Courier New', monospace !important;
    font-size: 8.5pt !important;
    letter-spacing: 0.14em;
    color: #888 !important;
    text-transform: uppercase;
    margin: 0 0 4pt !important;
  }
  .cerveza-desc,
  .catalogo-desc,
  .blog-desc {
    font-size: 9.5pt !important;
    color: #444 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }

  /* Footer URL */
  body::after {
    content: "skyline-salvo.vercel.app  ·  Plaza Barrio 28 · Km 3.5 Acatitlán · Valle de Bravo";
    display: block;
    margin-top: 18pt;
    padding-top: 6pt;
    border-top: 0.5pt solid #ddd;
    font-family: 'Courier New', monospace;
    font-size: 8pt;
    color: #888;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  a[href]::after { content: none !important; }
}