/*Referencia colores Yarlux
azul marino #253566 
azul claro #537FBC
azul verdoso #46acc9
azul violeta #8972B4
*/


.btn-primary { background: #231F20; border-color: #231F20}
.btn-primary:hover { background: #3d88b0; border-color: #231F20}

.ns-item-description b,
.ns-item-description strong,
.ns-bold { color: #537FBC!important; }

#ns-cart a:hover,
#ns-viewcart-list a:hover,
.widget-product-title a:hover,
.list-unstyled a:hover { color: #537FBC!important; }

/* BOTONES GENERALES DE TODO EL SITIO */

.btn-outline-primary { color: #537FBC; border-color: #46acc9}
.btn-outline-accent { color: #537FBC; border-color: #46acc9}
.btn-outline-accent:hover { background-color: #469cc9}

.tns-carousel [data-nav].tns-nav-active { background-color:#537FBC}
.pagination .active { background-color: #537FBC!important }

/* MENU */
.is-desktop .navbar-nav .nav-link { color: #ededed!important }
.is-desktop .navbar-nav a:hover { color: #537FBC!important; } /* Color "onmouse_hover" del menu */

/* CARRITO */
#ns-cart .widget-product-title { font-weight:normal}

/* SIDEBAR */
.widget .widget-filter-item a { font-size: 14px; color: #4b566b; }
.widget .widget-filter-item a:hover,
.widget .widget-filter-item a.current { color: #537FBC; }

/* HEADER */

#ns-cart .navbar-tool-icon { color: #537FBC!important; }

.is-mobile header .ci-user,
.is-mobile header .ci-search { color: #ededed }

.is-desktop .navbar-tool-icon-box,
.is-desktop .navbar-tool-text { color: #ededed!important }

.is-desktop .navbar-tool-icon-box:hover,
.is-desktop .navbar-tool-text:hover { color: #537FBC!important }

.ns-logo-store{ width: 150px; }
.is-mobile .topbar-text { font-size: 10px }
.ns-mobile-logo-store { width: 125px; padding:0;margin:0 } /* Configuracion de logo en dispositivos mobiles */

header { color: #fff }
header .bg-darker { background: #222!important; }

#ns-header .bg-light { background: #253566!important; }

header .topbar i,
header .topbar a { color: #FFF!important; }
header .topbar a:hover { color: #537FBC!important; }

/* CARRITO Y CHECKOUT */
.navbar-tool-label { background: #3d88b0!important; }

.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {background-color:#3d88b0}


/* FOOTER */

#ns-footer .widget-list-item a:hover { color: #537FBC}

#ns-footer .bg-dark { background: #222!important; }
#ns-footer .bg-darker { background: #000!important; }

#ns-logo-footer { width:150px }
#ns-copyright-footer a { color: #EFD29F }
#ns-copyright-footer a:hover { color: #FFF }

#ns-banners-footer i { color: #537FBC!important; }

.is-desktop #ns-footer-placeholder { display:inline;background: url('http://www.yarlux.com/uploads/2025/07/logo_yarlux_blanco.png') no-repeat 0 bottom;padding:100px; }

/* BANNERS */
.ns-banner { padding: 4px!important; margin: 0 }

/* BUSCADOR */
#ns-search-mobile-form,
#ns-search-form { width:inherit }

#ns-search-mobile-form button,
#ns-search-form button { border: 0; background: none; }

/* SLIDE */
.ns-slide { padding:0!important; margin:0!important;}

/* SLIDE: HTML INFERIOR */
.ns-slide-html .tns-carousel i,
.ns-slide-html .tns-carousel a { color: #537FBC!important }

.bg-custom,
.bg-gray { background-color: #ebebeb !important}

.ns-cart-select-txt-option {
    font-size: 11px
}

.accordion-button.leaf::after{ display:none }

/*
 PAGE TITLE + BREADCRUMB
 .is-store-item
 */

.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item a { color: #666666!important; }

.page-title-overlap { background: none; }
.page-title-overlap h1 { color: #222}

/* ITEMS LIST */
.ns-item-list .star-rating { margin: 0; padding:0}
.ns-item-list a:hover { color: #000!important }

.ns-item-list-brand-name { color: #537FBC; text-align: left }


/* ITEM VIEW */

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {  color: #537FBC; }

.ns-item-link,
.ns-item-brand-link {  color: #537FBC; }

.ns-item-link:hover,
.ns-item-brand-link:hover {  color: #000; }

.ns-item-title { font-size: 32px }
.is-mobile .ns-item-title { font-size: 26px }

.ns-item-description { width: 90%; margin:0;padding:0}
.ns-item-description ul { margin-left: 50px }


/* CUOTAS */

.ns-quotes-back-color { background-color: #ffffff!important; border-color:#ffffff!important; color: #A52A2A!important}
.ns-quotes-info { color: #555!important }
.ns-quotes-info b { color: #A52A2A!important}

/* VIDEO BANNERS */

.ns-banner-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
margin-bottom: 5px;

}

.ns-banner-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ns-item-video-container iframe { height: 500px }
.is-mobile .ns-item-video-container iframe { height: 300px }



/* REVIEWS */

#ns-reviews-carousel footer { line-height: 1em }

#ns-reviews-carousel .card-body { min-height:360px }
.is-mobile #ns-reviews-carousel .card-body { min-height:285px }

#ns-reviews-carousel .card-body .btn-primary { position: absolute; bottom: 0}

#ns-reviews-carousel a { color: #4b566b }
#ns-reviews-carousel img { border: 2px solid #A52A2A; }

/*
 PLANTILLA COLORES MERCADOLIBRE
*/

.ns-price { color: #111; }
.ns-off-price { color: #A52A2A }

.ns-free-shipping { background-color: #537FBC; color: #fff }

.ns-item-list .ns-free-shipping { font-weight:bold; position: relative; float: right; margin-top:-25px!important; margin-bottom: 10px!important;}

.ns-badge-off { font-weight:bold; background: #A52A2A; }


#ns-add-to-cart-btn { background:#537FBC; border-color:#537FBC; color: #fff}
#ns-add-to-cart-btn:hover { background: #231F20; border-color:#231F20;}

.is-mobile #ns-contact-btn { display:none!important; }


.ns-brand-marquee a:hover img { border-color: #444!important }

/* MOBILE */


.handheld-toolbar { background: #537FBC!important; color: #fff }
.handheld-toolbar i,
.handheld-toolbar a,
.handheld-toolbar-label { color: #fff }

/* BLOG */

/* Posts destacados home */
#ns-posts-carousel .ns-post-caption { font-size: 32px } /* Tamaño letra titulos destacados en home */
.is-mobile #ns-posts-carousel .ns-post-caption { font-size: 24px } /* Tamaño letra titulos destacados en home */
.gallery-item-caption.active { transform:none;opacity:1 }

/* FORM D ECONTACTO */
.is-contact .card-body a,
.is-contact .card-body i { color:#537FBC; }

/* PREGUNTAS FRECUENTES */
.nav-pills .active { background:#537FBC!important; }