/*Fuentes tipogr ficas
Old Standard TT = Regular, Bold (font-weight: 700)
Open Sans = Regular, SemiBold (font-weight: 600)*/
@import url("https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&family=Open+Sans:wght@400;600&display=swap");

/* Estilos CSS para el cuerpo de la página */
body {
  background-color: #f9f9f9;
  margin: 0; /* Elimina los márgenes predeterminados del cuerpo */
  padding: 0; /* Elimina el relleno predeterminado del cuerpo */
}

/* !PAGINA INICIO **************************************************************************************** */

/**===== TEXTO BANNER=====*/
.txt-banner-title {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
}
.txt-banner-body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

.btn-banner-primary {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #fff;
  background: #53061b;
  border-radius: 3px;
  border: none;
  width: 120px;
  height: 40px;
}

.btn-banner-primary:hover {
  color: #fff;
  background: #000;
}

.bg-color{
  color: #fff;
  background: #790726;
}

.btn-banner-secondary {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #000;
  background: #fff;
  border-radius: 3px;
  border: none;
  width: 120px;
  height: 40px;
}

.btn-banner-secondary:hover {
  color: #fff;
  background: #790726;
}

/**===== FIN TEXTO BANNER=====*/

/**===== texto menu=====*/
.txt-menu-categorias {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #1d1d1b;
}

.txt-menu-categorias-fijo {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  color: #1d1d1b;
}

.txt-menu-categorias-dropdown {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #1d1d1b;
}

.txt-menu-categorias-dropdown:hover {
  color: #790726;
  font-weight: 600;
}

/**===== texto menu=====*/

.txt-bar-mobile {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #ffffff;
}

.txt-index-header {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #790726;
}

.txt-index-header:hover svg path {
  fill: #790726; /* Cambia el color del elemento path del SVG cuando el enlace está en estado de hover */
  stroke-width: 1px;
}

/* boton banner accesorios*/

.btn-index-accesorios {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #ffffff;
  background: #790726;
  border-radius: 3px;
  border: none;
  width: 120px;
  height: 40px;
}

.btn-index-accesorios:hover {
  color: #fff;
  background: #000;
}

.text-button {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #ffffff;
  background: #790726;
}

.text-button:hover {
  color: #790726;
  background: #ffffff;
}

/**===== menu mobil fijo=====*/
.menu-mobil-fijo {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/**=====boton ver mas=====*/
.btn-index-ver-mas {
  border: none;
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #000;
  background: white;
  border-radius: 3px;
}
.btn-index-ver-mas:hover {
  color: #fff;
  background-color: #790726;
}
/**=====boton ver mas=====*/

a {
  text-decoration: none;
  color: #fcfcfc;
}
.barra-superior {
  height: 43px;
  background: #790726;
}

.text-barra-superior {
  color: #fcfcfc;
  font-size: 14px;
  font-family: Open Sans;
  padding-left: 25px;
  /* font-weight: 600; */
  /* line-height: 14px; */
  /* word-wrap: break-word; */
}

.icon-superior {
  margin-right: 2px;
}

.categorias {
  height: 64px;
  background-color: #f4f4f4;
}

.logo {
  width: 50%;
}

/* boton buscar */

.btn-index-header-buscar {
  background-color: #790726;
  color: #ffffff;
}
.btn-index-header-buscar:hover {
  background-color: #7a7a7a;
  color: #fff;
}

/* Estilo personalizado para el ícono de porcentaje */
.icono-promocion::before {
  content: "\0025";
  color: white;
  margin-right: 5px;
}

/* Estilo personalizado para el fondo rojo de la opción Promociones */
.nav-link.promociones {
  background-color: #790726;
  color: white;
}
.nav-link.promociones:hover {
  background-color: black;
  color: white;
}

/* Estilo personalizado para los enlaces */
.nav-link {
  color: #000;
  text-decoration: none;
}

/* Estilo para los enlaces al pasar el mouse */
.nav-link:hover {
  color: #790726; /* Color del texto cuando se pasa el mouse por el enlace */
}

/* Banner Informativo */
.banner-informativo {
  height: 140px;
  background-color: #790726;
}

/* carousel */
.carousel-item {
  height: 500px;
  width: 100%;
}

.carousel-item img {
  object-fit: cover; /*imágenes se ajusten dentro de los contenedores sin distorsionarlas */
  height: 100%;
}

/* categorias imagenes */
.text-card {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: #000000;
}

/**=====Boton icon de add carrito=====*/
.btn-home-add-cart {
  background-color: #790726; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
  border-radius: 3px;
}
.btn-home-add-cart:hover {
  background-color: #000;
}
/**=====Boton icon de add carrito=====*/
.btn-add-cart {
  background-color: #790726; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-add-cart:hover {
  background-color: #4d4d4d; /* Color de fondo del botón en hover */
}

.color-border {
  border-color: #d2d2d2;
}

/* * INICIO PROMOCIONES*/
/* container*/
.container-promo {
  height: 400px;
}

/* linea */

/**=====Titulo de seccion PROMOCION======*/
.text-promo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
}
.text-promo.linea {
  position: relative;
  z-index: 1;
}
.text-promo.linea:before {
  border-top: 2px solid #989898;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.text-promo.linea span {
  background: #fff;
  padding: 0 100px;
}

