/* Elevación. El sistema es de BORDE primero (1px #E5E5E5) y sombra apenas
   perceptible. La sombra fuerte se reserva para modal y menú flotante. */
:root {
  --sh-card:   0 2px 8px rgba(0,0,0,0.05);      /* toda tarjeta blanca */
  --sh-pop:    0 12px 32px rgba(0,0,0,0.16);    /* desplegable de lada, menú */
  --sh-modal:  0 24px 60px rgba(0,0,0,0.4);     /* modal y panel de login */
  --sh-chipfloat: 0 1px 4px rgba(0,0,0,0.12);   /* etiqueta sobre foto */
  --sh-thumb:  0 1px 5px rgba(0,0,0,0.28);      /* tirador del deslizador */
  --sh-hairline: 0 0 0 1px rgba(0,0,0,0.08);    /* contorno de bandera */

  --focus-ring: 0 0 0 3px rgba(230,44,104,0.12); /* SIEMPRE con border-color:#E62C68 */
  --focus-ring-solid: 0 0 0 2px #E62C68;         /* foco en elemento sin borde */
  --glow-cta:   0 0 24px rgba(230,44,104,0.35);  /* hover del botón primario */
  --glow-cta-strong: 0 0 24px rgba(230,44,104,0.45);
}