.icon {
    display: inline-block;
    /* background-repeat: no-repeat;
    background-size: contain; */
    width: 1em; /* ajusta claramente al tamaño deseado */
    height: 1em;
    vertical-align: middle;
    width: 70px;
    height: 70px;
}

/* Definiciones específicas para cada ícono */
.icon-c180-calado {
    background-image: url('/assets/icons/ISO-CALADO.svg');
}

.icon-c180-color-fg {
    background-image: url('/assets/icons/ISO-COLOR_FG.svg');
}

.icon-c180-color-fn {
    background-image: url('/assets/icons/ISO-COLOR_FN.svg');
}

.icon-c180-color {
    background-image: url('/assets/icons/ISO-COLOR.svg');
}

.icon-c180-color-trans {
    background-image: url('/assets/icons/ISO-COLOR-TRANS.svg');
}

.icon-c180-monocromo-fondo {
    background-image: url('/assets/icons/c180-monocromo-fondo.svg');
}

.icon-large {
    width: 72px;
    height: 72px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-inline {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
  }

  .fa-icon-top {
    font-size: 3rem;
    color: var(--orange);
  }

  .fa-icon-inline {
    font-size: 1.5rem;
    color: var(--orange);
    flex-shrink: 0;
  }