/**=====Titulo de seccion PROMOCION======*/

/* *FIN PROMOCION */

/*banner accesorios*/
.bg-image {
  background-size: cover;
  background-position: center;
  height: 100%;
}

/* novedades */

/*footer */
.boton-newsletter {
  background-color: #790726; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.boton-newsletter:hover {
  background-color: #2c2c2c; /* Color de fondo del botón en hover */
}

.titulo-footer {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.cuerpo-footer {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}

/**===== slider productos ===== */

.swiper {
  width: 100%;
  height: 100%;
}

/**=====seccion carusel GRID=====*/
.slideContainerSwipeGrid {
  width: 100%;
  height: 370px;
}
.slideContentSwipeGrid {
  overflow: hidden;
  background-color: #ffffff;
}

/**=====seccion carusel GRID=====*/

/**=====seccion carusel promociones=====*/
.slideContainerSwipePromociones {
  width: 100%;
  height: 370px;
}
.slideContentSwipePromociones {
  overflow: hidden;
  background-color: #ffffff;
}
/**=====seccion carusel promociones=====*/

/**=====seccion carusel NOVEDADES=====*/
.slideContainerSwipeNovedades {
  width: 100%;
  height: 370px;
}
.slideContentSwipeNovedades {
  overflow: hidden;
  background-color: #ffffff;
}

/*oculta el boton por defecto*/
.swiper-button-next::after,
.swiper-button-prev::after {
  /*content: ""; esta propiedad elimina el icono por defecto de la flecha de swiper js*/
  font-size: 30px;
}

/*
.btnSwiperCustom {
  width: 50px;
  height: 30px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000000;
}*/

/**=====seccion carusel NOVEDADES=====*/

.card-swipe {
  width: 230px;
  border-radius: 25px;
}

.image-content-swipe,
.card-content-swipe {
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
}

.image-content-swipe {
  row-gap: 5px;
  height: 150px;
  width: 150px;
}

.card-image-swipe {
  position: relative;
}

.card-image-swipe .card-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/**===== slider productos ===== */

/**===== texto seccion promociones ===== */

.txt-home-producto-novedades,
.txt-home-producto-promociones,
.txt-home-producto-grid2 {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}
.txt-home-precio-novedades,
.txt-home-precio-promociones,
.txt-home-precio-grid2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #000;
}

.txt-home-producto-grid2 {
  font-size: 17px;
}
.txt-home-precio-grid2 {
  font-size: 16px;
}

.txt-home-precio-antes-grid2,
.txt-home-precio-antes-promociones {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  color: #7b7b7b;
}

.txt-home-novedades-new {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #790726;
}

/**===== texto seccion promociones ===== */

/**=====icon wishlist=====*/

.icon-index-wishlist:hover svg path {
  fill: #790726; /* Cambia el color del elemento path del SVG cuando el puntero está en estado de hover */
}

