:root {
  --main-color: #7ebc03;        /* color normal */
  --main-hover: #1e1767;        /* color hover */
  --text-color: #202020;
  --menue-color: #FFFFFF;
}

html {
  font-size: 100% !important;
}

body {
  font-weight: 500;
}

h1 {
  color: var(--main-color) !important;
  font-size: 36px;      /* ajusta a gusto */
  font-weight: 600;
  line-height: 1.2;
  font-weight: 700 !important; /* bold real */
}

a:hover,
a:hover span,
a:hover i {
  color: var(--main-hover);
}
.breadcrumb li:last-child span {
  color: var(--main-hover) !important;
}

.breadcrumb li a:hover {
  color: var(--main-color) !important;
}
.header-nav a,
.header-nav span,
.header-nav i {
  color: var(--menue-color);
}

.header-nav a:hover,
.header-nav span:hover,
.header-nav i:hover {
  color: var(--main-color) !important;
}


/* ===== MENU HEADER ===== */
.header-nav a {
  font-size: 16px !important;
  font-weight: 500;
  color: #ffffff !important;
}
@media (min-width: 992px) {
  .header-nav .ps-customersignin:hover *,
  .header-nav .user-info a:hover *,
  .header-nav #_desktop_user_info:hover * {
    color: #7ebc03 !important;
  }
}

/* ===== CARRITO HEADER ===== */
.header-nav .ps-shoppingcart,
.header-nav .ps-shoppingcart a,
.header-nav .ps-shoppingcart span {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}
@media (min-width: 992px) {
  .header-nav #_desktop_cart *,
  .header-nav .blockcart *,
  .header-nav .ps-shoppingcart * {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
  }
}
/* ===== HOVER CARRITO HEADER ===== */
@media (min-width: 992px) {
  .header-nav #_desktop_cart:hover *,
  .header-nav .blockcart:hover *,
  .header-nav .ps-shoppingcart:hover * {
    color: 7ebc03 !important;
  }
}
/* ===== HOVER + ESTADOS CARRITO HEADER ===== */
@media (min-width: 992px) {

  /* Hover real */
  .header-nav #_desktop_cart:hover *,
  .header-nav .blockcart:hover *,
  .header-nav .ps-shoppingcart:hover *,

  /* Estados activos / abiertos */
  .header-nav #_desktop_cart.open *,
  .header-nav #_desktop_cart.active *,
  .header-nav .blockcart.open *,
  .header-nav .blockcart.active *,
  .header-nav .ps-shoppingcart.open *,
  .header-nav .ps-shoppingcart.active *,

  /* Hover sobre el link interno */
  .header-nav #_desktop_cart a:hover *,
  .header-nav .blockcart a:hover *,
  .header-nav .ps-shoppingcart a:hover * {
    color: #7ebc03 !important;
  }
}
/* ===== BOTON TO TOP ===== */
.btn-to-top {
  background-color: #7ebc03 !important;
  color: #ffffff !important;
}

.btn-to-top:hover {
  background-color: #1e1767 !important;
  color: #ffffff !important;
}
/* ===== BOTONES PRIMARY ===== */
.btn.btn-primary {
  background-color: #7ebc03 !important;
  border-color: #1e1767 !important;
  color: #ffffff !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #1e1767 !important;
  border-color: #18a39c !important;
  color: #ffffff !important;
}
/* ===== BOTON SKINE TWO ===== */
.btn_skine-two {
  background-color: #7ebc03!important;
  border: 2px solid #21c9c0 !important;
  color: #21c9c0 !important;
}

.btn_skine-two:hover {
  background-color: #1e1767 !important;
  color: #ffffff !important;
}
/* ===== BOTON AL CARRITO ===== */
button.add-cart {
  background-color: #7ebc03 !important;
  border: 2px solid #1e1767 !important;
  color: #ffffff !important;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 4px;
  cursor: pointer;
}
/* ===== HOVER BOTON AL CARRITO (DEFINITIVO) ===== */

/* Hover normal */
button.add-cart:hover,
button.add-cart:focus {
  background-color: #1e1767 !important;
  border-color: #7ebc03  !important;
  color: #ffffff !important;
}

