body {
    position: relative;
    font-family: 'Dosis', sans-serif;
}

body.bg {
    background-image: url(../img/1x/1x/bg_articulo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

header nav {

    background: rgb(0, 183, 221);
    background: -moz-linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
    background: linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b7dd", endColorstr="#00b7dd", GradientType=1);
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    color: #ffffff;
}

section {
    position: relative;
}

header .nav-item a {
    font-family: 'Bebas Neue', cursive;
}

.bg_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.nav-item a {
    color: #ffffff;
    font-size: 1.5rem;
}

a.dropdown-item {
    font-weight: 200;
}

.dropdown-item:hover {
    color: cian;
    background-color: transparent;
}

.dropdown-menu li {
    margin: 0 !important;
}

.nav-item a:hover {
    color: #00CFFF;
}

.linea {
    background-color: #00FFFF;
    width: 100px;
    height: 2px;
    margin-bottom: 1rem
}

.carousel-caption {
    width: 90%;
    left: 5%;
    z-index: 99;
}

h3 {
    font-family: 'Bebas Neue', cursive;
    font-size: 2rem;
    text-align: left;
    margin-bottom: 0
}

.carousel-caption p {
    text-align: left;
    font-weight: 100;
}

.carousel-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.card {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    max-height: 350px;
    position: relative;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    cursor: pointer;
}


.card img {
    min-width: 750px;
    transform: translate(-10%, 0px);
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.card:hover img {
    transform: scale(1.1);
}

.card-text {
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%;
    z-index: 4;
}

.card:before {
    height: 100%;
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 55%);
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
}

.card h3,
.card p {
    color: #ffffff;
}

.cta-pdv {
    background: rgb(0, 191, 233);
    background: linear-gradient(90deg, rgba(0, 191, 233, 1) 0%, rgba(0, 126, 176, 1) 15%, rgba(0, 64, 176, 1) 36%, rgba(120, 0, 154, 1) 59%, rgba(197, 98, 202, 1) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-pdv p {
    margin: 0;
    color: #ffffff;
    max-width: 600px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 200;
    letter-spacing: .4px;
    margin-right: 1rem;
}


.cta-pdv a {
    border: 3px solid #ffffff;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Bebas Neue', cursive;
    border-radius: 20px;
    font-size: 1.3rem;
    letter-spacing: .5px;
}

footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer a img {
    max-width: 300px;
}

ul.dropdown-menu {
    background-color: rgb(27 0 142 / 91%);
}

.menu-desk {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.menu-desk li {
    margin: 0 15px;
    text-align: right;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    top: 54px;
    border-radius: 0;
    padding: 3rem;
    left: -100px;
}

.offcanvas {
    background-color: #0b002dde;
}

.btn-close {
    color: #fff;
    opacity: 1;
}

section.punto-de-venta {
    position: relative;
}

.text-pdv {
    position: absolute;
    bottom: 0;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.text-pdv p {
    font-family: 'Bebas Neue', cursive;
    font-size: 3em;
    color: #ffffff;
    margin-bottom: 0;
}

.text-pdv h3 {
    font-family: 'Bebas Neue', cursive;
    font-size: 2em;
    color: #ffffff;
    margin-bottom: 0;
}

.text-pdv span {
    color: #ffffff;
}

a.btn.btn-primary {
    background-color: #fff;
    color: #0071BC;
    border-color: #0071BC;
    margin: 0 auto;
    display: block;
    width: 100px;
}

.row.align-end {
    align-items: flex-end
}

button.navbar-toggler {
    opacity: 1;
    border: 2px solid #fff;
    margin-bottom: 0;
}

.nav-link.active {
    border-bottom: 3px solid #00CFFF;
}

.nav-item a {
    padding: 0;
}

@media (max-width: 992px) {
    .navbar-nav .dropdown-menu {
        left: 0;
    }

    .carousel-caption {
        bottom: 0;
        padding-bottom: 0
    }

    .carousel-caption h3 {
        font-size: 1.5rem;
    }

    .card {
        max-height: 330px;
    }

    .card img {
        min-width: 500px;
        transform: translate(0);
    }

    .card h3 {
        font-size: 1.5rem;
    }

    .card p {
        font-size: .8rem;
    }

    .cta-pdv p {
        max-width: 400px;
    }

    .navbar-collapse {
        background-color: rgb(27, 0, 142);
        padding: 2rem 2rem;
    }

    .navbar-toggler {
        margin-bottom: 1rem;
    }

}

@media (max-width:767px) {
    .menu-desk {
        display: none !important;
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }
}

@media(min-width:601px) {

    .logo-mobile,
    footer {
        display: none
    }
}

@media (max-width: 600px) {
    .logo-desktop {
        display: none;
    }

    .cta-pdv {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }

    .cta-pdv p {
        margin-bottom: 1rem;
    }

    header nav .container-fluid {
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }

    header nav {
        background: transparent;
    position: absolute !important;
    top: 0;
    z-index: 99;
    width: 100%;
    }
     .home header nav {
        background: transparent;
    position: relative!important;
    }

    .border {
        background: rgb(0, 183, 221);
        background: -moz-linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
        background: linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b7dd", endColorstr="#00b7dd", GradientType=1);
        width: 100%;
        height: 20px;
    }

    .navbar-toggler {
        background: rgb(0, 183, 221);
        background: -moz-linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
        background: linear-gradient(90deg, rgba(0, 183, 221, 1) 0%, rgba(103, 20, 151, 1) 66%, rgba(0, 183, 221, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b7dd", endColorstr="#00b7dd", GradientType=1);
    }

    .navbar-toggler i {
        color: #fff;
        opacity: 1;
    }

    .cta-pdv,
    .slider {
        display: none;
    }

    footer a {
        background: rgb(0, 191, 233);
        background: linear-gradient(90deg, rgba(0, 191, 233, 1) 0%, rgba(0, 126, 176, 1) 15%, rgba(0, 64, 176, 1) 36%, rgba(120, 0, 154, 1) 59%, rgba(197, 98, 202, 1) 100%);
        padding: .5rem 2rem;
        position: fixed;
        bottom: 0;
        z-index: 999;
        color: #fff;
        text-decoration: none;
        font-family: 'Bebas Neue', cursive;
        text-transform: uppercase;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    footer a i {
        margin-left: 5px;
        border: 1px solid;
        border-radius: 100px;
        padding-top: 2px;
        padding-left: 3px;
        padding-right: 2px;
    }
    header.mb-5{
        margin-bottom: 0 !important;
    }
    
    body.interna .logo-mobile{
        display: none;
    }
    .interna .text-pdv h3 {
    font-size: 1.3em;
    color: #000;
}
    .interna .text-pdv {
    position: relative;
    background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 83%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 83%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    padding: 1rem;
    margin-top: -4rem;
}
    .interna-nota{
margin-bottom: 0 !important;
    }
    section.contenido{
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media(max-width:320px) {
    .card img {
        min-width: 380px;
        transform: translate(0);
    }
}