.elementor-1063 .elementor-element.elementor-element-9efa98e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;}.elementor-1063 .elementor-element.elementor-element-9efa98e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1063 .elementor-element.elementor-element-097ad59{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1063 .elementor-element.elementor-element-9efa98e{--width:659px;}}@media(min-width:768px){.elementor-1063 .elementor-element.elementor-element-9efa98e{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1063 .elementor-element.elementor-element-9efa98e{--width:1575px;}}/* Start custom CSS for shortcode, class: .elementor-element-097ad59 *//* ====== AK Community – Estilo unificado para [woocommerce_my_account] ====== */
.woocommerce {
  --ak-font: "Nunito Sans", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --ak-text: #E6EAF2;
  --ak-text-2: #9AA3B2;
  --ak-bg: #161B25;
  --ak-bg-2: #1D2430;
  --ak-stroke: #2A3342;
  --ak-primary: #0036FF;
  --ak-accent: #F15926;
  --ak-link: #BFD1FF;
  --ak-radius: 16px;
  --ak-shadow: 0 10px 26px rgba(0,0,0,.28);
  font-family: var(--ak-font);
  color: var(--ak-text);
}

/* Contenedor principal */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-orders-table,
.woocommerce-address-fields,
.woocommerce-EditAccountForm,
.woocommerce-order,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background: var(--ak-bg-2) !important;
  border: 1px solid var(--ak-stroke) !important;
  border-radius: var(--ak-radius) !important;
  box-shadow: var(--ak-shadow) !important;
  padding: 20px;
  margin-bottom: 20px;
}

/* Navegación lateral */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce-MyAccount-navigation li {
  margin-bottom: 8px;
}
.woocommerce-MyAccount-navigation a {
  display: block;
  padding: 10px 14px;
  border-radius: 12px;
  background: #121825;
  color: var(--ak-link);
  text-decoration: none;
  transition: all .2s ease;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
  background: var(--ak-primary);
  color: #fff !important;
}

/* Formularios */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  background: #121825;
  color: var(--ak-text);
  border: 1px solid var(--ak-stroke);
  border-radius: 12px;
  padding: 10px 12px;
  width: 100%;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--ak-primary);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,54,255,.25);
}

/* Botones */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  background: var(--ak-primary);
  color: #fff;
  border: 1px solid var(--ak-primary);
  border-radius: 12px;
  padding: 10px 16px;
  transition: transform .08s ease, box-shadow .2s ease;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,54,255,.35);
}
.woocommerce .button.alt {
  background: var(--ak-accent);
  border-color: var(--ak-accent);
}

/* Tablas (pedidos, direcciones) */
.woocommerce table.shop_table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid var(--ak-stroke);
  border-radius: var(--ak-radius);
  overflow: hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: 1px solid var(--ak-stroke);
  padding: 10px;
  color: var(--ak-text);
}
.woocommerce table.shop_table th {
  background: #121825;
  font-weight: 700;
}
/* ==== Ajuste color pestaña activa en [woocommerce_my_account] ==== */
.woocommerce-MyAccount-navigation .is-active a {
  background: var(--ak-primary) !important;  /* azul de marca */
  color: #fff !important;                   /* texto blanco legible */
  font-weight: 700;
  box-shadow: 0 0 0 2px rgba(0,54,255,.25);
}
/* ==== AK Community – Títulos internos en Mi Cuenta ==== */
.woocommerce h2,
.woocommerce h3,
.woocommerce .woocommerce-Address-title h3,
.woocommerce .woocommerce-MyAccount-content h2,
.woocommerce .woocommerce-MyAccount-content h3 {
  background: var(--ak-bg-2) !important;   /* fondo oscuro de tarjeta */
  color: var(--ak-text) !important;        /* texto claro */
  border: 1px solid var(--ak-stroke) !important;
  border-radius: 12px;
  padding: 12px 16px;
  margin: 0 0 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
/* ==== AK — Fixes Mi Cuenta (bordes/headers/blancos y botones) ==== */

/* 1) Títulos y barra “Editar …” en Direcciones: sin fondo blanco */
.woocommerce .woocommerce-Address,
.woocommerce .woocommerce-Address-title,
.woocommerce .woocommerce-Address-title h3,
.woocommerce .woocommerce-Address-title + a {
  background: var(--ak-bg-2) !important;
  color: var(--ak-text) !important;
  border: 1px solid var(--ak-stroke) !important;
  border-radius: 12px !important;
}
.woocommerce .woocommerce-Address-title {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px !important;
  margin: 0 0 8px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.22);
}
/* Link “Editar Dirección …” */
.woocommerce .woocommerce-Address-title + a {
  display: block;
  padding: 10px 14px !important;
  margin: 0 0 12px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  text-decoration: none !important;
}
/* Caja del address (el bloque grande) */
.woocommerce .woocommerce-Address address {
  background: var(--ak-bg-2) !important;
  color: var(--ak-text) !important;
  border: 1px solid var(--ak-stroke) !important;
  border-radius: 12px !important;
  padding: 16px !important;
}

/* 2) Tablas (Subscriptions, Orders, etc.) — headers y bordes sin blanco */
.woocommerce table.shop_table,
.woocommerce table.shop_table thead,
.woocommerce table.shop_table tbody,
.woocommerce table.shop_table tfoot,
.woocommerce table.shop_table tr,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  background: var(--ak-bg-2) !important;
  border-color: var(--ak-stroke) !important;
}
.woocommerce table.shop_table thead th {
  background: #121825 !important;          /* header más oscuro */
  color: var(--ak-text) !important;
  border-bottom: 1px solid var(--ak-stroke) !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 10px 12px !important;
}

/* 3) Botones: texto siempre blanco (evita que herede el azul de links) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button {
  color: #fff !important;
  text-decoration: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover {
  color: #fff !important;
}

/* 4) Links dentro de botones (por si algún tema mete <a> dentro del botón) */
.woocommerce .button a,
.woocommerce a.button a {
  color: #fff !important;
  text-decoration: none !important;
}

/* 5) Avisos (message/info/error) sin marcos blancos */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  background: var(--ak-bg-2) !important;
  color: var(--ak-text) !important;
  border: 1px solid var(--ak-stroke) !important;
  border-radius: 12px !important;
}

/* 6) “Borders fantasmas” que deja el tema */
.woocommerce fieldset,
.woocommerce legend {
  background: var(--ak-bg-2) !important;
  color: var(--ak-text) !important;
  border-color: var(--ak-stroke) !important;
}/* End custom CSS */