/* Hover solo cuando NO está deshabilitado */
button.add-cart.disabled:hover,
button.add-cart:disabled:hover {
  background-color: #1e1767 !important;
  border-color: #7ebc03  !important;
  color: #666666 !important;
}

/* Cuando el tema usa clase "active" */
button.add-cart.active,
button.add-cart.active:hover {
  background-color: #1e1767 !important;
  border-color: #7ebc03  !important;
  color: #ffffff !important;
}
/* ===== BOTON GENERICO "MAS INFORMACION" ===== */
button.btn {
  background-color: #7ebc03 !important;
  border: 2px solid #1e1767 !important;
  color: #ffffff !important;
  font-weight: 500;
}
button.btn:hover,
button.btn:focus {
  background-color: #1e1767 !important;
  border-color: #7ebc03  !important;
  color: #21c9c0 !important;

  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(33, 201, 192, 0.35);
}


/* ===== more-info-tab.nav-link ===== */
.more-info-tab.nav-link {
   background-color: #7ebc03 !important;
   color: var(--main-hover) !important;
  font-weight: 500;
  transition: color 0.25s ease;
}

.more-info-tab.nav-link.active {
  background-color: #7ebc03  !important; /* o el color que quieras */
  color: #ffffff !important;
  border: 2px solid var(--main-hover) !important;
  border-bottom-color: #fffeff !important; /* efecto tab */
}
.more-info-tab.nav-link:hover {
  background-color: #1e1767 !important;
  color: var(--main-color) !important;
}

/* ===== nav-link ===== */
.nav-link {
   background-color: #7ebc03 !important;
   color: var(--main-hover) !important;
  font-weight: 500;
  transition: color 0.25s ease;
}

.nav-link.active {
  background-color: #7ebc03  !important; /* o el color que quieras */
  color: #ffffff !important;
  border: 2px solid var(--main-hover) !important;
  border-bottom-color: #fffeff !important; /* efecto tab */
}
.nav-link:hover {
  background-color: #1e1767 !important;
  color: var(--main-color) !important;
}

/* ===== product-features ===== */
.product-features > dl.data-sheet dt.name {
   background-color: #7ebc03 !important;
   color: #ffffff !important;
  font-weight: 500;
  transition: color 0.25s ease;
}

/* ===== more-btn ===== */
.more-btn {
   background-color: #7ebc03 !important;
   color: #ffffff !important;
  font-weight: 500;
  transition: color 0.25s ease;
}
.more-btn.active {
  background-color: #7ebc03  !important; /* o el color que quieras */
  color: #ffffff !important;
  border: 2px solid var(--main-hover) !important;
  border-bottom-color: #fffeff !important; /* efecto tab */
}
.more-btn:hover {
  background-color: #1e1767 !important;
  color: var(--main-color) !important;
}


/* ===== menue-icon ===== */
.menu-icon {
  color: #ffffff !important;
  font-weight: 800;
  font-size: 18px;
  transition: color 0.25s ease;
 line-height: 5;
}
.menu-icon.active {
  background-color: #7ebc03  !important; /* o el color que quieras */
  color: #ffffff !important;
  border: 1px solid var(--main-hover) !important;
  border-bottom-color: #7ebc03 !important; /* efecto tab */
}
.menu-icon:hover {
  background-color: #7ebc03 !important;
  color: var(--main-color) !important;
}


/* ===== menue-icon ===== */
.sw-topper {
  color: #ffffff !important;
  font-weight: 800;
  font-size: 18px;
  transition: color 0.25s ease;
 line-height: 5;
}
.sw-topper.active {
  background-color: #7ebc03  !important; /* o el color que quieras */
  color: #ffffff !important;
  border: 1px solid var(--main-hover) !important;
  border-bottom-color: #7ebc03 !important; /* efecto tab */
}
.sw-topper:hover {
  background-color: #7ebc03 !important;
  color: var(--main-color) !important;
}

/* ===== card-icon ===== */
.checkout-step.-current .step-title {
  background-color: #7ebc03 !important;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 18px;
  transition: color 0.25s ease;
 line-height: 5;
}
.checkout-step .step-title {
  background-color: #7ebc03 !important;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 18px;
  transition: color 0.25s ease;
 line-height: 5;
}
.btn {
  background-color: #1e1767 !important;
  color: #ffffff !important;
  
}