/*
Elimina los botones para incrementar y decremental el numero del input number.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

@keyframes scroll {
    from {
        transform: translate(-2000px, 0);
    }

    50% {
        transform: translate(1000px, 0);
    }

    to {
        transform: translate(-2000px, 0);
    }
}

.sliderLogos {
    animation: scroll;
    animation-duration: 100s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}

/* Estilos dinamicos */

:root {
    --width-contenedor-td: 18rem;
    --width-contenedor-th: 16rem;
    --width-contenedor-tabla: 106.05rem;
    --width-contenedor-tabla-financieras: 124.05rem;
    --width-img: 1rem;
}

.containerWidthTd {
    max-width: 14rem;
    min-width: 14rem;
}

.containerWidthTh {
    max-width: 12.5rem;
    min-width: 12.5rem;
    text-align: left;
}

.containerWidthTabla {
    max-width: 80.55rem;
    min-width: 80.55rem;
}
.containerWidthTablaFinancieras {
    max-width: 96.66rem;
    min-width: 96.66rem;
}

.iconsWidth {
    width: var(--width-img);
}

@media (min-width: 640px) {
    .containerWidthTh {
        max-width: var(--width-contenedor-th);
        min-width: var(--width-contenedor-th);
    }

    .containerWidthTd {
        max-width: var(--width-contenedor-td);
        min-width: var(--width-contenedor-td);
    }

    .containerWidthTabla {
        max-width: var(--width-contenedor-tabla);
        min-width: var(--width-contenedor-tabla);
    }
    .containerWidthTablaFinancieras {
        max-width: var(--width-contenedor-tabla-financieras);
        min-width: var(--width-contenedor-tabla-financieras);
    }
}

#tabla::-webkit-scrollbar,
#tabla2::-webkit-scrollbar {
    width: 0em;
    height: 0em;
}

#tabla::-webkit-scrollbar-thumb,
#tabla2::-webkit-scrollbar-thumb {
    background-color: transparent;
}

#tabla::-webkit-scrollbar-track,
#tabla2::-webkit-scrollbar-track {
    background-color: transparent;
}
