/*
  BE-KE — Refresh CSS (agosto 2026)
  Hoja de estilos aislada y aditiva: no reemplaza nada del theme base,
  solo agrega/ajusta detalles visuales. Se puede quitar el <link> de
  cualquier página para volver al estilo anterior sin efectos secundarios.
  Colores de marca: violeta #876aad (principal) / #a58fc1 (claro).
*/

/* ---------- Menú ---------- */
.mega-menu .menu-links > li > a {
  transition: color .25s ease, background-color .25s ease;
  border-radius: 6px;
}
.mega-menu .menu-links > li > a:hover,
.mega-menu .menu-links > li.active > a {
  background: rgba(135, 106, 173, .08);
}
.mega-menu .drop-down-multilevel {
  box-shadow: 0 14px 34px rgba(0,0,0,.14);
  border-radius: 0 0 8px 8px;
}
.st-menu ul.menu li a { transition: color .25s ease, padding-left .25s ease; }
.st-menu ul.menu li a:hover { padding-left: 6px; }

/* ---------- Botones ---------- */
.button {
  border-radius: 6px;
  transition: transform .2s ease, box-shadow .2s ease, background-color .3s ease, border-color .3s ease, color .3s ease;
}
.button:hover, .button:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(135, 106, 173, .28);
}
.button.button-border.white:hover {
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* ---------- Tipografía general ---------- */
p { line-height: 1.75; }
h1, h2, h3, h4, h5, h6 { letter-spacing: .2px; }
a { transition: color .25s ease; }

/* ---------- Tablas de especificaciones (páginas de producto) ---------- */
.data-table table thead th {
  background: #876aad !important;
  color: #fff !important;
  border-bottom: 2px solid #876aad;
  font-weight: 600;
  letter-spacing: .3px;
  vertical-align: middle;
}
.data-table table thead th img {
  height: 20px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-top: 2px;
}
.data-table table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(135, 106, 173, .22);
}
.data-table table tbody tr {
  transition: background-color .2s ease;
}
.data-table table tbody tr:hover {
  background-color: rgba(135, 106, 173, .38);
}
.data-table table.table-bordered {
  border: none;
}
.data-table table td, .data-table table th {
  padding: 3px 7px;
  font-size: 11px;
  line-height: 1.2;
  border-color: rgba(135, 106, 173, .4);
  vertical-align: middle;
}

/* contenedor con esquinas redondeadas + sombra; recorta la tabla para que las siga */
.data-table div[style*="overflow-x"] {
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  overflow: hidden;
}

/* ---------- Botón flotante de WhatsApp ---------- */
.btn-wsp {
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn-wsp:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 22px rgba(0,0,0,.32);
}