/**=====icon wishlist=====*/

/* !PAGINA INICIO **************************************************************************************** */

/* !PAGINA CATEGORIAS **************************************************************************************** */
/* banner productos*/
/* breadcrumbs */
.text-breadcrumb {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}

/* textos filtro */
.text-filter {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
}

/* texto resultados encontrados*/
.txt-categorias-resultado {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}
/* textos links*/
.txt-categorias-link {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  transition: color 0.3s; /* Agrega una transición de color */
}
.txt-categorias-link:hover,
.txt-categorias-link:active {
  color: #790726; /* Cambia al color deseado para el enlace activo */
}

.txt-categorias-link.simular-activo {
  color: #790726;
  font-weight: bold;
}

/* botones agrupados mobile*/
.btn-group-mobile {
  --bs-btn-bg: #790726;
  border: none;
  border-radius: 3px;
  --bs-btn-active-bg: #7a7a7a;
}

.btn-grup-mobile:hover {
  background-color: inherit;
  color: inherit;
}

/* botones de filtro/orden mobile */
.btn-categoria-mobile {
  --bs-btn-bg: #790726;
  --bs-btn-hover-bg: #000;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  height: 40px;
  box-sizing: border-box;
}

.btn-categoria-mobile:hover {
  background-color: #790726;
  color: #fff;
}

.btn-categoria-mobile:active {
  background-color: #000 !important;
  color: #fff !important;
}

.btn-categoria-view {
  background-color: #d2d2d2;
  border: none;
  border-radius: 3px;
  transition: all 0.3s ease 0s;
  height: 40px;
  box-sizing: border-box;
}

#viewCategoriaMobile input[type="radio"]:hover + label:hover {
  background-color: #000;
}
#viewCategoriaMobile input[type="radio"]:hover + label:hover path {
  stroke: #fff;
}

#viewCategoriaMobile input[type="radio"]:checked + label path {
  stroke: #fff;
}

/* botones para odenar*/
#dropdowCategoriaMobile .active {
  background: black;
}
#dropdowCategoriaMobile .dropdown-item {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

#dropdowCategoriaMobile .dropdown-item:active {
  background: #000;
  color: white;
}

/*paginador*/
.pagination-link {
  background-color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
  border: 1px solid #ccc;
  border-radius: 5%;
  width: 40px;
  height: 40px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  transition: background-color 0.3s;
}

.pagination-link.pagination-link-text {
  border: none;
  font-weight: normal;
}

.pagination-link:hover {
  background-color: #f0f0f0;
}

.pagination-link.simular-pagina-actual {
  color: white;
  background-color: #790726;
  font: bold;
}

/* Estilo para los checkboxes seleccionados */
.form-check-input:checked {
  background-color: #790726; /* Cambia a tu color deseado */
  border-color: #d2d2d2; /* Cambia este color al color deseado */
  box-shadow: 0 0 0 1px rgba(184, 23, 23, 0.5); /* Cambia este color al color deseado */
}

/* Estilo para los labels (opcional, para resaltar el texto de los checkboxes seleccionados) */
.form-check-input:checked + .form-check-label {
  font-weight: bold; /* Cambia el estilo de texto según tus preferencias */
}

#filtro-categoria .form-check-input:checked + .form-check-label {
  font-weight: bold;
  color: #790726;
}
#filtro-marca .form-check-input:checked + .form-check-label {
  font-weight: bold;
  color: #790726;
}
#filtro-tamano .form-check-input:checked + .form-check-label {
  font-weight: bold;
  color: #790726;
}

/* !!!PAGINA CATEGORIAS *****************************************************************************************/

/* !PAGINA PRODUCTOS ******************************************************************************************/
/*estilos textos*/
.txt-producto-titulo,
.txt-productos-relacionados {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  color: #000000;
}
.txt-producto-precio-antes {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 15px;
  color: #7a7a7a;
  margin: 0;
  text-decoration: line-through;
}

.txt-producto-precio,
.txt-producto-total {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
}

.txt-producto-detalles {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #000000;
}

