@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&display=swap');

:root {
  --nav-bg: #2d8247;
  --nav-hover-bg: #339450;
  --btn-search-bg: #29a745;
  --header-top-bg: #F0F0F0;
  --bs-body-font-family: 'Inter', sans-serif;
  --nisuta-bg-primary: #006CEB;
  --nisuta-bg-success: #4daa2b;
  --fc-blue: #0aad0a;
  --fc-yellow: #ffc107;
  --fc-green: #198754;
  --fc-cyan: #016bf8;
  --fc-black: #000;
  --fc-white: #fff;
  --fc-gray: #5c6c75;
  --fc-gray-dark: #21313c;
  --fc-gray-100: #f0f3f2;
  --fc-gray-200: #ecf0ef;
  --fc-gray-300: #dfe2e1;
  --fc-gray-500: #889397;
  --fc-gray-600: #5c6c75;
  --fc-gray-700: #3d4f58;
  --fc-gray-800: #21313c;
  --fc-gray-900: #001e2b;
  --fc-primary: #0aad0a;
  --fc-secondary: #889397;
  --fc-success: #198754;
  --fc-info: #016bf8;
  --fc-warning: #ffc107;
  --fc-danger: #db3030;
  --fc-light: #f0f3f2;
  --fc-dark: #001e2b;
  --fc-gray-400: #c1c7c6;
  --fc-light-primary: #ceefce;
  --fc-light-secondary: #889397;
  --fc-light-danger: #f8d6d6;
  --fc-light-info: #cce1fe;
  --fc-light-warning: #fff3cd;
  --fc-light-success: #d1e7dd;
  --fc-dark-primary: #044504;
  --fc-dark-warning: #664d03;
  --fc-dark-info: #002b63;
  --fc-dark-danger: #581313;
  --fc-dark-success: #0a3622;
  --fc-dark-secondary: #ecf0ef;
  --fc-indigo: #6610f2;
  --fc-red: #db3030;
  --fc-pink: #d63384;
  --fc-orange: #fd7e14;
  --fc-teal: #20c997;
  --fc-purple: #6f42c1;
  --fc-primary-rgb: 10,173,10;
  --fc-secondary-rgb: 136,147,151;
  --fc-success-rgb: 25,135,84;
  --fc-info-rgb: 1,107,248;
  --fc-warning-rgb: 255,193,7;
  --fc-danger-rgb: 219,48,48;
  --fc-light-rgb: 240,243,242;
  --fc-dark-rgb: 0,30,43;
  --fc-gray-400-rgb: 193,199,198;
  --fc-light-primary-rgb: 206,239,206;
  --fc-light-secondary-rgb: 136,147,151;
  --fc-light-danger-rgb: 248,214,214;
  --fc-light-info-rgb: 204,225,254;
  --fc-light-warning-rgb: 255,243,205;
  --fc-light-success-rgb: 209,231,221;
  --fc-dark-primary-rgb: 4,69,4;
  --fc-dark-warning-rgb: 102,77,3;
  --fc-dark-info-rgb: 0,43,99;
  --fc-dark-danger-rgb: 88,19,19;
  --fc-dark-success-rgb: 10,54,34;
  --fc-dark-secondary-rgb: 236,240,239;
  --fc-indigo-rgb: 102,16,242;
  --fc-red-rgb: 219,48,48;
  --fc-pink-rgb: 214,51,132;
  --fc-orange-rgb: 253,126,20;
  --fc-teal-rgb: 32,201,151;
  --fc-purple-rgb: 111,66,193;
  --fc-primary-text: #088a08;
  --fc-secondary-text: #5c6c75;
  --fc-success-text: #146c43;
  --fc-info-text: #014095;
  --fc-warning-text: #997404;
  --fc-danger-text: #af2626;
  --fc-light-text: #5c6c75;
  --fc-dark-text: #3d4f58;
  --fc-primary-bg-subtle: #ceefce;
  --fc-secondary-bg-subtle: #f0f3f2;
  --fc-success-bg-subtle: #d1e7dd;
  --fc-info-bg-subtle: #cce1fe;
  --fc-warning-bg-subtle: #fff3cd;
  --fc-danger-bg-subtle: #f8d6d6;
  --fc-light-bg-subtle: #f8f9f9;
  --fc-dark-bg-subtle: #c1c7c6;
  --fc-primary-border-subtle: #9dde9d;
  --fc-secondary-border-subtle: #ecf0ef;
  --fc-success-border-subtle: #a3cfbb;
  --fc-info-border-subtle: #99c4fc;
  --fc-warning-border-subtle: #ffe69c;
  --fc-danger-border-subtle: #f1acac;
  --fc-light-border-subtle: #ecf0ef;
  --fc-dark-border-subtle: #889397;
  --fc-white-rgb: 255,255,255;
  --fc-black-rgb: 0,0,0;
  --fc-body-color-rgb: 92,108,117;
  --fc-font-sans-serif: "Inter",sans-serif;
  --fc-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --fc-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
  --fc-body-font-family: var(--fc-font-sans-serif);
  --fc-body-font-size: 0.875rem;
  --fc-body-font-weight: 500;
  --fc-body-line-height: 1.6;
  --fc-body-color: #5c6c75;
  --fc-emphasis-color-rgb: 0,0,0;
  --fc-secondary-color: rgba(92,108,117,.75);
  --fc-secondary-color-rgb: 92,108,117;
  --fc-secondary-bg: #ecf0ef;
  --fc-secondary-bg-rgb: 236,240,239;
  --fc-tertiary-color: rgba(92,108,117,.5);
  --fc-tertiary-color-rgb: 92,108,117;
  --fc-tertiary-bg: #f0f3f2;
  --fc-tertiary-bg-rgb: 240,243,242;
  --fc-body-bg: #fff;
  --fc-body-bg-rgb: 255,255,255;
  --fc-heading-color: #21313c;
  --fc-link-color: #0aad0a;
  --fc-link-color-rgb: 10,173,10;
  --fc-link-decoration: underline;
  --fc-link-hover-color: #088a08;
  --fc-link-hover-color-rgb: 8,138,8;
  --fc-code-color: #d63384;
  --fc-border-width: 1px;
  --fc-border-style: solid;
  --fc-border-color: var(--fc-gray-300);
  --fc-border-color-translucent: var(--fc-gray-300);
  --fc-border-radius: 0.5rem;
  --fc-border-radius-sm: 0.25rem;
  --fc-border-radius-lg: 0.75rem;
  --fc-border-radius-xl: 1rem;
  --fc-border-radius-2xl: 2rem;
  --fc-border-radius-pill: 50rem;
  --fc-box-shadow: rgba(145,158,171,.2) 0px 2px 4px -1px,rgba(145,158,171,.14) 0px 4px 5px 0px,rgba(145,158,171,.12) 0px 1px 10px 0px;
  --fc-box-shadow-sm: rgba(145,158,171,.2) 0px 3px 1px -2px,rgba(145,158,171,.14) 0px 2px 2px 0px,rgba(145,158,171,.12) 0px 1px 5px 0px;
  --fc-box-shadow-lg: 0px 0px 2px rgba(145,158,171,.2),0px 12px 24px -4px rgba(145,158,171,.12);
  --fc-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
  --fc-emphasis-color: #000;
  --fc-form-control-bg: var(--fc-body-bg);
  --fc-form-control-disabled-bg: var(--fc-secondary-bg);
  --fc-highlight-bg: #fff3cd;
  --fc-breakpoint-xs: 0;
  --fc-breakpoint-sm: 576px;
  --fc-breakpoint-md: 768px;
  --fc-breakpoint-lg: 992px;
  --fc-breakpoint-xl: 1200px;
  --fc-breakpoint-xxl: 1400px;
  --bs-border-radius: 0;
  --bs-border-radius-lg: 0.25rem!important;
}

