/* ==========================================================================
   public_forms.css — estilos CSP-safe para páginas PÚBLICAS.

   La CSP de las rutas públicas (_CSP_STRICT en archivo/middleware.py) NO
   permite 'unsafe-inline' ni en script-src NI en style-src. Eso bloquea los
   atributos style="..." inline (que en navegadores modernos generan una
   violación de CSP y se descartan). Por eso las reglas que ANTES iban inline
   en agendar.html / landing.html viven acá, servidas por WhiteNoise vía
   {% static %}. NO es Tailwind: es CSS plano, no requiere recompilar el bundle.
   ========================================================================== */

/* ── Agendar: layout de 2 columnas (contenido + carrito) ─────────────────── */
.pf-agendar-layout {
  grid-template-columns: 1fr 320px;
}
@media (max-width: 980px) {
  .pf-agendar-layout {
    grid-template-columns: 1fr;
  }
}

/* ── Agendar: grilla del catálogo (cards auto-fill) ──────────────────────── */
.pf-catalogo-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* ── Agendar: grilla de slots horarios ───────────────────────────────────── */
.pf-slots-grid {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
}

/* ── Agendar: grillas de campos del formulario (datos / vehículo) ────────── */
.pf-fields-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* ── Honeypot anti-bot: fuera de pantalla, invisible al usuario ──────────── */
.pf-honeypot {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: hidden;
}

/* ── Input que se muestra en mayúsculas (patente) ────────────────────────── */
.pf-uppercase {
  text-transform: uppercase;
}

/* ── Landing: logos con alto explícito (override de landing.css) ─────────── */
/* Cargar public_forms.css DESPUÉS de landing.css para que estas reglas ganen
   por orden (misma especificidad de una sola clase). */
.pf-logo-44 {
  height: 44px;
  width: auto;
}