* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Josefin Sans", sans-serif;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 400;
  color: #1d1d1d;
}
a {
  color: #1d1d1d;
  text-decoration: none;
  cursor: pointer;  /* Asegura que el cursor sea una mano al pasar por encima de cualquier enlace */  
}
.down_arrow {
  width: 10px;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}
.bread_crump_list::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}

.bread_crump_list {
  overflow-x: auto;
}
.list_breadcrump a {
  white-space: nowrap;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.heading {
  font-size: 58px;
}
.heading-2 {
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
}
h4,
h5 {
  font-weight: 700;
}
.common_text_link {
  color: #ef5927;
}
.common_text_link:hover {
  color: #1d1d1d;
}
.text-left {
  text-align: left;
}
.fullimage {
  width: 100%;
}
.pluse_icon,
.muestra_icon {
  width: 25px;
}
.table_category .muestra_wrap .muestra_icon {
  width: 17px;
}
/******header*********/
.cart_value {
  background-color: #ef5927;
  width: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
  padding: 8px 2px;
  line-height: 14px;
  color: #fff;
}
.cart_data:hover {
  color: #ef5927;
}
.dropdown-submenu_wrap {
  position: absolute;
  z-index: 1;
  top: 115%;
  display: none;
  background-color: #efefef;
}
.cross_btn,
.toggle_mobile {
  display: none;
}
.active .dropdown-submenu_wrap {
  display: block;
}
.dropdown-submenu a,
.dropdown-submenu button.dropdown-menus {
  display: block;
  color: #1d1d1d;
}
/* Reset de estilos nativos de botón para los menús de navegación.
   Se agrupan .nav_wrap li:not(.cross_btn) > button (botones de nivel superior) y button.dropdown-menus
   (botones de submenú) porque comparten el mismo reset de estilos de navegador.
   Se excluye .cross_btn para no afectar al botón de cierre del sidebar. */
.nav_wrap li:not(.cross_btn) > button,
button.dropdown-menus {
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  text-align: left;
  width: 100%;
}
/* Color y display para el botón de nivel superior del menú (Tienda, Servicios, etc.)
   Se excluye .cross_btn para no afectar al botón de cierre del sidebar. */
.header .nav_wrap li:not(.cross_btn) > button:not(.dropdown-menus) {
  color: #fff;
  display: inline;
  padding: 3px 15px;
}
.dropdown-menus img {
  filter: invert(1);
}
.dropdown-submenu {
  width: 320px;
  overflow-y: auto;
  padding: 10px 0;
  max-height: 350px;
}
.child-link a img,
.child-link button img {
  display: none;
}
li.childlink .child-link .grand-child-link {
  display: none;
  position: absolute;
  right: -320px;
  top: 0;
  background-color: #efefef;
  height: 100%;
  width: 320px;
  border-left: 1px solid #ef5927;
  overflow-y: scroll;
}
.nav_wrap .child-link a,
.nav_wrap .child-link button.dropdown-menus {
  padding: 3px 15px 3px 50px;
  position: relative;
  transition: padding 0.5s;
}
.childlink.open .childlink.open.site-border > .dropdown-menus {
  padding-left: 50px;
}
.child-link .childlink .dropdown-menus {
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
}
.child-link .childlink.open.site-border > .dropdown-menus {
  border-color: #ef5927;
}
.dropdown-menus {
  transition: padding 0.5s;
}
.nav_wrap .child-link .grand-child a {
  padding-left: 15px;
}
.nav_wrap .child-link .grand-child a:hover {
  padding-left: 35px;
}
.dropdown-menus:hover {
  padding-left: 35px;
  font-weight: 700;
}
.nav_wrap .child-link a:hover {
  padding-left: 65px;
  font-weight: 700;
}
.nav_wrap .child-link a:hover::after,
.dropdown-menus:hover::after {
  height: 100%;
}
.nav_wrap ul li a:after,
.dropdown-menus:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 0;
  background-color: #ef5927;
  content: " ";
  transition: height 0.5s;
}
.childlink.open > .dropdown-menus {
  font-weight: 700;
}
.childlink.open ul.child-link .childlink.open {
  border-color: #ef5927;
}

.childlink.open ul.child-link .childlink::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  content: "";
  width: 4px;
  background-color: transparent;
}
/* li.childlink.open ul.child-link .childlink.open::after   {
   
    background-color:#ef5927;
 } */