.txt-producto-tamano,
.txt-producto-colores,
.txt-producto-cantidad {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #989898;
}

/*vista producto detalles*/

/* selectores de tamano*/
/* Cambiar el color del borde seleccionado */
.btn-check:checked + .btn.btn-tamano {
  border-color: #790726;
  background-color: #c71142; /*  */
  color: white; /* */
}

/* Estilo general para los botones */
.btn.btn-tamano {
  border-color: #7a7a7a; /* Color de borde por defecto */
  background-color: white; /* Color de fondo por defecto */
  color: black; /* Color de texto por defecto */
  border-radius: 3px;
  border-color: #989898;
}

.btn.btn-tamano:hover {
  background-color: #bbbbbb;
}

/* selector de colores */
/* Cambiar el color del borde seleccionado */
.btn-check:checked + .btn.btn-color {
  border-color: #000000;
  color: white; /* */
}

/* estilo checkbox colores */
.custom-checkbox-container label.btn {
  width: 60px; /* Ajusta el ancho según tus necesidades */
  height: 40px; /* Ajusta la altura según tus necesidades */
  border-radius: 5%; /* Bordess rectangulares */
  opacity: 0.5; /* Opacidad para los no seleccionados */
  transition: opacity 0.3s ease-in-out; /* Agrega una transición de opacidad */
}

.custom-checkbox-container input[type="radio"]:checked + label.btn {
  opacity: 1; /* Opacidad para el seleccionado */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Resalta el seleccionado */
}
/* estilo checkbox colores */

/* Estilo general para los botones */
.btn.btn-color {
  border-color: #7a7a7a; /* Color de borde por defecto */
  background-color: white; /* Color de fondo por defecto */
  color: black; /* Color de texto por defecto */
  border-radius: 3px;
}

.btn.btn-color:hover {
  background-color: #bbbbbb;
}

/* Boton de spinner cantidad */
/* Estilo para el input */
.cantidad-input {
  width: 100px; /* Ajusta el ancho como desees */
  border-radius: 0; /* Bordes no redondeados */
  border-color: #989898; /* Color de borde deseado */
}

/* Estilo para los botones */
.cantidad-btn {
  width: 50px;
  border-radius: 0; /* Bordes no redondeados */
  border-color: #989898; /* Color de borde  */
  background-color: white; /* Color de fondo */
  color: black; /* Color de texto */
}

/* linea divisoria*/
hr.linea-divisoria {
  border-top: 3px solid #989898;
}

/* Boton agregar y favorito productos*/

/*boton producto icono agregar carrito*/
.btn-product-add-cart {
  border-radius: 3px;
  background-color: #790726; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-product-add-cart:hover {
  background-color: #4d4d4d; /* Color de fondo del botón en hover */
}

.btn-product-fav {
  border-radius: 3px;
  background-color: #989898; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-product-fav:hover {
  background-color: #000; /* Color de fondo del botón en hover */
}

.custom-checkbox-container input[type="radio"] {
  display: none; /* Oculta los radio buttons */
}

/* !!!PAGINA PRODUCTOS ******************************************************************************************/

/* !PAGINA CHECKOUT CARRITOS ******************************************************************************************/
.txt-checkout-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 25px;
  color: #790726;
}

.txt-checkout-carrito-detalle-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 14px;
  color: #000;
}

.txt-checkout-carrito-detalle-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #7a7a7a;
}
.txt-checkout-carrito-detalle-cuerpo-precio-antes {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #7a7a7a;
  text-decoration: line-through;
  margin: 0;
}

.txt-checkout-carrito-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000;
}

/* opcion de regalo*/
#formContainer {
  display: none;
}

/* boton guardar mensaje opcional de carrito*/
.btn-checkout-carrito-guardar {
  background-color: #790726; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
  color: white;
  border-radius: 3px;
}

.btn-checkout-carrito-guardar:hover {
  background-color: #4d4d4d; /* Color de fondo del botón en hover */
  color: #fff;
}

