/* Iconos de deportes personalizados */

.sport-icon-tennis,
.sport-icon-padel {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.sport-icon-tennis {
    background-image: url('../img/icon-tennis.svg');
}

.sport-icon-padel {
    background-image: url('../img/icon-padel.svg');
}

/* Tamaños */
.sport-icon-sm {
    width: 0.9em;
    height: 0.9em;
}

.sport-icon-md {
    width: 1.2em;
    height: 1.2em;
}

.sport-icon-lg {
    width: 1.5em;
    height: 1.5em;
}

.sport-icon-xl {
    width: 2em;
    height: 2em;
}

.sport-icon-xxl {
    width: 3em;
    height: 3em;
}

/* Versión invertida (blanco, para fondos oscuros) */
.sport-icon-white,
.sport-icon-tennis.inverted,
.sport-icon-padel.inverted {
    filter: invert(1) brightness(2);
}

/* Versión coloreada verde (tenis) */
.sport-icon-green {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(95%) contrast(93%);
}

/* Versión coloreada azul (padel) */
.sport-icon-blue {
    filter: invert(37%) sepia(93%) saturate(1352%) hue-rotate(206deg) brightness(95%) contrast(97%);
}