/*Fuentes*/

@font-face {
    font-family: NissanOpti;
    src: url('../../fonts/NissanOpti.otf');
}

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

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

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

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

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

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

* {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 26px;
    font-family: Catamaran-ExtraBold;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    font-family: ABeeZee-Regular;
}

h3,
h4,
h5,
h6 {
    font-size: 20px;
    font-family: Catamaran-SemiBold;
    font-weight: bold;
}

p {
    font-size: 16px;
}


/*Enlaces*/

li a span {
    display: none;
}

a:hover {
    text-decoration: none;
}


/*Modales*/

.modal-header button {
    color: #dc3545;
}


/*Banners*/

.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(216, 18, 50, .2);
    width: 20px;
}

.fas.fa-chevron-left,
.fas.fa-chevron-right {
    color: #dc3545;
}


/*Numeros superiores para conatacto*/

#sucursales-numeros {
    position: relative;
    background-color: #000;
    z-index: 9999;
}

#sucursales-numeros .numeros a,
#sucursales-numeros .usuario a,
#dropdownMenuLink {
    color: #FFF;
}

#sucursales-numeros .fab.fa-whatsapp {
    color: #FFF;
    background-color: #25D366;
    border-radius: 100%;
}

#sucursales-numeros .fas.fa-envelope {
    color: orange;
}


/*Menu*/

#sucursales-numeros .dropdown-item:hover {
    background-color: #dc3545;
    color: #FFF;
}


/*Navegacion*/

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000 !important;
    background-color: #f0f3f4;
}

.nav-pills .nav-link.active:hover,
.nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #28285e;
}

#navbarSupportedContent {
    background-color: #F5F5F5;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
}

nav {
    background-color: #FFF;
    border-bottom: 1px solid lightgray;
}

.form-control {
    background-color: white;
    font-weight: bold;
    color: #000;
    border: solid 1px #28285e;
}


/*Buscadores*/

.fa-search span {
    display: none;
}

.form-control:focus {
    border: none;
    border: solid 1px #dc3545;
}

.form-control::placeholder {
    font-weight: normal;
    color: gray;
}

form button[type="submit"] {
    color: #FFF;
    border: none;
    background-color: #28285e;
}

form button[type="submit"]:hover {
    background-color: #28285e;
    color: #FFF;
}

.nav-link {
    color: #000 !important;
    font-family: Catamaran-Bold;
    color: #FFF;
}

.form-inline label {
    display: none;
}


/*Footer*/

footer {
    position: relative;
    bottom: 0;
}


/*Pagos*/

#f-pagos {
    background-color: #dc3545;
}


/*Redes sociales*/

#sociales {
    background-color: transparent;
}

#sociales a span {
    display: none;
}


/*Envios*/

#f-envios {
    background-color: #eec437;
}

#f-envios div a:nth-child(4) {
    font-size: 28px;
    color: #dc3545;
}

#sociales {
    font-size: 36px;
    background-color: #f4f6f7;
    color: #FFF;
    border: solid 1px gray;
}

#sociales .fab.fa-facebook-f {
    color: #3b5998;
}

#sociales .fab.fa-twitter {
    color: #00acee;
}

#sociales .fab.fa-youtube {
    color: #c4302b;
}

#sociales .fab.fa-linkedin-in {
    color: #0e76a8;
}

#sociales .fab.fa-tiktok {
    color: #000;
}


/*Servicio de envios*/

.envios div a span {
    display: none;
}


/*Tarjetas de sucuersales*/

.sucursales .card-header {
    background-color: #28285e;
    font-family: Catamaran-Bold;
    color: #FFF;
    -webkit-text-stroke: 1px black;
    font-size: 36px;
    font-weight: bold;
}

.sucursales .card-body {
    background-color: #FFF;
    border: solid 1px #f4f6f7;
}

.sucursales figcaption a {
    font-weight: bold;
    color: #dc3545;
}

.sucursales figcaption a span {
    font-size: 32px;
    padding: 5px;
    border-radius: 100%;
    font-weight: bold;
    color: #000;
}

.lista-telefonos {
    background-color: #eec437;
    height: 160px;
}

.lista-telefonos a {
    font-family: ABeeZee-Regular;
    color: #28285e
}


/*Boton para subir*/

#contacto-flotante {
    position: fixed !important;
    bottom: 10px;
    right: 25px;
    color: #dc3545;
    z-index: 999;
}

#contacto-flotante:hover {
    cursor: pointer;
}

#contacto-flotante span {
    display: none;
}

#subir {
    background-color: #FFF;
    padding: 0px 2px;
    border-radius: 4px;
    border: solid 1px #dc3545;
    font-size: 36px;
    color: #dc3545;
}

#whatsapp {
    font-size: 20px;
    color: #FFF;
    background-color: #25D366;
    padding: 10px;
}

#whatsapp:hover {
    color: #25D366;
    background-color: #FFF;
}

#telefono {
    font-size: 18px;
    color: #dc3545;
    background-color: #FFF;
    padding: 10px;
}

#telefono:hover {
    color: #FFF;
    background-color: #dc3545;
}

#marcas .carousel-inner {
    height: 100px;
}

#politicas-terminos {
    background-color: gray;
    color: #fff;
}

#politicas-terminos a {
    color: #fff;
}


/*Paginacion*/

.pagination .page-item .page-link {
    color: #000;
    font-weight: bold;
    border: 1px solid gray;
}

.pagination .page-item.active .page-link {
    color: #fff;
    border: 1px solid #fff;
    background-color: #d81232;
}

.pagination .page-item .page-link:hover {
    color: #000;
    border: 1px solid gray;
    background-color: #e0e0de;
}

.pagination .page-item .page-link.atras,
.pagination .page-item .page-link.adelante {
    margin: 0;
}


/*Para chosen*/

.chosen-single span {
    font-size: 14px !important;
}


/*Cargando*/

.cargando {
    width: 3rem;
    height: 3rem;
    color: #d81232;
    display: block;
    position: fixed;
    z-index: 1;
    top: 50%;
    right: 50%;
}


/*Tablas*/

.table .thead-dark th {
    color: #fff;
    background-color: #28285e;
    border-color: #000;
}

@media (min-width: 576px) {
    h1 {
        font-size: 36px;
        font-family: Catamaran-ExtraBold;
    }
    h2 {
        font-size: 28px;
        font-weight: bold;
        font-family: ABeeZee-Regular;
    }
    h3,
    h4,
    h5,
    h6 {
        font-size: 24px;
        font-family: Catamaran-SemiBold;
        font-weight: bold;
    }
    p {
        font-size: 18px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        width: 60px;
    }
}

@media (min-width: 768px) {}

@media only screen and (min-width: 992px) {
    /*Navegacion*/
    #navbarSupportedContent {
        background-color: transparent;
        position: relative;
    }
}

@media (min-width: 1200px) {}

@media (min-width: 1440px) {}