.input-checkout-detalle-cantidad {
  width: 40px; /* Ajusta el ancho como desees */
  border-radius: 0; /* Bordes no redondeados */
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.link-checkout-eliminar:hover svg path {
  fill: #790726;
}

/* Estilo para los botones TU CARRITO */
.btn-checkout-detalle-cantidad {
  width: 35px;
  height: 30px;
  border-radius: 0; /* Bordes no redondeados */
  border-color: #989898; /* Color de borde  */
  background-color: white; /* Color de fondo */
  color: #989898; /* Color de texto */
}

.btn-checkout-detalle-cantidad:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Resaltar */
}

/* Boton finalizar compra y continuar comprando*/

/*boton finalizar compra*/
.btn-checkout-finalizar {
  border-radius: 3px;
  background-color: #790726 !important; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-checkout-finalizar:hover {
  background-color: #000; /* Color de fondo del botón en hover */
}

.btn-pagi {
  border-radius: 3px;
  background-color: #440818 !important; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-pagi:hover {
  background-color: #000; /* Color de fondo del botón en hover */
}

.btn-checkout-continuar {
  border-radius: 3px;
  background-color: #989898; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-checkout-continuar:hover {
  background-color: #000; /* Color de fondo del botón en hover */
}

/* !!!PAGINA CHECKOUT CARRITOS ******************************************************************************************/

/* !PAGINA REGISTRO - LOGIN ******************************************************************************************/
.txt-login-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 25px;
  color: #790726;
}

.txt-login-titulo-2 {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  color: #7b7b7b;
}

.txt-login-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

/* boton iniciar sesion*/
.btn-login-iniciar-sesion {
  background-color: #790726;
  color: white;
  border-radius: 3px;
  width: 120px;
  height: 40px;
}

.btn-login-registrarse {
  background-color: #000;
  color: white;
  border-radius: 3px;
  width: 120px;
  height: 40px;
}

.btn-login-iniciar-sesion:hover {
  background-color: #7b7b7b;
  color: #fff;
}

/* boton crear cuenta*/
.btn-login-crear-cuenta {
  background-color: white;
  color: black;
  border-radius: 3px;
  width: 120px;
  height: 40px;
}
.btn-login-crear-cuenta:hover {
  background-color: black;
  color: #fff;
}
.form-control {
  border-radius: 0px;
}
.form-control::placeholder {
  color: #7b7b7b;
}

/* Estilo para los checkboxes seleccionados */
.form-login-check-input:checked {
}
.form-login-check-label {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #fff;
}
/* Estilo para las etiquetas de los checkboxes seleccionados */
.form-login-check-input:checked + .form-login-check-label {
  font-weight: bold;
  color: #fff;
}

/* !!!PAGINA REGISTRO - LOGIN ******************************************************************************************/

/* !PAGINA CHECKOUT ENVIO  ******************************************************************************************/

/* barra de progreso */
.progresses {
  display: flex;
  align-items: center;
}

.line {
  width: 200px;
  height: 5px;
  background: #989898;
  margin-left: 5px;
  margin-right: 5px;
}

.line-2 {
  width: 200px;
  height: 5px;
  background: #989898;
  margin-left: 5px;
  margin-right: 5px;
}
.steps {
  display: flex;
  background-color: #989898;
  color: #fff;
  font-size: 14px;
  width: 40px;
  height: 40px;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}

/* txt titulos metodo de entrega*/

.txt-checkout-envio-metodo-entrega {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 16px;
  color: #790726;
}

/* txt cuerpo metodo de entrega */
.txt-checkout-envio-metodo-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

.txt-checkout-envio-metodo-cuerpo-2 {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #000;
}

/* txt link editar*/
.txt-checkout-envio-editar {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 14px;
  color: #790726;
}

/* botones de ATRAS Y CONTINUAR*/
.btn-checkout-envio-continuar {
  width: 120px;
  border-radius: 3px;
  background-color: #790726; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-checkout-envio-continuar:hover {
  background-color: #000; /* Color de fondo del botón en hover */
}

.btn-checkout-envio-atras {
  width: 120px;
  border-radius: 3px;
  background-color: #989898; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-checkout-envio-atras:hover {
  background-color: #000; /* Color de fondo del botón en hover */
}

