/*

NOMBRE TIENDA: ONGO
URL: https://www.ongo.com.ar

Fecha creacion: 27/05/2026
Última actualizacion: 27/05/2026

DATOS MANUAL DE MARCA

Primario:   #ff8300 ( Naranja )
Secundario: #271d15 ( Marrón oscuro )
Terciario:  #e5dac1 ( Beige cálido )

Generado por nsDesigner. Nivel 4 del stack CSS de nubixstore.
Pisa: theme.min.css, nubixstore.css y basics.css.
Base: knowledge/general/nubixstore/cartzilla/custom_example_cartzilla.css

*/

/* ============================================
   BOTONES GENERALES DE TODO EL SITIO
   ============================================ */

.btn-primary { background: #ff8300; border-color: #ff8300; color: #fff; }
.btn-primary:hover { background: #271d15; border-color: #271d15; color: #fff; }

.btn-outline-primary { color: #ff8300; border-color: #ff8300; }
.btn-outline-primary:hover { background: #ff8300; color: #fff; }

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

/* ============================================
   ACENTOS TIPOGRÁFICOS
   ============================================ */

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

/* ============================================
   FONDOS
   ============================================ */

.bg-dark { background: #271d15 !important; }
.bg-darker { background: #271d15 !important; }

.bg-green { background-color: #ff8300; }
.bg-black { background-color: #271d15; }

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

/* ============================================
   HOVER DE LINKS — CARRITO Y WIDGETS
   ============================================ */

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

/* ============================================
   CARRUSELES Y PAGINACIÓN
   ============================================ */

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

/* ============================================
   MENÚ
   ============================================ */

.navbar-nav a:hover { color: #ff8300 !important; } /* Hover del menú */

/* ============================================
   CARRITO
   ============================================ */

#ns-cart .widget-product-title { font-weight: normal; }
.navbar-tool-label { background: #ff8300 !important; } /* badge contador de carrito */

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

/* ============================================
   BADGES DE STOCK
   ============================================ */

.product-badge.ns-stock-1 { background-color: #42d697; color: #fff !important; }
.product-badge.ns-stock-1::after { border-color: rgba(66, 214, 151, 0); border-bottom-color: #29bc7d; }

.product-badge.ns-stock-2 { background-color: #f3f5f9; color: #271d15; }
.product-badge.ns-stock-2::after { border-color: rgba(243, 245, 249, 0); border-bottom-color: #d8deeb; }

.product-badge.ns-stock-3 { background-color: #f3f5f9; color: #271d15; }
.product-badge.ns-stock-3::after { border-color: rgba(243, 245, 249, 0); border-bottom-color: #d8deeb; }

.product-badge.ns-stock-4 { background-color: #f3f5f9; color: #271d15; }
.product-badge.ns-stock-4::after { border-color: rgba(243, 245, 249, 0); border-bottom-color: #d8deeb; }

.product-badge.ns-stock-5 { background-color: #f3f5f9; color: #271d15; }
.product-badge.ns-stock-5::after { border-color: rgba(243, 245, 249, 0); border-bottom-color: #d8deeb; }

.product-badge.ns-stock-6 { background-color: #f3f5f9; color: #271d15; }
.product-badge.ns-stock-6::after { border-color: rgba(243, 245, 249, 0); border-bottom-color: #d8deeb; }

/* ============================================
   SIDEBAR / WIDGETS DE FILTRO
   ============================================ */

.widget .widget-filter-item a { font-size: 14px; color: #271d15; }
.widget .widget-filter-item a:hover,
.widget .widget-filter-item a.current { color: #ff8300; }

/* ============================================
   HEADER
   ============================================ */

.is-mobile .topbar-text { font-size: 10px; }
.ns-mobile-logo-store { width: 150px; padding: 0; margin: 0; }

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

header .topbar i,
header .topbar a { color: #e5dac1 !important; } /* texto y links del topbar sobre fondo marrón */
header .topbar a:hover { color: #fff !important; }

.bs-afip:hover { color: #ff8300; }

/* ============================================
   FOOTER
   ============================================ */

.ns-footer-store-location a,
.widget-list-link,
#ns-copyright-footer a { color: #e5dac1 }

.ns-footer-store-location a:hover,
.widget-list-link:hover,
#ns-copyright-footer a:hover { color: #ff8300}

#ns-copyright-footer { background: #271d15; }


/* ============================================
   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-cart-select-txt-option { font-size: 11px; }

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

/* ============================================
   PAGE TITLE + BREADCRUMB
   ============================================ */

.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item a { color: #6e5b48 !important; } /* marrón claro derivado de #271d15 */

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

/* ============================================
   LISTADO DE ITEMS
   ============================================ */

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

/* ============================================
   FICHA DE PRODUCTO (item view)
   ============================================ */

.ns-item-title { font-size: 32px; color: #271d15; }
.is-mobile .ns-item-title { font-size: 26px; }

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

#ns-add-to-cart-btn { background: #ff8300; border-color: #ff8300; color: #fff; }
#ns-add-to-cart-btn:hover { background: #271d15; border-color: #271d15; color: #fff; }

/* ============================================
   PLANTILLA COLORES (estilo MercadoLibre)
   ============================================ */

.ns-price { color: #271d15; }
.ns-off-price { color: #ff8300; }

.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 { font-weight: bold; background: #ff8300; color: #fff; }

/* ============================================
   MARCA / MARQUEE
   ============================================ */

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

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

/* ============================================
   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: #271d15; }
#ns-reviews-carousel img { border: 2px solid #ff8300; }

/* ============================================
   BLOG
   ============================================ */

#ns-posts-carousel .ns-post-caption { font-size: 32px; }
.is-mobile #ns-posts-carousel .ns-post-caption { font-size: 24px; }
.gallery-item-caption.active { transform: none; opacity: 1; }

/* ============================================
   FORM DE CONTACTO
   ============================================ */

.is-contact .card-body a,
.is-contact .card-body i { color: #ff8300; }

/* ============================================
   PREGUNTAS FRECUENTES
   ============================================ */

.nav-pills .active { background: #ff8300 !important; }

/* ============================================
   VIDEOS (aspect ratio 16:9)
   ============================================ */

.ns-banner-video-container,
.ns-video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  margin-bottom: 5px;
}

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