.cheto {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 80% auto; /* tamaño por defecto */
  background-position: 50% 50%; /* centro por defecto */
}

/* Tamaños opcionales */
.cheto.cheto-lg { width: 1.33em; height: 1.33em; }
.cheto.cheto-2x { width: 2em;    height: 2em; }
.cheto.cheto-3x { width: 3em;    height: 3em; }

/* Herradura */
.cheto-herradura {
  background-image: url('../img/cheto/herradura.png');
  background-size: 90% auto; /* más grande que el estándar */
}

/* Ajuste específico para botones redondos */
.btn.btn-circle .cheto-herradura {
  background-size: 85% auto; /* apenas más chico dentro de un círculo */
}

/* Micro-ajustes sin afectar el tamaño */
.nudge-right-1 { background-position: calc(50% + 1px) 50%; }
.nudge-right-2 { background-position: calc(50% + 2px) 50%; }
.nudge-left-1  { background-position: calc(50% - 1px) 50%; }
.nudge-left-2  { background-position: calc(50% - 2px) 50%; }
.nudge-up-1    { background-position: 50% calc(50% - 1px); }
.nudge-up-2    { background-position: 50% calc(50% - 2px); }
.nudge-down-1  { background-position: 50% calc(50% + 1px); }
.nudge-down-2  { background-position: 50% calc(50% + 2px); }

.cheto-opacity {
  opacity: 0.6;
}