/* * ===== MODAL DATOS DE DIRECCIONES*/
.txt-checkout-envio-modal-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 16px;
  color: #790726;
  text-transform: uppercase;
}

/* txt cuerpo metodo de entrega */
.txt-checkout-envio-modal-cuerpo {
  font-family: "Old Standard TT", serif;
  font-size: 14px;
  color: #000;
}

.btn-checkout-envio-modal-guardar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #790726;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}
.btn-checkout-envio-modal-guardar:hover,
.btn-checkout-envio-modal-guardar:active {
  background-color: #000 !important;
  color: #fff !important;
}

.btn-checkout-envio-modal-cancelar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #7a7a7a;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}

.btn-checkout-envio-modal-cancelar:hover,
.btn-checkout-envio-modal-cancelar:active {
  background-color: #7a7a7a !important;
  color: #fff !important;
}

/* * ===== MODAL DATOS DE DIRECCIONES*/
/* !!!PAGINA CHECKOUT ENVIO ******************************************************************************************/

/* !!!PAGINA CHECKOUT PAGO ******************************************************************************************/
/* * ===== MODAL DATOS DE FACTURACION*/
.txt-pago-modal-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 16px;
  color: #790726;
  text-transform: uppercase;
}

/* txt cuerpo metodo de entrega */
.txt-pago-modal-cuerpo {
  font-family: "Old Standard TT", serif;
  font-size: 14px;
  color: #000;
}

.btn-pago-modal-guardar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #790726;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}
.btn-pago-modal-guardar:hover,
.btn-pago-modal-guardar:active {
  background-color: #000 !important;
  color: #fff !important;
}

.btn-pago-modal-cancelar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #7a7a7a;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}

.btn-pago-modal-cancelar:hover,
.btn-pago-modal-cancelar:active {
  background-color: #7a7a7a !important;
  color: #fff !important;
}

/* * ===== MODAL DATOS DE FACTURACION*/
/* !!!PAGINA CHECKOUT PAGO ******************************************************************************************/

/* !!!PAGINA CHECKOUT RESUMEN ******************************************************************************************/
.txt-checkout-resumen-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 25px;
  color: #790726;
}
/* !!!PAGINA CHECKOUT RESUMEN ******************************************************************************************/

/* !!!PAGINA COMPRA FINALIZADA ******************************************************************************************/
.txt-compra-finalizada-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 25px;
  color: #790726;
}

.txt-compra-finalizada-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #000;
}

/* botones CONTINUAR*/
.btn-compra-finalizada-continuar {
  width: 150px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  border-radius: 3px;
  background-color: #790726; /* Color de fondo del botón */
  border: none; /* Eliminar el borde del botón */
}

.btn-compra-finalizada-continuar:hover {
  background-color: #000; /* Color de fondo del botón en hover */
}
/* !!!PAGINA COMPRA FINALIZADA ******************************************************************************************/

/* !!!PAGINA CONTACTO ******************************************************************************************/
.txt-contacto-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 25px;
  color: #000;
}

.txt-contacto-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #000;
}

.txt-contacto-formulario {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #fff;
}

.txt-contacto-sucursal {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

.form-select {
  border-radius: 0;
  color: #7b7b7b;
}
.form-select::placeholder {
  color: #7b7b7b;
}

/* boton crear cuenta*/
.btn-contacto-enviar {
  background-color: white;
  color: black;
  border-radius: 3px;
  border-color: none;
  width: 120px;
  height: 40px;
}
.btn-contacto-enviar:hover {
  background-color: black;
  color: #fff;
}
/* !!!PAGINA CONTACTO ******************************************************************************************/

/* !!!PAGINA GIFTCARD ******************************************************************************************/
.txt-giftcard-categoria {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: #000;
}
.txt-giftcard-categoria:hover {
  color: #790726;
  font-weight: bold;
}

/* *======Rango de Precio=====*/
.price-input {
  width: 100%;
  display: flex;
  margin: 30px 0 35px;
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 14px;
  margin-left: 12px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid #790726;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #790726;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #790726;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #790726;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
/* *======Rango de Precio=====*/

/* !!!PAGINA GIFTCARD ******************************************************************************************/

/* !!!PAGINA MI PERFIL ******************************************************************************************/
.txt-micuenta-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #790726;
}

.txt-micuenta-secciones {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: #000;
  font-weight: bold;
}
.txt-micuenta-secciones:hover {
  color: #790726;
  font-weight: bold;
}

.txt-micuenta-link-activo {
  color: #790726;
  font-weight: 600;
}

.form-label-micuenta {
  font-family: "Old Standard TT", serif;
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}

/* boton actualizar*/
.btn-micuenta-datospersonales-actualizar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #790726;
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}
.btn-micuenta-datospersonales-actualizar:hover {
  background-color: #000;
  color: white;
}

