/* ═══════════════════════════════════════════════════════════════════
   Base común del Portal Grupo BahíaPlaya
   El portal la añade a la portada de cada programa. Contiene:
   1) Variables de diseño compartidas (--bp-*), para usar en programas nuevos
      o al ir unificando los existentes. No cambian nada por sí solas.
   2) Una base de accesibilidad mínima para todos los programas.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* Marca */
  --bp-verde: #149A43;
  --bp-verde-2: #25C05F;
  --bp-verde-osc: #0D6B2F;
  --bp-verde-noche: #07301A;

  /* Color de cada programa (el mismo que su tarjeta en el portal) */
  --bp-propiedades: #149A43;
  --bp-alquileres: #A8842F;
  --bp-remesas: #0A84FF;
  --bp-pcs: #1E8E3E;
  --bp-gimnasio: #7A8300;
  --bp-empresas: #0D6B2F;

  /* Significado */
  --bp-ok: #1F9D55;
  --bp-aviso: #D97706;
  --bp-error: #C62828;
  --bp-info: #2563EB;

  /* Tipografía */
  --bp-letra: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bp-letra-mono: ui-monospace, "SF Mono", Consolas, monospace;
  --bp-t-xs: 11px;
  --bp-t-sm: 12px;
  --bp-t-md: 14px;
  --bp-t-lg: 16px;
  --bp-t-xl: 20px;
  --bp-t-2xl: 28px;

  /* Espacios */
  --bp-e-1: 4px;
  --bp-e-2: 8px;
  --bp-e-3: 12px;
  --bp-e-4: 16px;
  --bp-e-6: 24px;
  --bp-e-8: 32px;

  /* Bordes y sombras */
  --bp-r-sm: 8px;
  --bp-r-md: 12px;
  --bp-r-lg: 16px;
  --bp-r-full: 999px;
  --bp-sombra-1: 0 1px 3px rgba(0, 0, 0, .12);
  --bp-sombra-2: 0 8px 24px rgba(0, 0, 0, .18);

  /* Movimiento */
  --bp-rapido: .15s;
  --bp-normal: .25s;
  --bp-curva: cubic-bezier(.4, 0, .2, 1);

  /* Foco del teclado */
  --bp-foco: #25C05F;
}

/* ── Accesibilidad ─────────────────────────────────────────────────── */

/* Foco visible al moverse con el teclado (no aparece al hacer clic). */
:focus-visible {
  outline: 2px solid var(--bp-foco);
  outline-offset: 2px;
}

/* Respeta la opción «reducir movimiento» del sistema. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Evita el zoom automático del iPhone al tocar un campo de texto. */
@media (max-width: 700px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea {
    font-size: max(16px, 1em);
  }
}