/*

COLORES

Principal #008acf ( Celeste aquadelta )
Gris: #4b566b ( Gris para links )

*/

.btn-primary { text-color: #222; background: #03a2f2 !important; border: none!important;} /* boton agregar al carrito */
.btn-primary:hover { color: #ffffff ; background: #008acf !important; border: none!important;} /* hover boton agregar al carrito */


/* TITULO DE PRODUCTOS EN LISTADO */
.ns-item-list-title:hover { color: #008acf!important; }
.ns-item-title:hover { color: #008acf!important; }


.bg-dark { background: #444!important; }
.bg-darker { background: #222!important; }
.bg-reviews { background: #2a2929!important; }

/* BOTONES */
.btn-outline-accent { color: #ccb798 ; border-color: #5b5b5b!important}
.btn-outline-accent:hover { color: #ffffff!important; background-color: #008acf}


/* CARRITO Y CHECKOUT */
#ns-cart .widget-product-title { font-weight:normal}
.navbar-tool-label { background: #008acf!important; }

.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {background-color:#008acf}


.bg-green { background-color: #a7e453; }
.bg-black { background-color: #222; }

/* MENU */

.navbar-nav a:hover { color: #ccb798!important; } /* Color "onmouse_hover" del menu

/* SIDEBAR */
.widget .widget-filter-item a { font-size: 14px; color: #4b566b }

.widget .widget-filter-item a:hover,
.widget .widget-filter-item a.current { color: #008acf; }

/* HEADER */

.is-desktop .ns-logo-store { max-height:80px }

.is-mobile .topbar-text { font-size: 10px }
.topbar-menu {
  background-color: #f3f6f4 !important; }

.ns-mobile-logo-store { width: 150px; padding:0;margin:0 }
.mobile-bottom-menu {
    background-color: #ccb798!important
}

header .bg-darker { background: #ccb798!important; }

header .topbar i,
header .topbar a { color: #EEEEEE!important; }
header .topbar a:hover { color: #FFF!important; }


/* HEADER */
.bs-afip:hover { color: #222 }

/* 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; }

.ns-slide { padding:0!important; margin:0!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}

/* ITEM VIEW */
.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 }

/* 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 #ffffff; }

/*
 PLANTILLA COLORES MERCADOLIBRE
*/

.ns-price { color: #111; }
.ns-off-price { color: #111!important }

.ns-free-shipping { background-color: #04a752; 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 { background: #00a650; color: 00a650!important;}
.ns-badge-special-off { font-weight:bold; background: #fe7a15; }

#ns-add-to-cart-btn { background: #008acf ; border-color:#008acf ; color: #fff}
#ns-add-to-cart-btn:hover { background: #222; border-color:#222;}

.is-mobile #ns-contact-btn { display:none!important; }


.ns-brand-marquee a:hover img { border-color: #444!important }


.ns-cyber-badge {
    width:auto;position:absolute;right:10px;z-index:100;background:#000
}

.handheld-toolbar { background: #5b5b5b!important; color: #fff }

.handheld-toolbar i,
.handheld-toolbar a,
.handheld-toolbar-label { color: #fff }

/* CUOTAS */

.ns-quotes-back-color { background-color: #ffffff!important; border-color:#ffffff!important; color: #00a650!important}
.ns-quotes-info { color: #555!important }
.ns-quotes-info b { color: #00a650!important}


/* 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:#008acf; }

/* PREGUNTAS FRECUENTES */
.nav-pills .active { background:#008acf!important; }


/* BOTONES SLIDE */
#slide-carousel i,
#slide-carousel i.text-primary,
#slide-carousel a { color:#008acf!important; }

/* OCULTAR ELEMENTOS DE ECOMMERCE */

#ns-order-search-link { display:none; } /* Donde esta mi pedido ? */

/**********************************************************
  SLIDE Cartzilla v1 - Julio 2025
  Autor: Martin Carrillo
  Primera versión: 2025-07-29
  Última modificación: 2025-07-29
************************************************************/

.ns-slide {
    padding: 0 !important;
    margin: 0 !important;
}

.ns-slide .ns-slide-item h2 {
    color: #fff !important;
    font-size: 48px !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
} /* Título del slide */

.ns-slide .ns-slide-item p {
    color: #fff !important;
    font-size: 36px !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
} /* Bajada del slide */

.ns-slide .btn {
    margin-right: 1rem;
    font-size: 24px !important;
    padding: 0.75rem 2rem;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Mobile scaling */
@media (max-width: 768px) {
    .ns-slide .ns-slide-item h2 {
        font-size: 28px !important;
    }

    .ns-slide .ns-slide-item p {
        font-size: 20px !important;
    }

    .ns-slide .btn {
        font-size: 18px !important;
        padding: 0.5rem 1.5rem;
    }
}

.ns-slide .ns-slide-front-image {
    padding: 5px;
}

.ns-slide-item {
    position: relative;
    height: 700px; /* altura fija del slide */
    max-height: 720px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Alturas de slide según dispositivo y posición del cliente */
.is-mobile .ns-slide-item {
    height: 70vh; /* altura para Mobile */
}

.is-mobile.is-home .ns-slide-item {
    height: 280px; /* altura para Mobile en HOME */
}

.is-desktop.is-home .ns-slide-item {
    height: 700px; /* altura para Desktop en HOME */
}

.ns-slide-meta { /* Contenedor de título, bajada y botones */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    pointer-events: none;
}

.ns-slide-meta > div {
    max-width: 42rem;
    pointer-events: all;
}

/* Configuración de colores botón 1 */
.ns-slide .btn.btn-primary {
    background-color: #fff !important;
    color: #2593D1 !important;
    border: 2px solid #fff !important;
}

.ns-slide .btn.btn-primary:hover {
    background-color: #2593D1 !important;
    color: #fff  !important; /* Color principal */
    border-color: #2593D1 !important;
}

/* Configuración de colores botón 2 */
.ns-slide .btn.btn-secondary {
    background-color: #fff !important;
    color: #2593D1 !important;
    border: 2px solid #fff !important;
}

.ns-slide .btn.btn-secondary:hover {
    background-color: #2593D1 !important;
    color: #fff  !important; /* Color principal */
    border-color: #2593D1 !important;
}

/* Zocalo HTML del slide */
.ns-slide-html a,
.ns-slide-html i { color: #2593D1!important; }

/************** FIN SLIDE CSS ************************/