/* boton editar */
.btn-micuenta-datospersonales-editar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #7a7a7a;
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}
.btn-micuenta-datospersonales-editar:hover {
  background-color: #b3bfc7;
  color: black;
}

/* !!!PAGINA MI PERFIL ******************************************************************************************/
/* !!!PAGINA MI PERFIL - DIRECCIONES ******************************************************************************************/
.txt-micuenta-direcciones-tabla-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}

.txt-micuenta-direcciones-tabla-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #7a7a7a;
}

.icon-micuenta-editar:hover svg path,
.icon-micuenta-eliminar:hover svg path {
  stroke: #000; /* Cambia el color del elemento path del SVG cuando el puntero está en estado de hover */
}

/* boton nueva direccion*/
.btn-micuenta-direcciones-nuevo {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #790726;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}

.btn-micuenta-direcciones-nuevo:hover {
  background-color: #000;
  color: white;
}

/* !!!PAGINA MI PERFIL - DIRECCIONES ******************************************************************************************/
/* !!!PAGINA MI PERFIL - NUEVA DIRECCIONES ******************************************************************************************/
/* !!!PAGINA MI PERFIL - NUEVA DIRECCIONES ******************************************************************************************/
/* !!!PAGINA MI PERFIL - MIS COMPRAS ******************************************************************************************/

/* !!!PAGINA MI PERFIL - MIS COMPRAS******************************************************************************************/
.icon-micuenta-ver:hover svg path {
  stroke: #000; /* Cambia el color del elemento path del SVG cuando el puntero está en estado de hover */
  fill: #000; /* Cambia el color del elemento path del SVG cuando el puntero está en estado de hover */
}
/* !!!PAGINA DEVOLUCIONES ******************************************************************************************/
.txt-devoluciones-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #790726;
}

.txt-devoluciones-subtitulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: #000000;
}

.txt-devoluciones-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

.link-devoluciones {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}

.link-devoluciones.active {
  color: #790726;
  font-weight: bold;
}

/* Cambiar el color de fondo de la pestaña activa */
#menu-devoluciones .nav-link.active {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #790726; /* Cambiar el color del texto */
  font-weight: bold;
}

/* Estilo para las pestañas no seleccionadas */
#menu-devoluciones .nav-link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  background-color: #f8f9fa; /* Cambiar el color de fondo de las pestañas no seleccionadas */
  color: #000; /* Cambiar el color del texto de las pestañas no seleccionadas */
}

/* !!!PAGINA DEVOLUCIONES ******************************************************************************************/

/* !!!PAGINA TERMINOS Y CONDICIONES ******************************************************************************************/
.txt-terminos-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #790726;
}

.txt-terminos-subtitulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
}

.txt-terminos-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

/* !!!PAGINA TERMINOS Y CONDICIONES ******************************************************************************************/

/* !!!PAGINA PREGUNTAS FRECUENTES ******************************************************************************************/
.txt-preguntas-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #790726;
}

.txt-preguntas-subtitulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
}

.txt-preguntas-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

/**====== ACORDEON ======*/
/* Cambiar el color de la flechita a blanco en ambos estados */
.accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Cambiar el color del borde activo al seleccionar */
.accordion .accordion-button:focus {
  border-color: #000000; /* Cambiar el color del borde activo aquí */
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); /* Cambiar el color del shadow al seleccionar */
}

