/* privacy.css — variables y utilidades para la sección/insignia de Política de Privacidad */
:root{
  --privacy-primary: #1f6feb; /* azul principal */
  --privacy-accent: #10b981;  /* verde de confirmación */
  --privacy-bg: #f7f9fc;      /* fondo suave */
  --privacy-text: #0f172a;    /* texto principal */
  --privacy-muted: #6b7280;   /* texto secundario */
  --privacy-icon-size: 20px;  /* tamaño por defecto de iconos */
}

/* Badge / insignia */
.privacy-badge{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: linear-gradient(180deg,var(--privacy-bg),#ffffff);
  padding: .35rem .6rem;
  border-radius: 999px;
  color: var(--privacy-text);
  border: 1px solid rgba(15,23,42,0.06);
  font-size: 0.9rem;
}

/* Iconos: usan imágenes SVG en assets/images */
.privacy-icon{
  width: var(--privacy-icon-size);
  height: var(--privacy-icon-size);
  display: inline-block;
  flex: 0 0 auto;
  color: var(--privacy-primary); /* los SVG usan currentColor */
}

.privacy-icon.lock{
  background-image: url('../images/privacy-lock.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.privacy-icon.shield{
  background-image: url('../images/privacy-shield.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Texto más pequeño para detalles */
.privacy-note{
  font-size: .85rem;
  color: var(--privacy-muted);
}

/* helper para accesibilidad cuando el icono es imagen de fondo */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Ejemplo de uso (comentado):
<span class="privacy-badge">
  <span class="privacy-icon lock" aria-hidden="true"></span>
  <span>Política de Privacidad</span>
</span>
*/