/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28/01/2020, 12:42:25 PM
    Author     : DESIGNSOFT
*/



.row m-0 fixed-header no-shadow{
    height: 50px !important;    
}


.nav-web {
    height: 60px;
    width: 100%;
    background-color: #4d4d4d;
    position: relative;
    margin-bottom: 3px;
}

.nav-web > .nav-web-header {
    display: inline;
}

.nav-web > .nav-web-header > .nav-web-title {
    display: inline-block;
    font-size: 20px !important;
    color: #fff;
    padding: 10px 10px 10px 10px;
}

.nav-web > .nav-web-btn {
    display: none;
}

.nav-web > .nav-web-links {
    display: inline;
    float: right;
    font-size: 18px !important;
}
.nav-web > .nav-web-links > div > button{
    font-size: 16px !important;
}
.nav-web > .nav-web-links > div {
    display: inline-block;
    padding: 10px 5px 6px 0px;
    text-decoration: none;
    color: #efefef;    
}

.nav-web > .nav-web-links > a {
    display: inline-block;
    /*    padding: 10px 10px 10px 10px;*/
    padding: 10px 5px 6px 0px;
    text-decoration: none;
    font-size: 20px !important;
    color: #efefef;
}

.nav-web > .nav-web-links > a:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.nav-web > .nav-web-links > i {
    display: inline-block;
    /*padding: 10px 10px 10px 10px;*/
    padding: 10px 5px 6px 0px;
    text-decoration: none;
    font-size: 20px !important;
    color: #efefef;
    margin-top: 2px;
}

.nav-web > .nav-web-links > i:hover {
    /*background-color: rgba(0, 0, 0, 0.3);*/
    cursor: pointer;
}

.nav-web > .nav-web-links > form {
    display: inline-block;
    padding: 10px 5px 6px 0px;
    text-decoration: none;
    color: #efefef;
}




.nav-web > #nav-web-check {
    display: none;
}

@media (max-width:600px) {
    .nav-web > .nav-web-btn {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .nav-web > .nav-web-btn > label {
        display: inline-block;
        width: 50px;
        height: 50px;
        padding: 13px;
    }
    .nav-web > .nav-web-btn > label:hover,.nav-web  #nav-web-check:checked ~ .nav-web-btn > label {
        background-color: rgba(0, 0, 0, 0.3);
    }
    .nav-web > .nav-web-btn > label > span {
        display: block;
        width: 25px;
        height: 10px;
        border-top: 2px solid #eee;
    }
    .nav-web .nav-web-links {
        position: absolute;
        display: block;
        width: 100%;
        background-color: #333;
        height: 0px;
        transition: all 0.3s ease-in;
        overflow-y: hidden;
        top: 50px;
        left: 0px;
    }
    .nav-web > .nav-web-links > a {
        display: block;
        width: 100%;
    }
    .nav-web > #nav-web-check:not(:checked) ~ .nav-web-links {
        height: 0px;
    }
    .nav-web > #nav-web-check:checked ~ .nav-web-links {
        height: calc(100vh - 50px);
        overflow-y: auto;
    }
}

/*.nav-web-links-search [class^="col-sm"] > .nav-web-links-search {*/

.nav-web-links-search [class^="col-sm"] > .nav-web-links-search {
    width: 100%;
    display: inline;
    position: relative;
    border: #ff6e04 2px solid;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 40px !important;
}
.btn-search-product {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #134893;
    color: #fff;
    vertical-align: inherit;
    padding: 0px 20px 0px 20px;
    position: absolute;
    top: 7px;
    height: 46px;
    font-weight: 515;
    border: solid white 1px;
}

#product_search{
    width: 79%;
    /* padding-top: 0px; */ /* ByYU 4 de marzo del 2025 */
    font-size: 16px;
    padding-left: 6px;
    /* margin-top: 7px; */ /* ByYU 28 de febrero del 2025 */
    height: 46px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /*border-color: #ff6e04;*/
    border: 1px solid #ebebeb;
    border-right: none;
    border-width: 2px;
    padding-left: 13px;
}

.btn-search-product:hover{
    background: #112d5a !important;
}



#content_dinamic{
    overflow-x: hidden;
    margin-top:0px !important;

}

.dropdown-category{
    z-index: 2000 !important;
}



@media screen and (min-width:500px) {
    .content-to-render-product-item{

        min-height:200px;
    }    
    #content_dinamic{
        overflow-x: hidden;
        margin-top:70px !important;
    }
}


@media screen and (min-width:500px) {
    .content-to-render-product-item{
        min-height:inherit;
    }    
    #content_dinamic{
        overflow-x: hidden;
        /*    margin-top:70px !important;*/
    }
}
.widget-light .widget-list-link:hover {
    color: #fff;
}
.widget-light .widget-list-link {
    color: rgba(255,255,255,0.65);
}
.widget-list-link:hover {
    color: #fe696a;
}
.widget-list-link {
    display: block;
    transition: color 0.25s ease-in-out;
    color: #4b566b;
    font-size: .975rem;
    font-weight: normal;
}
.section-cover{
    background-color:#2B3445;
    border-bottom: 2px #454D5C solid;
}