.navbar-nav {
  --bs-nav-link-padding-y: 0!important;
}

header {
  background-color: white;
}

body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
  letter-spacing: -0.5px;
}

.navbar-brand img {
  height: 60px;
}

.navbar-brand-sm img {
  height: 40px!important;
}

.navbar-toggler:focus {
  box-shadow: inherit!important;
}

#searchInput:focus + #searchResults, #searchResults:focus, #searchResults:hover {
  visibility: visible!important;
}

#searchResults {
  position: absolute;
  width: 100%;
  text-align: left;
  z-index: 1;
  position: absolute;
  margin-top: 44px;
  overflow: auto; /* Enable scrolling */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
  visibility: hidden;
}

#searchResults::-webkit-scrollbar {
  display: none;  /* WebKit (Chrome, Safari) */
}

.nisuta-bg-primary {
  background-color: var(--nisuta-bg-primary);
}

.nisuta-bg-success {
  background-color: var(--nisuta-bg-success);
}

.navbar .navbar-toggler {
  margin-left: 0.5rem;
  padding: 0.5rem;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #FFF!important;
  color: initial!important;
}

.footer .social-links {
  color: #889397;
  margin: 0 2px;
}

.footer .social-links i {
  font-size: 1.2rem;
}

.carousel-control-next, .carousel-control-prev {
  width: 4%!important;
}

.slick-slide {
  margin: 0.5rem;
  transition: box-shadow .25s;
}

