/* ============================================================
   BLACK360 — ESTILOS PERSONALIZADOS (editable en el servidor)

   Este archivo se carga en TODAS las páginas, de último, así que
   sus reglas MANDAN sobre las demás.

   👉 Para cambiar estilos en TODO el sitio SIN reconstruir ni
   resubir páginas: edita ESTE archivo directo en el servidor
   (cPanel → Administrador de archivos, o FTP) y guarda.
   Los cambios se ven de inmediato (este archivo NO se cachea).

   Tip: usa  !important  al final de cada regla para asegurarte
   de que gane. Ej:   .algo { color: #fff !important; }
   ============================================================ */

/* ---- Formulario de contacto: fondo transparente (sin recuadro blanco) ---- */
div:has(> iframe[id^="inline-"]) {
  background: transparent !important;
  box-shadow: none !important;
}

/* ---- Centrar el formulario verticalmente en escritorio ---- */
@media (min-width: 768px) {
  .grid:has(iframe[id^="inline-"]) {
    align-items: center !important;
  }
}

/* ---- Móvil: animaciones de aparición un poco más ágiles ---- */
@media (max-width: 768px) {
  .reveal {
    transition-duration: 0.5s !important;
  }
}

/* ============================================================
   ⬇️  AGREGA AQUÍ TUS PRÓXIMOS AJUSTES  ⬇️
   (color, tamaños, espaciados, etc. — para todo el sitio)
   ============================================================ */