@font-face {
    font-family: 'Gotham';
    src: url('/content/fonts/Gotham.ttf');
}

@font-face {
    font-family: 'GoBold-regular';
    src: url('/content/fonts/GOBOLD REGULAR.OTF');
}

/* Estilos generales */
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

.contenedor {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100vh;
}

.boton-contenedor {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

@media screen and (min-width: 1024px){
    .boton-contenedor{
        margin-top:20rem;
    }
}

.boton {
    font-family: 'gobold-regular';
    text-decoration: none;
    font-size: 3rem;
    text-transform: uppercase;
    padding: 1rem 2rem;
    text-align: center;
}

.minoristas {
    /*border: 1px solid #bc1620 !important;*/
    border: 1px solid #fff !important;
}

.mayoristas {
    border: 1px solid #fff !important;
}

.minoristas a {
    /*color: #bc1620 !important;*/
    color: #fff !important;
}

.mayoristas a {
    color: #fff !important;
}

.minoristas span, .mayoristas span {
    text-transform: uppercase;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 1.5px;
    /*background: #fff;*/
    color: white;
    padding: .5rem 2rem
}

/* Estilos específicos para dispositivos móviles */
@media (max-width: 768px) {
    /*body {
        background-image: url('/Content/images/landing/Banner Principal (movil).jpg');
    }*/

    .contenedor {
        flex-direction: column;
        justify-content: center;
        /*margin-top: 2rem;*/
    }

    .minoristas {
        /*border: 1px solid #bc1620 !important;*/
        border: 1px solid #fff !important;
        margin-bottom: 3rem;
    }
}