/*.slick-slide:hover {
  box-shadow: 1px 1px 10px rgba(0,0,0,10%);
}*/

.slick-item.product.card{
  border: none;
  box-shadow: 1px 1px 2px #ebebeb;
}

.slick-item.product.card img {
  padding: 1rem;
}

.slick-item.product span {
  display: block;
}

.slick-item img {
  width: 100%;
}

.slick-item .product-title {
  min-height: 34px;
}

.slick-item .product-body {
  padding: 10px 20px;
  color: #000;
}

.slick-item .product-price {
  font-size: 1.2rem;
  font-weight: 600;
}

.slick-item p {
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2; 
  -webkit-box-orient: vertical;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #FFF;
  z-index: 1;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  border-color: transparent;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.19);
  transition: background-color .3s;
}

.slick-prev:hover,
.slick-next:hover {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.19);
}

.slick-prev {
  left: -10px;
}

.slick-next {
  right: -10px;
}

.slick-arrow.slick-disabled {
  display: none!important;
}

section h2.section-title{
  font-weight: bold;
}

.ad {
  box-shadow: 1px 1px 10px rgba(0,0,0,10%);
  transition: box-shadow .25s;
}

.ad:hover {
  box-shadow: 4px 4px 8px rgb(0 0 0 / 10%);
}

.g-4, .gy-4 {
  --bs-gutter-y: 1rem;
  --bs-gutter-x: 1rem;
}

.ms-n10{
  margin-left:-3rem!important
}

.btn {
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 600;
  --bs-btn-line-height: 1.6;
  /*--fc-btn-color: #5c6c75;
  --fc-btn-bg: transparent;
  --fc-btn-border-width: 1px;
  --fc-btn-border-color: #5c6c75;
  --fc-btn-border-radius: 0rem;
  --bs-btn-hover-border-color: #6a7074!important;
  --fc-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
  --fc-btn-disabled-opacity: 0.65;
  --fc-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--fc-btn-focus-shadow-rgb),.5);
  background-color: var(--fc-btn-bg);
  border: var(--fc-btn-border-width) solid var(--fc-btn-border-color);
  border-radius: var(--fc-btn-border-radius);
  color: var(--fc-btn-color);
  cursor: pointer;
  display: inline-block;
  font-family: var(--fc-btn-font-family);
  font-size: var(--fc-btn-font-size);
  font-weight: var(--fc-btn-font-weight);
  line-height: var(--fc-btn-line-height);
  padding: var(--fc-btn-padding-y) var(--fc-btn-padding-x);
  text-align: center;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;*/
}

.btn-light {
  --bs-btn-hover-bg: #f9f9f9!important;
  --bs-btn-hover-border-color: #ededed!important;
}

.btn-group-sm>.btn, .btn-sm {
  --fc-btn-padding-y: 0.25rem;
  --fc-btn-padding-x: 0.5rem;
  --fc-btn-font-size: 0.765625rem;
  --fc-btn-border-radius: 0.25rem;
}

.text-black {
  color: black!important;
}

.icon-sm {
  height: 2rem;
  line-height: 2rem;
  width: 2rem;
}

.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: #fff;
  /*border: 1px solid #dfe2e1;*/
  border: 1px solid #f2f2f2;
  border-radius: 0.375rem;
  color: #5c6c75;
  display: block;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.55rem 1rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  width: 100%;
}

.form-control:focus {
  background-color: #fff;
  border-color: var(--nav-hover-bg);
  /*box-shadow: 0 0 0 0.25rem rgb(10 173 10 / 25%);*/
  box-shadow: none;
  color: #5c6c75;
  outline: 0;
}

.form-control-sm {
  padding: 0.25rem 0.5rem!important;
  font-size: .875rem!important;
  border-radius: 0.25rem!important;
}

/*.dropdown-toggle::after {
  margin-left: 0.5em;
}*/

#navigation .dropdown-toggle::after {
  display: none;
}

@media only screen and (min-width: 991px){
  #navigation .dropdown-menu {
    border-radius: 0;
    display: block;
    opacity: 0;
    /*transform: translateY(10px);
    transition: all .3s ease-in;*/
    visibility: hidden;
  }

  #searchResults {
    height: 250px;
    max-height: 250px;
  }

  #navigation>ul>li>a {
    color: white;
  }
}

@media only screen and (max-width: 991px){
  #navigation {
    background-color:#fff;
    /* opacity:0;
    visibility:hidden; */
    position:fixed;
    top:0;
    left:-100%;
    width:100%;
    height:100%!important;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin:0;
    border:none;
    z-index:600;
    overflow-y:auto
  }
  #navigation.collapse:not(.show){
      display: block!important;
  }
  .collapse.show, nav .collapsing {
      left: 0!important;
  }
  #navigation li a {
      padding: 0.5rem 1.5rem!important;
  }
}

