/* variables de estilos globales */
/* PALETA WATEKE (navy + teal + oro) — identidad propia, NO la de mandinga/SR.
   Construida sobre la marca original de wateke: navy #1a4a5a, navy profundo #102d37, teal #148d8d.
   Los nombres de variable se conservan (los usa todo el ERP vía var(--...)); solo cambian los valores. */
:root {
  --primary-color: #1a4a5a;          /* Navy Wateke - Color base de marca */
  --primary-color-light: #4a7a86;    /* Navy-teal claro - Navegación inactiva, iconos */
  --primary-color-lightest: #a7c3ca; /* Slate suave - Bordes suaves, texto deshabilitado */

  --secondary-color: #148d8d;        /* Teal Wateke - CTAs principales */
  --secondary-color-light: #1fb0a8;  /* Teal brillante - Hover, badges activos */
  --secondary-color-lightest: #edf5f4; /* Verde-agua pálido - Fondos de tarjetas, secciones alternas */

  /* Complementos */
  --primary-color-dark: #102d37;     /* Navy profundo - Headers, hover oscuro, énfasis */
  --background-main: #f6f9fa;        /* Blanco frío - Fondo general */
  --accent-teal: #1fb0a8;            /* Turquesa - Estados activos alternativos, éxito suave */
  --accent-gold: #e0a44e;            /* Ámbar suave - Acento cálido puntual */
  --accent-rose: #e0a44e;            /* Alias de compatibilidad: el ERP heredado usa --accent-rose */
  --text-primary: #16323d;           /* Navy tinta - Texto principal */
  --text-secondary: #5f7a85;         /* Slate - 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);
}