:root {
--primary: ;
--secondary: ;
--tertiary: ;
--font-family: ;
--nombre_taquilla: ""; /* Aquí van las comillas */
}

/* Aplicar la fuente globalmente */
body {
font-family: var(--font-family);
}

/* No borrar */
.app {
font-weight: bold;
}

.app::after {
content: "";
}

.app_name::after {
content: var(--nombre_taquilla);
}

/* ************** */


.text_color_primary {
color: var(--primary) !important;
}

.text_color_secondary {
color: var(--secondary) !important;
}

.text_color_tertiary {
color: var(--secondary) !important;
}

.text_color_primary:hover {
color: var(--hovercolor) !important;
}

.text_color_error {
color: var(--error) !important;
}

.bg-primary {
background-color: var(--primary) !important;
}

.bg-secondary {
background-color: var(--secondary) !important;
}

.bg-tertiary {
background-color: var(--tertiary) !important;
}

.bg-error {
background-color: var(--error) !important;
}

.border-color {
border-color: var(--primary) !important;
}

.border-error {
border-color: var(--error) !important;
}

input[type="checkbox"]:checked {
accent-color: var(--primary) !important;
}

input[type="radio"]:checked {
accent-color: var(--primary) !important;
}

.fill_primary {
fill: var(--primary) !important;
}

.fill_secondary {
fill: var(--secondary) !important;
}

.contenedor::-webkit-scrollbar {
-webkit-appearance: none;
}

.contenedor::-webkit-scrollbar:vertical {
width: 5px;
}

.contenedor::-webkit-scrollbar-button:increment,
.contenedor::-webkit-scrollbar-button {
display: none;
}

.contenedor::-webkit-scrollbar:horizontal {
height: 0px;
}

.contenedor::-webkit-scrollbar-thumb {
background-color: #dedede;
border-radius: 20px;

}

.contenedor::-webkit-scrollbar-track {
border-radius: 10px;
}

.swal-wide {
/* width: 850px !important; */
width: 90% !important;

}

.swal-wide_pollas {
width: 1150px !important;

}

.Repetir_jugada {

width: 500px !important;
height: 650px !important;
}

.no-border {
border: 0 !important;
}

.loader-animarion {
display: flex;
justify-content: center;
align-self: center;
margin: 0 auto;
background: white;
width: 100vw;
height: 100vh;
z-index: 100;
position: fixed;
}

.loader-animarion>div {

width: 1.6rem;
height: 1.6rem;
margin: 400px .5rem;
background: var(--primary);
border-radius: 50%;
animation: loader-animarion .6s infinite alternate;

}

@keyframes loader-animarion {
to {
opacity: .1;
transform: translate3d(0, -1rem, 0);
}
}

.loader-animarion>div:nth-child(2) {

animation-delay: .2s;

}

.loader-animarion>div:nth-child(3) {

animation-delay: .3s;

}