/*

CSS de personalización de diseño para cellasene.com.ar

Colores utilizados:

- Primario; #b67e0e ( Gold )
- Secundario: #df030a ( Rojo )
- Footer: #20201f ( Gris oscuro )

*/

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

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

/* BOTONES GENERALES DE TODO EL SITIO */

#ns-nav-item-cta,
.btn-primary {
    background: #b67e0e;
    border-color: #b67e0e;
    color: #fff!important
}

#ns-nav-item-cta:hover,
.btn-primary:hover {
    background: #111;
    border-color: #231F20
}

.btn-outline-primary {
    color: #b67e0e;
    border-color: #b67e0e
}

.btn-outline-primary:hover {
    background: #b67e0e !important;
    color: #fff !important;
    border-color: #b67e0e !important
}


.btn-outline-accent { color: #b67e0e; border-color: #b67e0e }
.btn-outline-accent:hover { background-color: #b67e0e}

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

/* MENU */

/* LLAMITA EN TIENDA ONLINE
.navbar-nav > li:first-child > a::before {
    content: "🔥 ";
    margin-right: 2px;
}
*/

/*
.navbar-nav > li:first-child > a {
    background-color: #b67e0e;
    color: #fff!important;
    padding: 0px;
margin:0
}

.navbar-nav > li:first-child > a:hover {
    background-color: #222;
}

*/


.navbar-nav a { color: #b67e0e!important }
.navbar-nav a:hover { color: #111!important; } /* Color "onmouse_hover" del menu */

/* HEADER */
.ns-logo-store { width: 250px; padding:0;padding-top:10px;margin:0 } /* Configuracion de logo en dispositivos PC / Desktop */
.is-mobile .topbar-text { font-size: 10px }
.ns-mobile-logo-store { width: 150px; padding:0;margin:0 } /* Configuracion de logo en dispositivos moviles */

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

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

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

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

/* CARRITO Y CHECKOUT */

#ns-cart a:hover { color:#b67e0e }

.navbar-tool-label { background: #b67e0e!important; }
.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {background-color:#b67e0e }

/* FOOTER */

footer .bg-darker,
footer.bg-dark {
    background: #20201f!important
}

#ns-copyright-footer a { color: #EFD29F }
#ns-copyright-footer a:hover { color: #FFF }

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

/* 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: #b67e0e!important }

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

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

/* PAGE TITLE + BREADCRUMB */

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

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

/* ITEMS LIST */

/* Cucardas */

.ns-badges { /* Si un articulo tiene varias cucardas como oferta y nuevo suma un padding de separacion */
    display: flex;
    flex-direction: column;
    gap: 2px; /* Espacio entre badges */
}


.ns-item-list .star-rating { margin: 0; padding:0}

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

/* ITEM VIEW / FICHA PRODUCTO https://www.cellasene.com.ar/articulo/1-cellasene-gold.html */

.is-blog h1,
.ns-item-title { font-size: 32px }

.is-mobile.is-blog h1,
.is-mobile .ns-item-title { font-size: 26px }

.ns-post-body a,
.ns-item-brand-link,
.ns-item-meta-descripcion a,
.ns-item-meta a { color: #b67e0e }

.ns-post-body a:hover,
.ns-item-brand-link:hover,
.ns-item-description a:hover,
.ns-item-meta-descripcion a:hover,
.ns-item-meta a:hover { color: #222; text-decoration:underline; }

/* DESCRIPCION FICHA PRODUCTO */

.ns-post-body p,
.ns-item-description p { font-size: 18px }

.ns-post-body b,
.ns-post strong,
.ns-item-description b,
.ns-item-description strong { font-weight: bold; color: #b67e0e }

.ns-post-body h1,
.ns-item-description h1 { font-size: 28px; color: #df030a; text-align:center }

.ns-post-body h2,
.ns-item-description h2 { font-size: 25px; color: #df030a; text-align:center }

.ns-post-body h3,
.ns-item-description h3 { font-size: 20px; color: #df030a; text-align:center }

.ns-post-body h4,
.ns-item-description h4 { font-size: 18px; color: #df030a }

.ns-item-description a::after {
    content: ' 🔗'; /* Aquí puedes poner un icono o símbolo */
    margin-left: 5px; /* Espacio entre el enlace y el icono */
}

.ns-post-body a,
.ns-item-description a { color: #df030a }

.ns-item-description { width: 90%; margin:0;padding:0}

.ns-post-body ul,
.ns-item-description ul { margin-left: 50px }

/* REVIEWS DE CLIENTES */

#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: 1px solid #b67e0e; }

/* BLOG: Consejos cellasene */

.widget a:hover { color: #b67e0e }

/* 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 */

/* FORM DE ECONTACTO: https://www.cellasene.com.ar/contacto.html  */
.is-contact .card-body a,
.is-contact .card-body i { color:#111; }

/* PREGUNTAS FRECUENTES: https://www.cellasene.com.ar/faqs.html */
.nav-pills .active { background:#111!important; }



/* Cambios solicitados 2025-02-19 */

#ns-contact-btn #ns-contact-btn-whatsapp { right: 20px !important; left: auto !important; } /* Boton whatsapp a la derecha, solo en desktop */

/*Formato de video en slide */

.is-desktop .ns-video-container { position: relative; width: 100%; height: 100vh; overflow: hidden;  }
.is-desktop .ns-video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Asegura que el video cubra el contenedor */
        transform: translate(-50%, -50%);
    }

/* HOT SALE 

.ns-cyber-badge,
.ns-badge-off {
    background: rgba(255, 112, 40, 0.65);
    color: #A10000!important;
font-weight:bold;
    border: 1px solid #FF7028;
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
}

.ns-badge-off::after {
    content: "🔥 ";
    margin-left: 4px;
    font-size: 1.4em;
    line-height: 1;
}

.ns-item-list-grid .btn-outline-primary { color: #444;border: 1px solid #444;background: rgba(0, 0, 0, 0.15);  }
.ns-item-list-grid .btn-outline-primary:hover { background: #000; }

.ns-cyber-badge { position: absolute; width:33%; right: 0 }

.ns-cyber-badge span { display:none!important }

.navbar-nav .nav-item { padding: 0!important; margin: 0!important}
*/

/* Configuración de colores botón 1 */
.ns-slide .btn.btn-primary {
    background-color: #2593D1 !important;
    color: #fff  !important; /* Color principal */
    border: 1px solid #fff !important;
}

.ns-slide .btn.btn-primary:hover {
    background-color: #fff !important;
    color: #2593D1 !important;
    border-color: #2593D1 !important;
}

/* Configuración de colores botón 2 */
.ns-slide .btn.btn-secondary {
    background-color: #2593D1 !important;
    color: #fff  !important; /* Color principal */
    border: 1px solid #fff !important;
}

.ns-slide .btn.btn-secondary:hover {
    background-color: #fff !important;
    color: #2593D1 !important;
    border-color: #2593D1 !important;
}



/* Ocultar elementos relacionados con ecommerce o clientes */

.is-desktop #ns-contact-btn-whatsapp { right:10px; }


.ns-footer-store-location,
.is-contact .pt-grid-gutter,
.ns-item-stores,
.ns-item-list-brand-name,
.is-mobile #ns-contact-btn,
#ns-reviews-carousel footer {
 display:none!important;
}