@font-face {
    font-family: 'MiFuente';
    src: url('fonts/mi_fuente.ttf') format('truetype');
}

@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/GothamBold.ttf') format('truetype');
}

@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.ttf') format('truetype');
}

body {
    /*Comentado por problemas en Mac y Iphone, se levanta el texto y no se muestran input y se desacomodan titulos y botones*/
    /*font-family: 'GothamBold', sans-serif; 
    font-family: 'GothamBook', sans-serif;*/
}
/*// For normal*/
.normal {
    font-weight: 400;
}

/*// For bold*/
.bold,
strong {
    font-weight: 700;
}

/*// For thin*/
.light {
    font-weight: 300;
}

.manita {
    cursor: pointer;
}

.color-texto {
    color: #a90606 !important;
}

.color-lila-kynetick {
    color: #f0d20f !important;
}

.color-negro-kynetick {
    color: #000000 !important;
}

.color-azul-kynetick {
    color: #ff3600 !important;
}

.color-blanco-kynetick {
    color: #ffffff !important;
}

.background-lila-kynetick {
    color: #000000 !important;
    background-color: #f0d20f !important;
}

.background-negro-kynetick {
    background-color: #000000 !important;
}

.background-azul-kynetick {
    background-color: #ff3600 !important;
}

.background-blanco-kynetick {
    background-color: #D9D8D6 !important;
}

.bg-purple {
    background-color: #000000 !important;
}

.btn-light {
    color: #ffffff;
    background-color: #000000;
}

    .btn-light:hover {
        color: #D9D8D6;
        background-color: #4f4f4f;
    }

    .btn-light.show:hover, .btn-light:active:hover {
        color: #D9D8D6;
        background-color: #4f4f4f;
    }

.btn-ver_mas {
    color: #000000 !important;
    background-color: #99D9D9 !important;
    cursor: pointer;
}

.btn_validar_boletos {
    color: #000000 !important;
}

.btn-comprar_boleto {
    color: #000000 !important;
    background-color: #f0d20f !important;
    cursor: pointer;
}

.hidden-text {
    white-space: nowrap; /*No salto de lineas*/
    overflow: hidden; /*No dejar que salga nada*/
    text-overflow: ellipsis; /*Colocar los puntos suspencivos*/
}


.btn-secondary {
    background-color: rgb(178, 177, 177) !important;
    color: #D9D8D6 !important;
}

    .btn-secondary:hover {
        color: #D9D8D6 !important;
        background-color: rgb(178, 177, 177) !important;
    }

@media (max-width: 768px) {
    /*.prev_acomodo {
        left: 0%;
    }

    .next_acomodo {
        right: 0%;
    }*/

    .centrado {
        text-align: center;
    }
}

/*.div_mapa_cvg {
    max-height: 500px;
}

@media (max-width: 768px) {
    .div_mapa_cvg {
        height: 300px;
    }
}*/




.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #f0d20f !important;
}


.style_text {
    text-transform: capitalize;
    line-height: 0.1;
}





.oculto {
    display: none;
}


/*scrol general*/
::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #f0d20f;
    background-image: -webkit-linear-gradient(90deg,#f0d20f 0%,transparent 25%,transparent 50%,#f0d20f 50%,#f0d20f 75%,transparent 75%,transparent);
}

/*scrol param perfil de los evento*/
.scrolling-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.scrolling-card {
    flex: 0 0 auto;
    margin: 10px;
    /*width: 250px;*/
    height: 30px;
    text-align: center;
}

.a_active {
    background-color: #332e2e;
}

.a_hover {
    text-transform: capitalize;
    color: white;
}

    .a_hover:hover {
        color: white;
        background-color: #332e2e;
    }

.scrolling-container::-webkit-scrollbar {
    display: none;
}


/*STYLE  defs TAMAÑO SEGUN PANTALLA*/


.scrolling-container-evento {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
}

@media (max-width: 3000px) {
    .scrolling-card-evento {
        flex: 0 0 auto;
        margin: 10px;
        width: 25%;
        height: 100%;
        text-align: center;
    }
}

@media (max-width: 1080px) {
    .scrolling-card-evento {
        flex: 0 0 auto;
        margin: 10px;
        width: 33.333%;
        height: 100%;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .scrolling-card-evento {
        flex: 0 0 auto;
        margin: 10px;
        width: 70%;
        height: 100%;
        text-align: center;
    }
}


.scrolling-container-evento::-webkit-scrollbar {
    display: none;
}

.scrolling-container-svg {
    /*display: flex;
    flex-wrap: nowrap;*/
    overflow-x: auto;
    scroll-behavior: smooth;
}

    .scrolling-container-svg::-webkit-scrollbar {
        display: none;
    }

.tex_rem {
    font-size: 0.8rem;
}

.border {
    border: var(--mdb-border-width) var(--mdb-border-style) #050505 !important;
}

.style-Login {
    border-radius: 1rem !important;
    border: 2px solid #adadad !important;
    background-color: black;
    color: white;
}

.linea {
    margin: 0px 20px;
    width: 35%;
    border-top: 1px solid #999;
    position: relative;
    top: 10px;
    float: left;
}

.leyenda {
    float: left;
}


.Evento_seleccionado {
    cursor: pointer;
}

.Evento_destacado {
    cursor: pointer;
}

::placeholder {
    color: #999; /* Color del texto del placeholder */
    opacity: 1; /* Opacidad del texto del placeholder */
}

.shadow-5-strong {
    box-shadow: 0 2px 25px -5px #000000bf, 0 25px 21px -5px rgb(0 0 0 / 9%) !important;
}

.text-justify {
    text-align: justify;
}

.terminos {
    color: #f0d20f;
    cursor: pointer;
}

    .terminos:hover {
        color: #ffffff;
    }


.rounded_top {
    border-top-left-radius: 20px; /* Redondeo superior izquierdo */
    border-top-right-radius: 20px;
}

.rounded_bottom {
    border-bottom-left-radius: 20px; /* Redondeo superior izquierdo */
    border-bottom-right-radius: 20px;
}