#navigation .dropdown:hover>.dropdown-menu {
  opacity: 1;
  visibility: visible;
  border: 1px solid #ecf0ef!important;
}

.pagination .active>.page-link, 
.pagination .page-link.active{
  background-color: #29a745;
  border-color: #29a745;
}

a, a:hover {
  color: var(--nav-bg);
  text-decoration: none!important;
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
  letter-spacing: -.03rem;
}


.slider-for img,
.slider-nav img,
.slider-for iframe,
.slider-nav iframe {
  width: 100%;
}

.input-spinner .button-minus, .input-spinner .button-plus {
  background-color: transparent;
  border-color: #ecf0ef;
  height: auto;
}

.input-spinner .form-input {
  background: 0 0;
  border: 1px solid #ecf0ef;
  height: 100%;
  min-height: 2.5rem;
  text-align: center;
  width: 3rem!important;
  outline: none;
}

.input-spinner .form-input::-webkit-outer-spin-button,
.input-spinner .form-input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.input-spinner .form-input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.cursor-pointer {
  cursor: pointer!important;
}

.pagination {
  --bs-pagination-color: #29a745;
  --bs-pagination-hover-color: #29a745;
  --bs-pagination-focus-color: #29a745;
  --bs-pagination-active-bg: #29a745;
  --bs-pagination-active-border-color: #29a745;
}

/*.slick-slider {
  overflow: hidden
}*/

#product .slider-for .slick-slide img {
  padding: 0 10rem;
}

#product .slider-nav {
  padding: 0 4rem;
}

#product .slider-nav .slick-slide img {
  border: 1px solid #DDD;
  border-radius: 8px;
  padding: 1rem;
}

.nav-pills-dark .nav-item .nav-link.active {
  background-color: #001e2b;
  color: var(--fc-white);
}

.nav-pills-dark .nav-item .nav-link {
  background-color: transparent;
  border-radius: 0.5rem;
  color: var(--fc-gray-800);
  font-weight: 500;
  margin-bottom: 0.25rem;
  padding: 0.5rem 0.75rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--fc-heading-color,inherit);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

ol.breadcrumb {
  font-size: .875em;
}

.bg-lightgray {
  background: #F4F4F4;
}

.alert.fixed {
  position: fixed;
  bottom: 0px;
  right: 10px;
  z-index: 1000;
}

sup.red {
  color:red
}

.input-group .input-group-text {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.55rem;
  border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
}

.label-radio input[type="radio"] {
  margin-right: 4px;
}

@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    top: 40px;
    border-color: #f8f9fa;
  }
}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background: inherit!important;
  text-decoration: underline!important;
}

#sub_carousel .px-4 {
  word-wrap: break-word;
  width: 220px;
}

#cargo-container label,
#addresses-container label,
#payment-container label {
  display: block;
  padding: 10px;
  margin: 10px 0;
}

#cargo-container label input,
#addresses-container label input,
#payment-container label input {
  margin: 10px 8px;
}

#micuenta-container.dropdown:hover>.dropdown-menu {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s; /* Agregar una transición suave */
  display: block;
  top: 50px
}

.navbar form .btn {
  font-weight: 500;
  line-height: 1.5;
  padding: 0.55rem 1rem;
}

.carousel-indicators [data-bs-target]{
  width: 70px;
  height: 70px;
}
.height-auto {
  height: auto!important;
}
.motif-option.active {
  background-color: #1A8754!important;
  border: 1px dashed #1A8754!important;
  color: #fff!important;
}

.border-dashed {
  border: 1px dashed #DDD;
}
.border-dashed input[type="radio"] {
  display: none;
}

.stepper-wrapper {
	display: flex;
	justify-content: space-between;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 10px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 10px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
  border: 2px solid #FFF;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #4bb543;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #4bb543;
  width: 100%;
  top: 10px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

.input-group-text {
  border: var(--bs-border-width) solid #f2f2f2;
}

#filters li a {
  padding: 0.2rem 0.5rem;
}

#filters li a.active,
#filters li a:hover,
#filters li a:active,
#filters li a:focus {
  color: white!important;
  background: #4daa2b;
  border-radius: 0.375rem;
}

#product .slick-nav .slick-item {
  filter: grayscale(1);
}

#product .slick-nav .slick-item img {
  padding: 1rem 0.5rem;
}

#product .slick-nav .slick-item.slick-current {
  filter: grayscale(0);
}

@media (max-width: 576px) {
  .quantity-col input {
    width: 2rem!important;
    height: 2rem!important;
    min-height: 1rem !important;
  }
}