/* variables de estilos globales */
:root {
  --primary-color: #2C3E50;          /* Azul petróleo - Reemplaza al negro puro. Profundo pero cálido */
  --primary-color-light: #5D6D7E;    /* Gris azulado - Para navegación inactiva, iconos */
  --primary-color-lightest: #AEB6BF; /* Gris plata - Bordes suaves, texto deshabilitado */

  --secondary-color: #f79154;        /* Naranja original - Mantenido para CTAs principales */
  --secondary-color-light: #ffd202;  /* Amarillo original - Hover brillante, badges */
  --secondary-color-lightest: #F5F3F0; /* Crema/Hueso - Fondos de tarjetas, secciones alternas */

  /* Nuevos complementos sugeridos */
  --background-main: #FAFAFA;        /* Blanco roto casi puro - Fondo general (más suave que #fff) */
  --accent-teal: #1ABC9C;            /* Turquesa suave - Estados activos alternativos, éxito suave */
  --accent-rose: #E8D5C4;            /* Rosa pálido/Beige - Hover muy suave en elementos secundarios */
  --text-primary: #34495E;           /* Azul acero - Texto principal (menos duro que el negro) */
  --text-secondary: #7F8C8D;         /* Gris piedra - Subtítulos, metadatos */

  --family-primary: "Helvetica", "Helvetica Light", "Times New Roman", serif;
}


/*DEPURAR*/
.button-hover-effect {
  box-sizing: inherit;
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  display: flex;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  font-size: 22px;
  font-family: var(--family-primary);
  line-height: 45px;
  max-width: 130px;
  min-width: 130px;
  max-height: 45px;
  min-height: 45px;
  position: relative;
  text-transform: uppercase;
  margin: 0 auto;
  color: var(--primary-color);

  svg {
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  rect {
    fill: none;
    stroke: var(--primary-color);
    background-color: darken(#3e2723, 1.5%);
    stroke-width: 2;
    stroke-dasharray: 422, 0;
    transition: all 0.35s linear;
  }

  &:hover {
    background: rgba(#3e2723, 0);
    font-weight: 900;
    letter-spacing: 1px;

    rect {
      stroke-width: 5;
      stroke-dasharray: 15, 265;
      stroke-dashoffset: 48;
      transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    }
  }
}

.et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_0.et_pb_text_align_left.et_pb_bg_layout_light {
  border: unset;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
}

input[type="checkbox"]:checked {
  -webkit-appearance: checkbox !important;
}

input[type="checkbox"] {
  accent-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}

#swiper-wrapper-105c64829951ec134 div.carousel_content.img_caro {
  margin-top: 5em;
}

.shopping-cart a::after {
  content: " |";
  text-align: center;
  color: #ffffff;
  font-size: 1em;
}

img {
  pointer-events: none;
}

/* MORE GENERAL STYLES (probably for all pages) */
.dsm_icon_list_child_10_tb_footer > a:nth-child(1) > span:nth-child(2) {
  overflow-wrap: anywhere !important;
}

#main-content .container::before {
  content: none !important;
}

#left-area ul {
  list-style-type: none !important;
}

.et_pb_code_3 {
  display: block !important;
}

h1.entry-title.main_title {
  display: none;
}


#main-header {
  z-index: 99 !important;
}

pre {
  background-color: var(--secondary-color-light);
  color: var(--primary-color);
}