*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

/* ENCABEZADO */
body{background-color: black !important;}

header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgb(8,4,4);
    background: linear-gradient(136deg, rgba(8,4,4,1) 32%, rgba(99,99,99,1) 48%, rgba(23,20,20,1) 63%);
}

.navbar-toggler-icon{ 
background: rgba(217, 3, 103, 0.479);
border-radius: 20%;
width: 2.2rem!important;
}



main{
    min-height: 80vh;
    background-color: black
}

nav a{
    color: white;
    font-size: 1rem;
    text-decoration: none;
    margin-right: 3rem;
    border-radius: .5rem;
    transition: color 0.7s linear 0.2s;
    
}

nav a:hover{
    color: rgb(217, 3, 103);   
}

.offcanvas-header{background:rgb(217, 3, 103);;
}

.navbarmobile button{
    background-color: rgb(255, 255, 255);
}

.navbarmobile{
    position: absolute;
    background: none;
    right: 3rem;
}

.logo{
    width: 13rem; height: 3.5rem;
    margin: 1rem;
    margin-left: 5rem;   
}
@media(max-width: 383px){
    .logo{
        width: 7.5rem; height: 1.75rem;
        transform: translateX(-3rem);
}
}

/* CAROUSEL */
.carousel-control-next-icon{
    border-radius: 50%;
    background-color: rgb(217, 3, 104);
    width: 2.7rem!important; 
    height: 2.7rem!important;
    transition: color 0.7s linear 0.2s;
}

.carousel-control-prev-icon{
    border-radius: 50%;
    background-color: rgb(217, 3, 104);
    width: 2.7rem!important; 
    height: 2.7rem!important;
    transition: color 0.7s linear 0.5s;
}

.carousel{
    display: flex;
    width: 100%;
    height: 40vh;
}

.cont{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 5rem;
}

h1{
    font-size: 3rem !important;
    font-family: 'Secular One', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    height: 40vh;    
    transition: color 0.7s linear 0.2s;
}

h1:hover{
    color: rgb(217, 3, 104);
}

@media(max-width: 530px){ 
    h1{
        font-size:  2rem!important;
    }
}

.uno{
    background-image: url(../img/neongift.gif);
    background-position: center;
    background-size: cover;
}

/* BUSCADOR Y CHECK */

.navbar.navegador{
    background-color: rgb(33, 37, 41);
    color: white;
    margin-bottom: 1rem;
    display: flex;
}
@media (max-width: 1170px){
    .barra{flex-direction: column-reverse;
    margin-top: 1rem;}
}

.lupa{
    background-color: rgb(33, 37, 41);
    color:rgb(217, 3, 104);
    border: none;
    cursor: pointer;
}

@media(max-width:927px){
    form{
        display: flex;
}
}

/* TARJETAS */
.card{
    transform:translateY(15px);
    transition: all .5s;
}

.card:hover{
    box-shadow: 1rem 1rem rgba(189, 189, 189, 0.479);
    transform: translateY(-15px);     
    transition: all .5s;
    border-radius: .5rem;
}

@media(max-width:400px){
    .card{margin-left: 1.5rem;
    }
}

img{
    height: 11rem;
}

/* TARJETA VER MAS */

/* FORMULARIO */


form{
    display: flex;
    justify-content: space-around;
    margin: 2rem;
    
}

@media(max-width:400px){
    .form-control, .form-large, .form-label{
    display: flex; justify-content: center;
    align-content: center;
    width: 10rem!important;
    margin-left: 1rem;   
    }
}

fieldset{
    border: none;
}

.check{
    margin: 1rem;
    cursor:pointer;
}


.buscador{
height: 2rem;            
}

.submit{
    width: 5rem; 
    margin-top: 1.5rem; 
    border-radius: .3rem;
    padding: .3rem;
    border: 1px;
    transform:translateY(5px);
    transition: all .5s;
    
}

.submit:hover{
    background-color: rgb(138, 212, 26);
    padding: .3rem;
    transition: all 0.50s;
    border-radius: .5rem;
    box-shadow: .3rem .3rem rgba(182, 176, 176, 0.479);  
    transform: translateY(-5px);   
}

@media(max-width:400px){
    .submit{
        margin-left: 7rem;
    }
}

/* TABLA STATS */

td, th{
    border: 1px solid black !important;  
}



.eve{
    background-color: rgba(217, 3, 103, 0.808)!important;
}

/* FOOTER */

footer{
    background: linear-gradient(136deg, rgba(8,4,4,1) 32%, rgba(99,99,99,1) 48%, rgba(23,20,20,1) 63%);
    color: white;
    display: flex;
}


.btn{
    margin: .5rem;
    
}

@media(max-width:380px){
    a.btn{
        width: .3rem;
    }
}

.logo_foot{
height:2rem;
display: flex;
align-items: center;
}

.nofound{
    font-size: 2.2rem;
}