/* ========================================================================== 
   CSV68 HOTFIX GOLD — PESTAÑA CSV TÁCTIL + LOGO PRECIOS RESPONSIVE
   --------------------------------------------------------------------------
   Corrección puntual y protegida. No modifica IDs, scripts ni estructura.
   ========================================================================== */

/* 1) Menú y pestaña CSV: prioridad táctil real en smartphones. */
@media (max-width: 900px), (pointer: coarse) {
  header,
  header .nav,
  header .menu {
    position: relative;
    z-index: 1010;
  }

  header .menu.open {
    z-index: 1100 !important;
    pointer-events: auto !important;
    isolation: isolate;
  }

  header .menu a,
  header .menu a[href="nuestra-historia.html"],
  header .menu a[href="/nuestra-historia.html"] {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    touch-action: manipulation;
    overflow: visible !important;
    -webkit-tap-highlight-color: rgba(212, 175, 55, .18);
  }

  /* Evita que decoraciones o capas de tarjetas intercepten el toque. */
  header .menu a::before,
  header .menu a::after {
    pointer-events: none !important;
  }
}

/* 2) Logo del footer de la página de precios: dimensiones estrictas. */
body.csv68-prices-page footer .footer-grid > div:first-child > img,
body.csv68-prices-page footer img[src$="csv-logo-premium-2026-mejorado.png"],
body.csv68-prices-page footer img[alt="CSV Vinromà"] {
  display: block !important;
  width: min(100%, 300px) !important;
  max-width: 300px !important;
  height: auto !important;
  max-height: 164px !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 0 18px !important;
}

@media (max-width: 650px) {
  body.csv68-prices-page footer .footer-grid > div:first-child > img,
  body.csv68-prices-page footer img[src$="csv-logo-premium-2026-mejorado.png"],
  body.csv68-prices-page footer img[alt="CSV Vinromà"] {
    width: min(72vw, 230px) !important;
    max-width: 230px !important;
    max-height: 126px !important;
    margin: 0 auto 16px !important;
    object-position: center !important;
  }
}

@media (max-width: 380px) {
  body.csv68-prices-page footer .footer-grid > div:first-child > img,
  body.csv68-prices-page footer img[src$="csv-logo-premium-2026-mejorado.png"],
  body.csv68-prices-page footer img[alt="CSV Vinromà"] {
    width: min(68vw, 205px) !important;
    max-width: 205px !important;
    max-height: 112px !important;
  }
}