.sub-text{
    opacity: 0.5 !important;
    font-size: .8125rem !important;
}
.footer-bs {
    /*    background-color: #3c3d41;*/
    background-color: #2B3445;
    padding: 20px 40px 100px 40px !important;
    /*    color: rgba(255,255,255,1.00);*/
    margin-bottom: 20px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 6px;
    width: 100%;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; /*color:rgba(255,255,255,0.70);*/ }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { /*color:rgba(255,255,255,1.00);*/ font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(0,0,0,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
/*.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }*/
.footer-bs .footer-nav ul.list a:hover { color:rgba(0,0,0,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
/*.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}*/
/*.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }*/

.footer-bs .footer-ns h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
    .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}


/*  WEB*/
@media (min-width: 1000px) {
    #header_page{
        display: none;
    }
    #main_content_background{
        display: block;
    }
    

    #nav-find{
        display: block !important;
        margin-top: 0;
    }

    #nav-web{
        display: block;
    }
    #nav-mobile{
        display: none;
    }

    #carrusel_category_company_web{
        display: block;
    }
    #view_recomendations_products{
        display: block;
    }
    #view_popular_products{
        display: block;
    }
    .footer-mobile{
        display: none;
    }
    .footer-web{
        display: block;
    }
    .category-company-web{
        display: block;
    }
    .category-company-mobile{
        display: none;
    }
    #contact_by_whatsapp{ /*03-04-2023 ByYS*/
        /* display: none; */
        float: right;
        position: fixed;
        bottom: 40px;
        z-index: 99999;
    }
    .modal-dialog{
        width: 800px !important;
    }   
    #image_product_car_detail {
        height: 350px !important;
    }
    #price_product_car_detail{
        font-size:25px !important;
    }
    #name_product_car_detail{
        font-size:25px !important;
    }

    #view_company_category_web_carousel{ /* 09-01-2024 ByYS*/
        display: block;
    }
    #carrusel_header{
        display: none;
    }

    #view_recomendations_products{
        display: show !important;
    }
    #view_popular_products{
        display: show !important;
    }

    .navbar-access-system{
        display: block !important;
    }

}

/*  MOBILE*/
@media (max-width: 1000px) {
    /*
        #view_recomendations_products{
            display: none !important;
        }
        /*
        #view_popular_products{
            display: none !important;
        }*/

    .navbar-access-system{
        display: none !important;
    }


    #main_content_background{
        display: none;
    }
    
    #view_company_category_web_carousel{ /* 09-01-2024 ByYS*/
        display: none;
    }
    #carrusel_header{
        display: block;
    }
    #name_product_car_detail{
        font-size:4vw !important;
    }
    #price_product_car_detail{
        font-size:4vw !important;
    }
    .modal-dialog{
        width: 100% !important;
    }   

    #image_product_car_detail {
        min-height: 300px !important;
    }
    #contact_by_whatsapp{/*03-04-3023 ByYS*/
        display: block;
        float: right;
        /* position: fixed; */
    }

    .category-company-mobile{
        display: block;
    }
    .footer-web{
        display: none;
    }

    .category-company-web{
        display: none;
    }
    .footer-mobile{
        display: block;
    }
    #carrusel_category_company_web{
        display: none;
    }
    #nav-web{
        display: none;
    }
    #nav-mobile{
        display: block;
    }


    #nav-find{
        display: block !important;
    }
    .nav-web-links-search-control{
        display: none !important;
    }
    #header_page{
        display: block;
    }
    #view_recomendations_products{
        display: none;
    }
    #view_popular_products{
        display: none;
    }
}

.carousel-control-next, .carousel-control-prev{
    margin-bottom: 100px;
}


.color-theme-restaurante>.nav-web> .row>.col-auto>  .row > .col-sm > .badge  span{
    background: #2a0202 !important;
}



.gradient_background{

    background: rgba(0,0,0,0.11);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.11) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.11)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.11) 0%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.11) 0%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.11) 0%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.11) 0%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#fefefe', GradientType=0 );

}

.footer-title-secondary {
    display: inline-flex !important;
    font-size: 11px !important;
    color:#c6c6c6;
}
.footer-title-secondary i{
    font-size: 15px !important;
}


















.slider{
    position:absolute;
    width:100%;
    height:5px;
    overflow-x: hidden;
}

.line{
    position:absolute;
    opacity: 0.4;
    background:#4a8df8;
    width:150%;
    height:8px;
}

.subline{
    position:absolute;
    background:#4a8df8;
    height:8px;
}
.inc{
    animation: increase 2s infinite;
}
.dec{
    animation: decrease 2s 0.5s infinite;
}

@keyframes increase {
    from { left: -5%; width: 5%; }
    to { left: 130%; width: 100%;}
}
@keyframes decrease {
    from { left: -80%; width: 80%; }
    to { left: 110%; width: 10%;}
}

/* Estilos para el campo de búsqueda ByYU 27 de febrero del 2025 */
.search-container { 
    transition: all 0.3s ease;
}

.search-input {
    transition: all 0.3s ease;
    margin-bottom: 0 !important;
}

.search-input:focus {
    outline: none;
}

.search-input:hover {
    border-color: #2B3445;
}

/* Placeholder styling */
.search-input::placeholder {
    color: #999;
    font-weight: 400;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .search-container {
        margin: 10px 15px !important;
    }
    
    .search-input {
        height: 45px !important;
        font-size: 14px !important;
        padding-right: 110px !important;
    }
    
    #btn_search_product_home {
        padding: 8px 15px !important;
        font-size: 14px !important;
        min-width: 100px !important;
    }
}