@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;
}

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

.minoristas {
    border: 3px solid #bc1620 !important;
    border-radius: 10px;
}
.mayoristas {
    border: 3px solid #fff !important;
    border-radius: 10px;
}

.minoristas a {
    color: #bc1620 !important;
}
.mayoristas a {
    color: #fff !important;
}
.mayoristas span {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: 1.5px;
    color: #fff;
    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;
    }

    .boton {
        font-size: 1.8rem;
        padding: 0.7rem 1.4rem;
    }

    .mayoristas span {
        font-size: 1rem;
        padding:0px;
    }
}