/* Estilo para los títulos de los elementos */
.accordion .accordion-button {
  background-color: #790726; /* Cambiar el fondo */
  color: #fff; /* Cambiar el color del texto */
  font-weight: bold; /* Cambiar el peso de la fuente */
  font-family: "Old Standard TT", serif;
  font-size: 16px;
}

/* Estilo para el cuerpo de los elementos */
.accordion .accordion-body {
  background-color: #f4f4f4; /* Cambiar el fondo */
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

/**====== ACORDEON ======*/

/* !!!PAGINA PREGUNTAS FRECUENTES ******************************************************************************************/

/* !!!PAGINA OLVIDE CONTRASEÑA ******************************************************************************************/
.txt-olvide-pass-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #790726;
}

.txt-olvide-pass-subtitulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
}

.txt-olvide-pass-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

/* boton enviar*/
.btn-olvide-pass-enviar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #790726;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}
.btn-olvide-pass-enviar:hover {
  background-color: #7a7a7a;
}

.form-label-olvide-pass {
  font-family: "Old Standard TT", serif;
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}
/* !!!PAGINA OLVIDE CONTRASEÑA ******************************************************************************************/

/* !!!PAGINA RESTABLECER CONTRASEÑA ******************************************************************************************/
.txt-restablecer-pass-titulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #790726;
}

.txt-restablecer-pass-subtitulo {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
}

.txt-restablecer-pass-cuerpo {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

/* boton enviar*/
.btn-restablecer-pass-enviar {
  width: 120px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  background-color: #790726;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  border-color: none;
}
.btn-restablecer-pass-enviar:hover {
  background-color: #7a7a7a;
}

.form-label-restablecer-pass {
  font-family: "Old Standard TT", serif;
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}

/* !!!PAGINA RESTABLECER CONTRASEÑA ******************************************************************************************/

/* ! RESPONSIVO ******************************************************************************************/

@media screen and (max-width: 700px) {
  .banner-informativo {
    height: 120px;
  }
  #containerGridCategorias {
    display: none;
  }
  #containerGrid2 {
    display: none;
  }

  #title-promociones-desktop {
    display: none;
  }

  #imgPromociones {
    display: none;
  }

  #barraSuperior {
    display: none !important;
  }

  #headerDesktop {
    display: none;
  }

  .carousel-item {
    height: 250px;
  }

  .txt-checkout-carrito-detalle-cuerpo {
    font-size: 12px;
  }

  .btn-checkout-detalle-cantidad {
    width: 25px;
  }

  .line {
    width: 100px;
  }

  .line-2 {
    width: 100px;
  }

  /* Cambiar el color de fondo de la pestaña activa */
  #menu-devoluciones .nav-link.active {
    font-size: 10px;
  }

  /* Estilo para las pestañas no seleccionadas */
  #menu-devoluciones .nav-link {
    font-size: 10px;
  }

  .txt-devoluciones-subtitulo,
  .txt-terminos-subtitulo {
    font-size: 14px;
    text-transform: uppercase;
  }

  .txt-micuenta-secciones {
    font-size: 12px;
  }

  .txt-micuenta-titulo,
  .txt-olvide-pass-titulo,
  .txt-devoluciones-titulo,
  .txt-checkout-titulo,
  .txt-preguntas-titulo,
  .txt-producto-precio,
  .txt-productos-relacionados,
  .txt-restablecer-pass-titulo,
  .txt-terminos-titulo {
    font-size: 18px;
  }

  ::placeholder {
    font-size: 12px;
  }

  .btn-login-iniciar-sesion,
  .btn-login-registrarse {
    width: 100%;
  }

  .form-check-label {
    font-size: 12px;
  }
}

/*no muestra en desktop*/
@media screen and (min-width: 700px) {
  #title-promociones-mobile {
    display: none;
  }

  #headerMobile {
    display: none;
  }
}

.product-title{
  margin: 0 !important;
  width: auto !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}