.childlink.open > .dropdown-menus img {
  transform: rotate(-180deg);
}
li.childlink .child-link .grand-child-link img {
  display: none;
}
.childlink.open > .dropdown-menus::after {
  height: 100%;
}
.childlink.open > .dropdown-menus {
  padding-left: 30px;
}
.dropdown-submenu li a,
.dropdown-submenu li button.dropdown-menus {
  color: #1d1d1d;
  position: relative;
  cursor: pointer;
}
li.childlink.open ul.child-link {
  display: block;
}
ul.child-link {
  display: none;
}
ul.grand-child-link {
  display: none;
}
li.childlink .child-link .grand-child-link {
  display: none;
}
li.childlink .child-link .childlink.open .grand-child-link {
  display: block;
}
.nav_wrap .nav > li:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 4px;
  background-color: #ef5927;
  content: " ";
  transition: width 0.5s;
}
.nav_wrap .nav > li {
  position: relative;
  padding-bottom: 5px;
}
.nav_wrap .nav > li.active .dropdown-submenu {
  display: block;
}
.nav_wrap .nav > li.active::after {
  width: 100%;
}
.header {
  background-color: #033b77;
  padding: 15px 0;
  color: #fff;
}
.header a {
  color: #fff;
}
.top_header .nav li:first-child {
  margin-right: 40px;
}
.top_header .nav li img {
  margin-right: 10px;
}
.top_header .nav li a {
  display: flex;
  align-items: center;
}
.top_header .nav li a:hover {
  color: #ef5927;
}
.top_header .nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header_bottom {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.cart_data .cart_title {
  margin: 0;
  font-weight: 700;
}
.cart_data p {
  margin: 0;
  font-size: 13px;
}
.cart_data {
  margin-left: 10px;
}
.cart_show {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.cart_search_wrap .nav {
  align-items: center;
}
.search_btn {
  background-color: #ef5927;
  border: none;
  padding: 2px;
  border-radius: 100px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
}
.search_btn:hover {
  background-color: transparent;
  border-color: #ef5927;
}

.navigation_wrap {
  flex-grow: 1;
  margin-top: 15px;
}
.nav_wrap {
  margin-right: 20px;
}
.nav_wrap {
  margin-right: 15px;
}
.nav_wrap .nav {
  justify-content: flex-end;
}
.nav_wrap li a {
  padding: 3px 15px;
  margin: 10px 0;
}
.nav_wrap li:not(.cross_btn) > button:not(.dropdown-menus) {
  padding: 3px 15px;
}
.nav_wrap li button.dropdown-menus {
  padding: 3px 15px;
  margin: 10px 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate; /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

/******header**end****/
.user_icon {
  width: 17px;
}
.confirm {
  margin: 16px 0 0;
}
.btn_wrap .button.no_flex {
  display: inline-block;
  padding: 10px 20px;
}
.btn_wrap .button.no_flex:disabled {
  opacity: 0.8;
}
.btn_wrap .button {
  background-color: #ef5927;
  border: none;
  padding: 10px 20px 5px;
  color: #fff;
  font-weight: 300;
  display: flex;
  align-items: center;
  border: solid 1px transparent;
  font-weight: 300;
  transition: 0.5s;
}
.hero_section .btn_wrap .button:hover {
  color: #fff;
}
.btn_wrap .button:hover {
  color: #1d1d1d;
  background-color: transparent;
  border-color: #ef5927;
}
.btn_wrap.btn_marcar_listado {
  margin-bottom: -15px;
}
@media (max-width: 767px) {
  .btn_wrap.btn_marcar_listado {
    margin-bottom: 10px;
  }
}

.hero_section {
  background-color: #033b77;
  color: #fff;
  padding: 30px 0 50px;
}
.limpair_filter {
  text-align: right;
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: 300;
}
.limpair_filter a {
  color: #fff;
}
.limpair_filter a:hover {
  color: #ef5927;
}
.hero_section .heading span {
  width: 100%;
  font-weight: 300;
  display: inline-block;
}
.hero_section .btn_wrap .button .down_arrow {
  margin-left: 20px;
  transition: 0.5s;
}
.leer_mas_data.show-more-height + .btn_wrap .button .down_arrow {
  transform: rotate(180deg);
}
.hero_section .btn_wrap .button {
  width: 250px;
  justify-content: center;
  max-width: 100%;
}
.filter_btn.btn_wrap .button:hover {
  color: #fff;
}
.filter_main_wrap {
  display: flex;
  align-items: flex-start;
  margin: 10px 0 0;
  position: relative;
}
.filter {
  background-color: #033b77;
  color: #fff;
}
.provincias.expanded {
  padding-left: 20px;
}
.provincias .checkbox {
  margin: 0 0 1px;
  position: relative;
  padding-left: 15px;
}
.check-comunidad-autonoma {
  position: absolute;
  top: 2px;
}
.checkbox {
  position: relative;
}
.checkbox .label-comunidad-autonoma {
  padding-left: 20px;
}

.check-categoria {
  position: absolute;
  top: 2px;
}

.checkbox .label-categoria {
  padding-left: 20px;
  white-space: nowrap; /* Evita que el contenido se rompa y pase a la siguiente línea. */
}

.check-calidad {
  position: absolute;
  top: 2px;
}

.checkbox .label-calidad {
  padding-left: 20px;
  white-space: nowrap; /* Evita que el contenido se rompa y pase a la siguiente línea. */
}

.check-extras {
  position: absolute;
  top: 2px;
}

.checkbox .label-extras {
  padding-left: 20px;
  white-space: nowrap; /* Evita que el contenido se rompa y pase a la siguiente línea. */
}

.provincias .checkbox .check-provincia {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.provincias .checkbox .check-provincia-modal {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.close_icon {
  width: 10px;
  margin-left: 5px;
  cursor: pointer;
}

.alerta_javascript {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid #1d1d1d;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 10000;
    max-width: 80%;
    text-align: center;
}

.alerta_javascript button {
    margin-top: 20px;
    padding: 5px 15px;
}


.filer_box {
  display: flex;
  padding-right: 40px;
  flex-grow: 1;
  flex-wrap: wrap;
}
.select_filter_data {
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
  border-radius: 5px;
  width: 100%;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: 300;
}
.select_filter_data .title {
  margin: 0;
}
.select_filter_data ul button {
  color: #fff;
  background-color: transparent;
  border: none;
  font-weight: 300;
}

.select_filter_data_categorias ul {
    max-height: calc(2em * 10); /* 2em es un valor aproximado para la altura de un elemento li, ajusta según tu diseño */
    overflow: hidden;
    position: relative;
    white-space: nowrap; /* Evita que el contenido se rompa y pase a la siguiente línea. */
}

.select_filter_data_extras ul {
    max-height: calc(2em * 10); /* 2em es un valor aproximado para la altura de un elemento li, ajusta según tu diseño */
    overflow: hidden;
    position: relative;
    white-space: nowrap; /* Evita que el contenido se rompa y pase a la siguiente línea. */
}

.more-categories {
    cursor: pointer;
    display: inline-block;
    border-radius: 3px;
    color: black; /* Aquí se establece el color del texto */
    font-size: 16px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #d1d1d1; /* Color gris claro */
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    color: black; /* Color del texto */
    position: relative;
}
.modal-content-custom {
  padding: 0;
  background-color: white;
}
.close {
    color: black;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 40px;
}

.close:hover, .close:focus {
    color: #aaa;
    text-decoration: none;
    cursor: pointer;
}

#moreCategoriesModal .modal-categorias-titulo {
    font-weight: 700;
    font-size: 1.33em;
    margin-bottom: 10px;
}

.categoria-item {       /* Esto para las imagenes de categorias del pie */
    display: flex;
    align-items: center; /* Esto centrará verticalmente el texto con respecto a la imagen */
}

.categoria-img {        /* Esto para las imagenes de categorias del pie */
    width: 30px;
    height: 30px;
    margin-right: 5px; /* Espacio entre la imagen y el texto */
}

.search_icon {
  width: 18px;
}
.filer_box .down_arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: 0.5s;
}
.filer_box.filter_show_dropdown .down_arrow {
  transform: rotate(180deg) translateY(28%);
}
.filter_title:after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: #fff;
  opacity: 1;
  z-index: 0;
  content: " ";
  margin-top: -1px;
}
.filter_title {
  position: relative;
}
.filter_wrap {
  padding: 20px 0 40px;
}
.filter_title span {
  background-color: #033b77;
  z-index: 4;
  position: relative;
  padding-right: 15px;
}
.filter_btn.btn_wrap .button {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 7px;
}
.filer_box .filer_text {
  width: 100%;
  background-color: #16569d;
  border-color: #16569d;
  color: #fff;
  font-weight: 300;
  padding: 10px 65px 5px 5px;
  cursor: pointer;
  -webkit-appearance: none;
  position: relative;
}
.filter_drodown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #efefef;
  padding: 1rem;
  transition: top 0.5s;
  display: none;
  z-index: 2;
}
.filter_drodown_ul.caidad,
.filter_drodown_ul.extrs {
  justify-content: center;
}
.filter_drodown_ul.caidad li,
.filter_drodown_ul.extrs li {
  justify-content: center;

  flex: 20% 0 0;
}
.filter_show_dropdown .filter_drodown {
  display: block;
  top: 110%;
  box-shadow: 0 3px 4px -1px #0000004d;

}
.filter_drodown_ul {
  color: #d1d1d1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-height: 350px;
  overflow-y: auto;
}
.filter_drodown_ul.comunidad-autonoma {
  max-height: 340px;
}
.modificar_zona .modal-dialog {
  max-width: 1200px;
}
.comunidad-autonoma label {
  color: #1d1d1d;
  padding-left: 5px;
  font-size: 12px;
}

.filter_drodown_ul label,
.filter_drodown_ul li {
  color: #1d1d1d;
  font-size: 15px;
  padding-left: 5px;
}
.filter_drodown_ul .checkbox label:hover,
.category li:hover,
.caiadad li:hover,
.extrs li:hover {
  color: #ef5927;
  cursor: pointer;
}
.search_inner .input_wrap {
  flex: 1;
  margin: 0 15px;
  position: relative;
}
.input_wrap input {
  width: 100%;
  background-color: transparent;
  border-width: 0 0 1px;
  border-color: #fff;
  border-style: solid;
  color: #fff;
}
.search_inner {
  max-width: 70%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.search_box {
  background-color: #033b77;
  padding: 30px 0;
  position: relative;
}
.search_box .container {
  position: relative;
}
.search_result {
  position: absolute;
  z-index: 1;
  background-color: #e0e0e0;
  padding: 30px;
  top: 140%;
  width: 100%;
}
.search_result p:last-child {
  margin: 0;
}
.search_box {
  display: none;
}
.cerrar_buscador {
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cerrar_buscador button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: #fff;
}
.cerrar_buscador button:hover {
  color: #ef5927;
}
.filter_drodown_ul input {
  cursor: pointer;
}
.hero_section .heading {
  font-weight: 700;
}
.leer_mas_data {
  height: 99px;
  overflow: hidden;
  transition: height 2s;
}
.leer_mas_data.show-more-height {
  height: auto;
  overflow: visible;
}
.leer_mas_data a {
  color: #0dcaf0;
}
.leer_mas_data a:hover {
  color: white;
}
.leer_mas_data.bg-white a:hover {
  color: #1d1d1d;
}
.container-formatea-enlaces a {
  color: #ef5927;
}
.container-formatea-enlaces a:hover {
  color: #1d1d1d;
}
.destacadas_bases p {
  width: 75%;
}
.destacadas_bases .btn_wrap {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.destacadas_bases .btn_wrap .button:first-child {
  margin-right: 15px;
}
.four_box .box_wrap .heading-2 {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.check_icon_circle {
  width: 30px;
  margin: -4px 10px 0 0px;
}
/****product********/
.product_order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.muestra_wrap {
  width: 30px;
  height: 30px;
  background-color: #ef5927;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  vertical-align: middle;
  border: solid 1px transparent;
  line-height: 25px;
}
.muestra_wrap:hover {
  border-color: #ef5927;
  background-color: transparent;
}
.muestra_wrap:hover img {
  filter: invert(1);
}
.product_box {
  border-radius: 5px;
  box-shadow: 0 0 1px #000;
  overflow: hidden;
  height: 100%;
  transition: 0.5s;
}
	
.product_box:hover {
  box-shadow: 0 0 10px -2px rgb(0 0 0 / 30%);
  transform: scale(1.04);
}
.product_wrap .col-sm-12 {
  margin-bottom: 50px;
}
.product_descrption_2 {
  font-weight: 400;
}
.title_change_product.product_data_wrap .product_descrption_2,
.title_change_product .conteos .minus_icon_button {
  display: inline-block;
}
.product_data_wrap.title_change_product .conteos .plus_icon_button,
.title_change_product.product_data_wrap .product_descrption {
  display: none;
}
.conteos {
  margin-bottom: 10px;
  cursor: pointer;
}
.conteos img {
  width: 20px;
}
.plus_icon_button,
.minus_icon_button {
  background-color: #ef5927;
  border: 1px solid transparent;
  width: 31px;
  height: 30px;
  border-radius: 30px;
  margin-left: 10px;
}
.plus_icon_button:hover,
.minus_icon_button:hover {
  background-color: transparent;
  border: 1px solid #ef5927;
}
.plus_icon_button:hover img,
.minus_icon_button:hover img {
  filter: invert(1);
}

.minus_icon_button {
}
.product_title .heading-2 {
  font-size: 17px;
}
.product_order p img {
  width: 17px;
}
.product_header .product_cart img {
  width: 50px;
}
.product_header .plus_product img {
  width: 20px !important;
}
.product_data {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.product_data .product_image {
  width: 35%;
  box-shadow: 0 0 1px #000;
  margin-right: 5%;
}
.product_descrption,
.product_descrption_2 {
  width: 60%;
}
.product_data .product_image {
  width: 40%;
  box-shadow: 0 0 1px #000;
  margin-right: 5%;
}
.product_data .product_image img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  object-position: center;
}
.product_descrption .sub_title {
  font-size: 13px;
}
.product_descrption .sub_title {
  font-size: 13px;
}
.product_descrption p {
  font-weight: 700;
}
.plus_product {
  position: absolute;
  right: 0;
  bottom: 0;
}
.product_cart {
  border: none;
  background-color: transparent;
  text-align: right;
  position: relative;
}
.product_order p {
  margin: 0;
}
.product_wrap {
  margin: 50px 0 80px;
}
.four_box {
  margin: 80px 0;
}
.conteos svg {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.conteos {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
}
.product_header {
  background-color: #819dbb;
  color: #fff;
  padding: 15px 15px 15px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 110px;
}
.product_title p {
  margin: 0;
}
.product_data_wrap {
  padding: 10px;
}
.product_price {
  display: flex;
  align-items: center;
}
.product_price .heading-2 {
  margin: 0 10px;
}
.product_cart {
  transition: 0.5s;
}
.product_cart:hover {
  transform: scale(1.1);
}
.product_order a:hover {
  color: #ef5927;
}
/****footer*******/
.footer_box li a:hover {
  color: #ef5927;
}
.footer {
  background-color: #efefef;
  padding: 60px 0 0px;
}
.footer .footer_titulo {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 20px;
}
.footer .des {
  padding-right: 50px;
}
.footer .contact_title {
  margin: 30px 0;
}
.footer_box ul li {
  margin: 0 0 10px;
}
.footer_box ul li.footer_logo {
  margin-top: 30px;
}
.payment_method ul li {
  margin-left: 10px;
}
.copy_right .row {
  align-items: center;
}
.payment_method ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.copy_right {
  background-color: #033b77;
  color: #fff;
  padding: 20px 0;
  margin-top: 30px;
}
.copyright_text {
  margin: 0;
  font-weight: 300;
}

/***review******/
.review_innerr .heading-2 {
  text-transform: uppercase;
}
.review_raing {
  text-align: center;
}
.review_raing a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 0;
}
.review_raing h2 {
  margin: 0;
}
.review_raing ul {
  display: flex;
  align-items: center;
  margin: 0 5px;
}
.review_raing ul li {
  margin: 0 5px;
}
.review_section {
  margin: 0 0 110px;
}
/*******personalizadas*******/
.bread_crump {
  margin: 5px 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list_breadcrump {
  display: flex;
  align-items: center;
  font-weight: 300;
  align-items: center;
}
.list_breadcrump li {
  margin-right: 10px;
}
/*********category********/
.hero_section .btn_wrap {
  margin-top: 20px;
}

.category_hero.hero_section .heading span {
  width: auto;
}
.category_hero .hero_section .heading {
  display: flex;
}
/*****category**box*****/
.category_product {
  margin: 80px 0 30px;
}
.category_product p {
  font-size: 13px;
  font-weight: 400;
}
.category_product .sub_title {
  font-size: 17px;
}
.category_product .btn_wrap {
  display: flex;
  justify-content: center;
  margin: 50px 0 0;
}
.pagina-banner {
  margin: 40px 0 0;
}
.list_breadcrump a:hover,
.footer_box a:hover {
  color: #ef5927;
}
.category_product .heading-2 a:hover{
  color: #1d1d1d;
}
.category_product .heading-2 a {
  color: #fff;
}
/*****tinda* resultados******/
.show_table_down_box .table_head .th:nth-child(n + 4) {
  text-align: center;
  justify-content: center;
}
.show_table_down_box .table_body .pluse_icon {
  width: 20px;
}
.table .th {
  background-color: #b0cded;
  padding: 10px 10px 8px;
  line-height: normal;
  font-weight: 700;
  text-align: center;
}
.table .table_body div {
  padding: 10px 10px 8px;
  flex: 1;
}
.table ul {
  display: flex;
  flex-wrap: wrap;
}
.table ul li {
  flex: 1;
  text-align: center;
}
.table .table_body .second_td {
  color: #ef5927;
  flex: 250px 0 0;
  text-align: left;
}
.table .table_body .second_td a {
  color: #ef5927;
}
.table .table_body .second_td a:hover {
  color: #1d1d1d;
}
.table .table_body li {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #f0f0f0;
  display: flex;
  display: flex;
  flex-direction: column;
}
.table .th:first-child {
  flex: 130px 0 0;
  text-align: left;
}
.table .table_body div:last-child {
  flex: 50px 0 0;
  text-align: center;
}
.table .th:nth-child(2) {
  flex: 250px 0 0;
}
.table_body {
  flex-direction: column;
}
.table .th:last-child {
  flex: 50px 0 0;
}
.table .second_td {
  text-align: left;
  width: 300px;
}
.table_total .btn_wrap {
  display: flex;
  justify-content: flex-end;
}
.table_total {
  text-align: right;
}
.table .table_body .first_td {
  text-align: left;
  flex: 130px 0 0;
}
.table {
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  border-collapse: collapse;
}
.show_table_down_box .table_body li .second_td {
  color: #1d1d1d;
  flex: inherit;
  width: inherit;
}
.show_table_down_box .table_body li {
  flex: inherit;
  border-color: transparent;
  flex-direction: row;
}
.show_table_down_box .table_head .th {
  border-bottom: 1px solid #dedede;
}
.show_table_down_box .table_head .th:nth-child(3),
.show_table_down_box .table_body div:nth-child(3) {
  min-width: 300px;
  text-align: left;
}
.show_table_down_box .table_head .th:nth-child(2) {
  text-align: left;
}
.show_table_down_box .table_head .th:nth-child(1) {
  align-self: flex-start;
  width: 13px;
}
.show_table_down_box .table_head .th:nth-child(1) input {
  width: 13px;
}
.show_table_down_box,
.show_table_down_box .table_body,
.show_table_down_box .table_head,
.show_table_down_box .table_head .th {
  background-color: #efefef;
  border-color: transparent;
}
.table .table_body .show_table_down_box {
  padding-left: 100px;
  background: #efefef;
}
.row_two_table .thrid_table table {
  min-width: 740px;
  margin-left: 40px;
}
.simple_table table th,
.simple_table table td {
  font-size: 17px;
  text-align: left;
}
.carrito .simple_table table th, .carrito .simple_table table td {
  font-size: 15px;
}
.thrid_table table {
  text-align: left;
}
.show_table_down_box .table_body .row_two_table {
  flex-direction: column;
}
.show_table_down_box .table_head .th:first-child,
.show_table_down_box .table_body .first_td {
  flex: 40px 0 0;
  min-width: 40px;
}
.show_table_down_box,
.show_table_down_box .table_body,
.show_table_down_box .table_head {
  padding: 0;
}
.show_table_down_box .table_body div,
.show_table_down_box .table_head .th {
  flex: inherit;
  min-width: 130px;
}
/*****thrid table******/
table td,
table th {
  padding: 10px;
  font-size: 15px;
}
.thrid_table table {
  background-color: #e2e2e2;
}
.table_row {
  display: flex;
}
.table .table_body .table_row {
  padding: 0;
}
/*****category*********/
.conteos_plus,
.desglose_plus {
  margin: 0;
  text-align: center;
}
.transperent_plus_minus .minus_icon,
.active.transperent_plus_minus .pluse_icon,
.conteos_plus .minus_icon,
.desglose_plus .minus_icon,
.active.conteos_plus .pluse_icon,
.active.desglose_plus .pluse_icon {
  /* display: none; */
}
.active.conteos_plus .minus_icon,
.active.desglose_plus .minus_icon,
.active.transperent_plus_minus .minus_icon {
  display: inline-block;
}
.sub_table_link {
  font-weight: 400;
  color: #ef5927;
}
.sub_table_link:hover {
  color: #1d1d1d;
}
.transperent_plus_minus,
.desglose_table a {
  width: 30px;
  cursor: pointer;
  height: 30px;
  border-radius: 30px;
  border: 1px solid transparent;
  padding: 2px;
  background-color: transparent;
}

.desglose_table a {
  display: inline-block;
  margin: -5px 0 0;
}
.transperent_plus_minus:hover,
.desglose_table a:hover {
  border-color: #ef5927;
}
.desglose_table a.no_border {
  width: auto;
  border: 0px;
}
.desglose_table a.no_border:hover {
  border-color: unset!important;
  border: 0px;
}
.transperent_plus_minus:hover img,
.desglose_table a:hover img {
  filter: brightness(0%);
}
.table_body .muestra_wrap img {
  width: 20px;
}
.tooltip_main p {
  position: absolute;
  right: 0;
  width: 420px;
  background-color: #eee;
  padding: 14px 10px;
  font-size: 17px;
  font-weight: 400;
  top: 20px;
  display: none;
}
.tooltip_main .tooltip_icon {
  width: 16px;
  display: inline-block;
  height: 16px;
  background-color: #ef5927;
  padding: 2px;
  border-radius: 46px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.table .tooltip_main {
  padding: 0 !important;
  position: relative;
  background-color: transparent;
  z-index: 0;
}
.table .tooltip_main:hover {
  z-index: 1;
}
.table .tooltip_main:hover p {
  display: block;
  border: solid 1px black;
  z-index: 2;
}

.table .tooltip_prices p {
  width: 320px!important;
  font-size: 14px!important;
}
.show_table_down_box.simple_table.conteos_table {
  /* display: none; */
}
.show_table_down_box.desglose_table {
  /* display: none; */
}
.thrid_table.conteos_sub_table {
  /* display: none; */
}
.table_top_header {
  background-color: #819dbb;
  padding: 20px;
  border-radius: 5px 5px 0 0;
}
.table_top_header ul {
  display: flex;
}
.table_top_header ul li {
  margin-right: 10px;
}
.table_top_header ul li a:hover {
  background-color: transparent;
  border-color: #ef5927;
}
.cesta_compar .first_td img {
  width: 100%;
}
.cesta_compar .table_body .first_td,
.cesta_compar .th:first-child {
  flex: 80px 0 0;
}
.table_category.cesta_compar {
  font-size: 14px;
}
.cesta_compar .table .localización_edit {
  flex: 260px 0 0;
}
.cesta_compar .table .localización_text {
  text-align: left;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.table_category.cesta_compar .table_row {
  align-items: center;
}
.table_category.cesta_compar .orange_table_title p {
  color: #1d1d1d;
}
.cesta_compar .table .localización_text .plus_icon_button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cesta_compar .table .localización_text .plus_icon_button img {
  width: 20px;
}
.localización_text {
  text-align: left;
}
.cesta_compar .th:nth-child(2),
.cesta_compar .table .table_body .second_td {
  text-align: left;
  flex: 200px 0 0;
}

.table_top_header ul li a {
  background-color: #ef5927;
  border: none;
  padding: 10px 15px 5px;
  color: #fff;
  font-weight: 300;
  display: flex;
  cursor: pointer;
  align-items: center;
  border: solid 1px transparent;
  font-weight: 300;
  transition: 0.5s;
}
.cesta_compar .table {
  border-top-color: #b0cded;
  border-radius: 0 0 5px 5px;
}

.compair_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 100px;
}
.table_footer {
  width: 450px;
  display: inline-block;
  text-align: left;
  max-width: 100%;
}
.table_footer p {
  margin: 30px 0 2px;
}
.validar {
  display: flex;
  margin: 0 0 20px;
}
.validar input {
  flex: 1;
  background-color: #efefef;
  border: 1px solid #efefef;
  margin-right: 10px;
}
.table_footer ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
.table_footer ul .total {
  font-size: 20px;
  margin: 20px 0 0;
}
.art_individal .table_top_header h3 {
  color: #fff;
  font-size: 24px;
  margin: 0;
}
.art_individal .table_top_header h3 span {
  color: #fff;
  background-color: transparent;
  font-size: 14px;
  padding: 0;
}
.art_individal .table .incluído {
  font-size: 10px;
  margin: 0;
  background-color: transparent;
  padding: 0;
}
.art_individal .table .th:first-child,
.art_individal .table .table_body .first_td {
  flex: 40px 0 0;
  text-align: left;
}
.art_individal .table .th:last-child,
.art_individal .table .table_body div:last-child,
.art_individal .table .th:nth-child(2) {
  flex: 1;
}

.localización_edit.localización_text button:hover {
  border: 1px solid #ef5927;
  background-color: transparent;
  padding: 3px;
}
.table_category.cesta_compar .table_top_header ul li a:hover {
  background-color: #fff;
  color: #1d1d1d;
  border-color: #fff;
}
.art-individal_inner {
  max-width: 400px;
  text-align: left;
  display: inline-block;
}
.art-individal_inner .heading-2 {
  font-size: 35px;
  font-weight: 600;
  margin-left: 0;
}
.art-individal_inner .product_cart img {
  width: 70px;
}
.single_product .product_img img {
  width: 100%;
}
.single_product .product_img {
  border: 1px solid #f7f7f7;
}
.product_tab button {
  background-color: #efefef;
  color: #1d1d1d;
}
.product_tab .nav-tabs button.active {
  background-color: #ddd;
}
.product_tab button:hover {
  color: #ef5927;
}
.product_tab .tab-content {
  border-width: 0 1px 1px;
  border-color: #f7f7f7;
  border-style: solid;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  margin-bottom: 15px;
}
.product_tab ul#myTab {
  border-color: #f7f7f7;
}
.product_header_wrap .title_wrap p {
  font-size: 24px;
}
.product_header_wrap .title_wrap p a {
  font-size: 16px;
}
.product_header_wrap {
  display: flex;
  justify-content: space-between;
}
.single_pro_header .extra_price .price {
  font-size: 35px;
  font-weight: 600;
}
.single_product {
  margin: 0 0 40px;
}
.overlay {
  position: fixed;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: none;
}
.localizacio span {
  display: flex;
  align-items: center;
}
.localizacio span .tooltip_icon {
  width: auto;
  background-color: transparent;
  color: #ef5927;
  padding: 0;
  margin-left: 2px;
  position: relative;
}
.localizacio span .tooltip_icon p {
  font-size: 14px;
  color: #1d1d1d;
  right: inherit;
  left: 0;
}
.descargar {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.descargar img {
  width: 20px;
}
.descargar div {
  margin-right: 10px;
}
.localizacio span .tooltip_icon:hover p {
  display: block;
}
.art_individal .table .th:nth-child(2),
.art_individal .table .table_body .table_row div:nth-child(2) {
  text-align: left;
}
.product_tab .tab-content .descargar_link:hover {
  color: #ef5927;
}
.descargar_link {
  display: flex;
  align-items: center;
}
.descargar_text {
  margin: 2px 0 0 10px;
  display: inline-block;
  line-height: 1;
}
.art-individal .text-left {
  margin: 30px 0 20px;
}
.tinda_bottom_table {
  margin-bottom: 80px;
 
}

.tiends_werap .phone_img {
  max-width:80px;
  margin-right: 10px;
}
.form_wrap .form-group {
  margin-bottom: 15px;
}
.form_wrap label {
  font-weight: 500;
}
.tiends_werap {
  display: inline-flex;
  align-items: flex-start;
  margin-bottom:20px;
}
.modal-header {
  background-color: #819dbb;
  text-align: center;
  justify-content: center;
  border-color: #eee;
}
.modal-footer .btn_wrap .button {
  border-radius: 0;
  line-height: 1;
  padding: 12px 15px;
  height: 40px;
}
.modal-footer {
  justify-content: center;
}
.form-check .form-check-input {
  margin-top: 0px;
}
.tell_btn {
  background-color: transparent;
  border: none;
  color: #fff;
}

.tell_btn:hover {
    color: #ef5927;
}

.registro_wrap {
  margin: 80px 0;
}
.registro_form {
  border: 1px solid #dee2e6;
  border-radius: 5px;
}
.registro_form .modal-header {
  padding: 15px;
  border-bottom: 1px solid #dee2e6;
}
.registro_form .form_wrap {
	padding: 50px;
	background: #b0cded;
}
.registro_form .form_wrap form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.registro_form .form_wrap form .col-sm-12 {
  padding: 0 10px;
}
.form-check a {
  text-decoration: underline;
}
.form-check a:hover{
  color: #ef5927;
}
.modificar_zona .modal-body {
  padding-right: 0;
}
.registro_form select {
  appearance: auto;
  height: 38px;
}
.modificar_zona .filter_drodown_ul input {
  width: 12px;
}
.modificar_zona .filter_drodown_ul label, .modificar_zona .filter_drodown_ul li {
  font-size: 14px;
}
.registro_form .modal-footer {
  margin-top: 20px;
}
.cross_btn_filter {
  position: absolute;
	right: 0;
	top: 0px;
	background-color: #efefef;
	border: 1px solid #000;
	color: #000;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.cross_btn_filter:hover{
  position: absolute;
  right: 0;
  top: 0px;
  background-color: #ef5927;
  border: 1px solid #ef5927;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
@media (max-width: 1200px) {
  .container {
    max-width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 1024px) {
  .registro_form .form_wrap {
    padding: 15px;
}
.registro_form .form_wrap form .col-sm-12 {
  padding: 0 5px;
}
.registro_form .form_wrap form {
  margin: 0 0px;
 
}

  .table_top_header {
    min-width: 1120px;
  }
  .heading-2 {
    font-size: 22px;
  }
  .product_header_wrap .title_wrap p {
    font-size: 20px;
  }
  .single_pro_header .extra_price .price {
    font-size: 30px;
    font-weight: 600;
  }
  .navigation_wrap.show_sidebar {
    right: 0;
  }
  .navigation_wrap.show_sidebar .nav_wrap {
    right: 0;
  }
  .cross_btn {
    display: block;
    cursor: pointer;
  }
  .toggle_mobile {
    display: block;
    margin-right: 15px;
    cursor: pointer;
  }
  .cart_search_wrap {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
  .logo img {
    width: 210px;
  }
  .search_icon {
    width: 14px;
  }
  .search_btn {
    width: 30px;
    height: 30px;
  }
  .header_bottom {
    justify-content: space-between;
  }
  .cart_show img {
    width: 40px;
  }
  .cart_data .cart_title {
    margin: 0;
    font-size: 16px;
  }
  .cart_show {
    margin-left: 15px;
  }
  .navigation_wrap {
    flex-grow: 1;
    margin-top: 15px;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
  }
  .navigation_wrap.show_sidebar .overlay {
    display: block;
  }
  .nav_wrap {
    margin-right: 0;
    width: 300px;
    top: 0;
    position: fixed;
    right: -100%;
    background-color: #fff;
    height: 100%;
    color: #1d1d1d;
    padding: 40px 0 20px;

    transition: right 0.5s;
    height: calc(100vh - 0px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .nav_wrap .nav > li {
    padding-bottom: 5px;
    width: 100%;
  }
  .nav_wrap .nav > li .down_arrow {
    filter: invert(1);
  }
  .nav_wrap li a,
  .nav_wrap li button,
  .header .nav_wrap li:not(.cross_btn) > button:not(.dropdown-menus) {
    color: #1d1d1d;
  }
  .header .nav_wrap li:not(.cross_btn) > button:not(.dropdown-menus) {
    display: block;
    width: 100%;
  }
  .nav_wrap .nav > li:after {
    bottom: inherit;
    top: 28px;
  }
  .dropdown-submenu {
    width: 100%;
    max-height: inherit;
  }
  .dropdown-submenu_wrap {
    position: static;

    top: inherit;
  }
  .filter_main_wrap {
    flex-wrap: wrap;
  }
  .filer_box {
    margin-bottom: 10px;
    width: 50%;
  }
  .destacadas_bases .btn_wrap {
    flex-wrap: wrap;
  }
  .destacadas_bases .btn_wrap .button:first-child {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .destacadas_bases .btn_wrap .button {
    width: 100%;
    text-align: center;
    display: block;
  }
  .art-individal_inner .product_cart img {
    width: 60px;
  }
  .art-individal_inner .heading-2 {
    font-size: 30px;
  }
  .list_breadcrump li {
    font-size: 16px;
  }
  .btn_wrap .button {
    padding: 10px 10px 5px;
  }
  .filer_box:nth-child(2) {
    padding-right: 0;
  }
  .filer_box:nth-child(5) {
    padding-right: 0;
  }
  .single_pro_header .extra_price {
    width: 170px;
    margin-left: 20px;
  }
  .toggle_mobile img {
    width: 20px;
    filter: invert(1);
  }

  .header .nav .cross_btn {
    text-align: right;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
    display: inline-block;
    width: auto;
    display: none;
  }
  .navigation_wrap.show_sidebar .nav .cross_btn {
    display: block;
  }
  .cross_btn button {
    background-color: transparent;
    border: none;
    padding: 10px;
  }
  .cross_btn img {
    width: 20px;
    filter: invert(1);
  }
  .footer_box ul li.footer_logo img {
    width: 100%;
  }
  li.childlink .child-link .grand-child-link {
    position: static;
    right: inherit;
    top: 0;
    height: 100%;
    width: inherit;
    border-left: none;
    padding-left: 45px;
  }
  .cerrar_buscador {
    right: 10px;
  }

  .heading {
    font-size: 40px;
  }
  .table_responsive {
    overflow-x: auto;
  }
  .table {
    min-width: 1120px;
  }
  .table_total {
    margin-top: 20px;
  }
  .filer_box.filter_show_dropdown:nth-child(3) .filter_drodown,
  .filer_box.filter_show_dropdown:nth-child(4) .filter_drodown {
    top: 57%;
    z-index: 1;
  }
  .filter_show_dropdown .filter_drodown {
    top: 20%;
    z-index: 1;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  .dropdown-submenu_wrap .dropdown-submenu li a {
    padding: 3px 15px;
  }
  .nav_wrap li a {
    padding: 3px 5px;
    margin: 10px 0;
    font-size: 15px;
  }
  .header .nav_wrap li:not(.cross_btn) > button:not(.dropdown-menus) {
    padding: 3px 5px;
    font-size: 15px;
  }
  .nav_wrap li button.dropdown-menus {
    padding: 3px 15px;
    font-size: 15px;
  }
  .nav_wrap .child-link button.dropdown-menus {
    padding: 3px 15px;
  }
}
@media (max-width: 767px) {
  .registro_wrap {
    margin: 0px 0 50px;
}
.registro_form .form_wrap form .col-sm-12 {
  width: 100%;
}
.registro_form {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  margin-top: 50px;
}
  .tiends_werap .phone_img {
    max-width: 60px;
  }
  .footer .footer_titulo,
  .footer .contact_title {
    margin: 30px 0 15px;
  }
  .filter_drodown_ul .col.left {
    flex: 100% 0 0;
  }

  .single_pro_header .extra_price {
    margin-left: 0px;
  }
  .nav_wrap .nav > li:after {
    top: 28px;
  }
  .category_product .btn_wrap {
    margin: 20px 0 0px;
  }
  .footer_box ul li.footer_logo img {
    width: 250px;
  }
  .search_inner {
    max-width: 100%;
  }
  .search_inner .input_wrap {
    margin: 0 10px;
  }
  .search_result {
    padding: 10px;
    max-height: 200px;
    overflow-y: auto;
  }
  .search_result p {
    margin: 0 0 10px;
    font-size: 12px;
  }
  .cerrar_buscador {
    right: 10px;
    top: -23px;
    transform: inherit;
  }
  .logo img {
    width: 140px;
  }
  .cart_search_wrap {
    margin-top: 10px;
  }
  .cart_search_wrap {
    margin-top: 10px;
  }
  .search_btn {
    width: 25px;
    height: 25px;
  }
  .search_icon {
    width: 12px;
  }
  .cart_show {
    margin-left: 10px;
  }
  .cart_show img {
    width: 30px;
  }
  .cart_data .cart_title {
    font-size: 15px;
  }
  .cart_data p {
    font-size: 10px;
  }
  .top_header .nav li:first-child {
    margin-right: 20px;
  }
  .top_header .nav li a {
    font-size: 12px;
  }

  .user_icon {
    width: 13px;
  }
  
  .menu_user {
    flex-wrap: wrap;
    font-size: 12px;
  }
  
  .menu_user a,
  .menu_user .menu_logout {
    white-space: nowrap;
  }
  
  .header_bottom {
    margin-top: 5px;
  }
  .filter_btn.btn_wrap .button {
    width: 100%;
  }
  .btn_wrap.filter_btn {
    width: 100%;
  }
  .filer_box {
    padding-right: 10px;
    width: 50%;
  }
  /* .filer_box:nth-child(2n) {
    padding-right: 0px;
  } */

  .filer_box select {
    padding: 10px 30px 5px 5px;
  }
  .heading {
    font-size: 30px;
  }
  body {
    font-size: 15px;
  }
  .hero_section .btn_wrap .button {
    width: 100%;
    max-width: 100%;
  }

  .heading-2 {
    font-size: 20px;
  }
  .check_icon_circle {
    width: 25px;
  }
  .four_box .box_wrap {
    margin-bottom: 30px;
  }
  .destacadas_bases p {
    width: 100%;
  }
  .product_header .product_cart img {
    width: 50px;
  }
  .product_wrap {
    margin: 50px 0 50px;
  }
  .hero_section {
    padding: 0px 0 50px;
  }
  .copyright_text {
    text-align: center;
  }
  .payment_method ul {
    justify-content: center;
    margin: 10px 0 0px;
  }
  .top_header .nav {
    justify-content: center;
  }
  .filer_box .down_arrow {
    right: 10px;
  }

  .fullimage {
    width: 100%;
  }

  .product_header_wrap {
    flex-wrap: wrap;
  }
  .single_pro_header .extra_price .price {
    font-size: 25px;
  }
  .extra_price h5 {
    font-size: 16px;
  }
  .single_pro_header .extra_price p {
    font-size: 12px;
  }
  .list_breadcrump li {
    font-size: 14px;
  }
  .bread_crump {
    margin: 5px 0 30px;
    flex-wrap: wrap;
  }

  .btn_wrap .button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  h4,
  h5 {
    font-size: 17px;
  }
  .product_wrap .col-sm-12 {
    margin-bottom: 10px;
  }
  .bread_crump_list {
    overflow-x: auto;
    margin: 5px 0 15px;
  }
  .bread_crump .btn_wrap {
    width: 100%;
  }
  .search_box {
    z-index: 5;
  }
  .single_product .product_img {
    border: 1px solid #f7f7f7;
    margin: 0 0 20px;
  }
  .product_title .heading-2 {
    margin: 0;
  }
  .product_header {
    min-height: auto;
  }
  .pagina-banner {
    margin: 0px 0 0;
  }
  .pagina-left {
    margin: 10px 0 30px;
  }
  .tinda_bottom_table {
    margin-bottom: 50px;
  }
  .compair_btn {
    margin: 30px 0 50px;
  }
  .toggle_mobile {
    margin-right: 10px;
  }
}

/* PAGINAS ESTÁTICAS */

.separador {		/* espacio entre la cabecera azul y el título siguiente */
	height: 50px; 
}

/* Estilo para los enlaces de la clase "enlace-normal" en estado normal */
.enlace_normal {
    text-decoration: none; /* Elimina el subrayado, es opcional */
    color: #EF5927; /* Establece el color inicial, por ejemplo, un azul */
    transition: color 0.3s ease; /* Añade una transición suave al cambiar el color */
	cursor: pointer; /* Esto asegura que el cursor sea una mano al pasar por encima */
}

/* Estilo para los enlaces de la clase "enlace-especial" cuando se pasa el ratón sobre ellos (hover) */
.enlace_normal:hover {
    color: #000000; /* Establece un nuevo color, por ejemplo, un naranja */
	text-decoration: underline;  /* Subraya el texto al hacer hover */
	cursor: pointer; /* Esto asegura que el cursor sea una mano al pasar por encima */
}
.img_separada {
    margin-bottom: 50px;  /* Ajusta el valor según la cantidad de espacio que desees */
}

.margen-contenido {			/* Margen que hay antes del contenido real de cada página y cuando se termina */
    margin-top: 40px;
    margin-bottom: 40px;
}



/* FORMULARIO DE CONTACTO */
#idComentarios {
    height: 150px; /* Ajusta este valor según el alto que desees */
}

.formulario {
    max-width: 600px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
    border: 2px solid #EF5927; /* Borde naranja */
    background-color: #FFFAF0; /* Fondo naranja clarito */
	border-radius: 8px; /* Ajusta este valor según cuánto desees redondear los bordes */
	margin-bottom: 100px;
}

/* Franja naranja al comienzo del formulario */
.franja_naranja {
    height: 40px; /* Ajusta según lo que necesites */
    background-color: #EF5927;
    color: #FFF; /* Color de texto blanco */
    display: flex;
    align-items: center; /* Centra verticalmente el texto */
    justify-content: center; /* Centra horizontalmente el texto */
    font-weight: bold; /* Hace que el texto sea en negritas */
}

form {
    padding: 20px;
}

label {
    display: block;
    margin-bottom: 15px;
}


#idNombre, #idApellidos, #idTelefono, #idEmail {
    width: 275px;  /* Ajusta este valor según el ancho que desees */
    /* ... otros estilos que quieras añadir o modificar ... */
}


.label-label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.inputTexto, textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #fff; /* Casillas de formulario en blanco */
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
}

.inputTexto:focus, textarea:focus {
    border-color: #007BFF;
}

.ayuda {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    display: block;
}

.error_message_formularios {
    font-size: 12px;
    color: red;
    margin-top: 5px;
    display: block;
}

.lista-label-2 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
	width: 48%;
}

.g-recaptcha {
    margin: 0 auto;
}

.boton {
    background-color: #EF5927;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.5s;
}

.boton:hover {
    background-color: #033b77;
}

.centrado {
    text-align: center;
}

/* Estilos jaime */
.texto_justificado{
  text-align: justify;
}

.h3-normalizado {
  font-size: 1.45rem;
}

/* Estilos nuevos inicio */
.table_head input[type=checkbox], .table_body input[type=checkbox] {
  transform: scale(1.4);
}
/* Ocultar contenido de Alpine JS antes de cargar*/
[x-cloak] { display: none !important; }


/* Estilos para tablas de conteos */

.container_conteos {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 0;
  padding: 0!important;
}

.container_conteos .container_conteos_row {
  display: contents;
}
.container_conteos_row :first-child {
  text-align: right!important;
  min-width: 0!important;
  padding: 0!important;
}
.container_conteos_row :last-child {
  text-align: left!important;
  padding: 0!important;
  padding-left: 5px!important;
}

/* Estilos para htmx */
.loading-indicator {
  display: none;
}
.htmx-request .loading-indicator {
  display: flex;
  justify-content: center;
}
.htmx-request.loading-indicator{
  display: flex;
  justify-content: center;
}


/* Modal */
.modal-responsive-height {
  max-height: 50vh; /* 50% of the viewport height, adjust as needed */
  overflow-y: auto;  /* Enables vertical scrolling */
}

/* Estilo para el botón flotante */
.boton-flotante {
    position: fixed;
    /* right: 20px; */
    /* calc(var(--bs-gutter-x)* .5) */
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ef5927;
    color: white;
    padding: 15px;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
/* @media screen and (min-width: 1250px) {
  .boton-flotante {
    right: calc(((100vw - 1140px) / 4) - 25px)
  }
} */
@media screen and (min-width: 1400px) {
  .boton-flotante {
    right: calc(((100vw - 1320px) / 4) - 25px)
  }
}


@media screen and (max-width)

.table_total .totales-label {
  font-size: 12px;
}

/* Filtros ayudas */
.filer_box:not(.filter_container_help) {
  margin-top: 21px;
}
.filter_main_wrap {
  margin-top: -21px;
}
.filter_main_wrap .btn_wrap {
  margin-top: 21px;
}
.filter_container_help .filter_content_help {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  text-align: center;
  padding-right: 10px;
}

@media (max-width: 1024px) {
  .filter_container_help {
    margin-top: 5px;
  }
}

/* Filtros ayudas fin */


/* MENU USER */
.menu_user {
  display: flex;
  align-items: center;
  gap: 8px;
}

.menu_user .menu_separator {
  color: inherit;
  user-select: none;
}

.menu_user a,
.menu_user .menu_logout {
  text-decoration: none;
  color: inherit;
}

.menu_user a:hover,
.menu_user .menu_logout:hover {
  color: #ef5927;
  cursor: pointer;
}

/* Carrito */
.custom_radio_input {
  border: 1px solid #000;
}
.detail_heading_2 {
  font-size: 1.5rem;
}

/* Estilos nuevos fin */


/* MODAL ZONAS NO WRAP TODAS ZONAS */
.todas-zonas {
  white-space: nowrap;
}

.search_result li {
  cursor: pointer;
}

/* CUSTOM LIST */
.custom-list li {
  list-style-type: disc;
  margin-left: 20px;
}

.custom-list {
  padding-left: 0;
}

.custom-list-no-dot {
  list-style-type: none;
}

/* Estilos links general */
.link-global, .blog-content a {
  color: #ef5927;
}
.link-global:hover {
  color: white;
}
/* Para cuando el fondo es blanco */
.link-global.back-white:hover, .blog-content a:hover {
  color: #1d1d1d;
}

/* Estilos para el blog */
.blog-container .page-link {
  color: #ef5927;
}
.blog-container .active .page-link {
  background-color: #ef5927;
  border-color: #ef5927;
  color: white;
}

/* Correcciones a muestra del contenido del blog */
.blog-content img {
  max-width: 100%;
  height: auto;
}
.blog-content table {
  max-width: 100%;
}

ul.modo-lista {
  list-style-type: disc;
  padding-left: 20px; /* Opcional: agrega espacio para alinear */
}

ul.modo-lista li {
  margin-bottom: 5px;
}

a.desactivar-enlace {
  pointer-events: none;
  cursor: default;
  filter: brightness(90%);
}

/* FIX para poder mostrar el texto del tooltip por problemas de overflow */
.filter_drodown_ul.extrs {
  overflow: visible;
}


@media screen and (max-width: 1024px) {
  .contenedor-botones {
    width: 100%;
    margin-bottom: 8px;
  }
}

/* Ajustes a botones de modal selección rápida */

@media screen and (max-width: 500px) {
  .contenedor-seleccion-rapida {
    flex-wrap: wrap!important;
  }
  .contenedor-seleccion-rapida button {
    margin: 0 0 5px 0!important;
  }
}

/* Estilos para el tooltip cuando es tipo botón */
button.tooltip_main {
  all: unset;         /* elimina TODOS los estilos por defecto */
  cursor: pointer;    /* mantiene el cursor de botón */
}

/* Estilos para datos de facturación en el carrito */
.billing-data {
  line-height: 1.2;
}