/*!! By Nanod10 */
@charset "utf-8";

:root {
    --primary:#024fad;
    --primary-dark: #00397e;
    --secondary:#222222;
    --bg: #F5F5F5;
    --header-bg: #024fad;
    /*--header-link: #FFFFFF;*/
    --header-link: #222222;
    --breadcrumb-left: #0016b8;
    --breadcrumb-right: #024fad;
    --title: #FFF;
    --icon: #024fad;
    --link: #024fad;
    --link-over: #ffd900;
    --footer-bg: #024fad;
    --footer-bg-lvl2: #C7C7C7;
    --footer-title: #FFF;
    --footer-link: #FFF;
}

body {
    background-color: var(--bg);
}
.color-primary {
    color: var(--secondary);
}



.main_content > header, /* header-carrito */
.header-main{
    background-image: url("//joyasweb.com.ar/images/header-bg.webp");
    border-bottom: 5px solid rgba(255,255,255,0.35);
    border-bottom: 5px solid rgba(0, 0, 0, 0.1);
    color: var(--secondary);
    background-size: cover;

    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 25px, rgba(0, 0, 0, 0.5) 0px 0px 3px;
}
a,
.header-main .navlinks > li > div, .header-main .navlinks > li > a {
    color: var(--secondary);
}

.gold-bg{
    background-image: repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
    background-size: 150%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*font-size: 80px;*/
    /*font-weight: 200;*/
    /*font-family: "Yantramanav";*/
    filter: drop-shadow(0 0 1px rgba(255, 200, 0, .3));
    animation: MoveBackgroundPosition 6s ease-in-out infinite;
}
@keyframes MoveBackgroundPosition {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

/* Celulares */
@media(max-width: 800px) {
    .small-container {
        display: none !important;
    }
}





.footer{
    color: var(--secondary);
    border-top: 8px solid rgba(0, 0, 0, 0.1);
    background-color: #FFF !important;
    background-image: url(//www.joyasweb.com.ar/images/bg-texture.webp) !important;
    background-size: cover;
    background-position-y: -15px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 75px, rgba(0, 0, 0, 0.5) 0px 0px 3px;
}
.footer-developer {
    background: #FFF;


}