/* av-privacidad.css — estilo del distintivo del aviso de privacidad.
 *
 * Va en archivo aparte y no dentro de site.css por una razón práctica:
 * el gestor de archivos de Hostinger se niega a sobrescribir site.css,
 * y un archivo nuevo sí se sube sin problema. Además queda aislado, así
 * que tocar el aviso nunca arriesga la hoja de estilos del sitio.
 */
.av-privacidad{display:inline-flex;align-items:center;gap:7px;
  font-family:var(--meta);font-size:11.5px;font-weight:700;letter-spacing:.05em;
  color:var(--bronce-texto);text-decoration:none;padding:7px 13px;
  border:1px solid var(--bronce);border-radius:2px;background:var(--marfil-alt);
  white-space:nowrap;transition:.2s}
.av-privacidad:hover{background:var(--bronce);color:#fff}
.av-privacidad svg{flex-shrink:0}
@media (max-width:640px){.av-privacidad .txt{display:none}
  .av-privacidad{padding:7px 9px}}


/* Dentro de la navegación el distintivo va compacto: con la leyenda
   completa empujaba los enlaces y todos partían en dos renglones.
   Sigue siendo visible, arriba y con nombre accesible. */
nav .av-privacidad .txt{display:none}
nav .av-privacidad{padding:6px 9px}
nav .av-privacidad svg{width:15px;height:17px}