:root{
    --primary:#720484;
    --secondary:#f58a07;
    --text:#333333;
    --extra1:#f3e5f5;
    --extra2:#fff3e0;
    --color2:#F0A202;
    --color3:#087ca7;
}
/*COLORES*/
.text-primary{
    color: var(--primary) !important;
}
.text-secondary{
    color: var(--color2) !important;
}
.text-success{
    color: var(--color3) !important;
}
body{
    font-family:'Open Sans',sans-serif;
    color:var(--text);
}

h1,h2,h3,h4{
    font-family:'Russo One',sans-serif;
}

h2{
    color:var(--primary);
}
section{
    padding:80px 0;
}

.full-gradient{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    color:#fff;
}

.btn-primary{
    background:var(--primary);
    border:none;
}

.btn-secondary{
    background:var(--secondary);
    border:none;
}

.navbar{
    background:var(--primary);
    background:linear-gradient(270deg,rgba(128, 1, 133, 1) 0%, rgba(89, 0, 82, 1) 100%);
}
.navbar a{
    color:#fff!important;
    font: normal 1rem/1 "Russo One", sans-serif;
}
.navbar-toggler{
    border:none;
}
.carousel-caption h1{
    text-shadow: 0 0 10px #000;
}

.product-card{
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.1);
    overflow:hidden;
}

.product-card img{
    width:100%;
}

.floating-btn{
    position:fixed;
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    z-index:999;
    cursor: pointer;
}

#btnTop{
    right:20px;
    bottom:20px;
    background:var(--primary);
}

#btnWhatsapp{
    left:20px;
    bottom:20px;
    background:#25D366;
}

footer{
    background:var(--primary);
    color:#fff;
    padding:40px 0;
}

@media (max-width: 991px) {
    .nav-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: var(--primary);
        z-index: 1050;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav-fullscreen .navbar-nav {
        width: 100%;
    }

    .nav-fullscreen .nav-link {
        font-size: 1.5rem;
        padding: 15px 0;
    }
}