.elementor-666 .elementor-element.elementor-element-438e96d0{--display:flex;--min-height:83vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.63;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-666 .elementor-element.elementor-element-438e96d0:not(.elementor-motion-effects-element-type-background), .elementor-666 .elementor-element.elementor-element-438e96d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://greyalters.com/wp-content/uploads/2025/09/bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-666 .elementor-element.elementor-element-438e96d0::before, .elementor-666 .elementor-element.elementor-element-438e96d0 > .elementor-background-video-container::before, .elementor-666 .elementor-element.elementor-element-438e96d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-666 .elementor-element.elementor-element-438e96d0 > .elementor-background-slideshow::before, .elementor-666 .elementor-element.elementor-element-438e96d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-666 .elementor-element.elementor-element-438e96d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-666 .elementor-element.elementor-element-438e96d0.e-con{--align-self:flex-start;}.elementor-666 .elementor-element.elementor-element-6a211f7{margin:97px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-666 .elementor-element.elementor-element-6a211f7.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1366px){.elementor-666 .elementor-element.elementor-element-6a211f7{width:var( --container-widget-width, 926px );max-width:926px;--container-widget-width:926px;--container-widget-flex-grow:0;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-6a211f7 *//* ========= Paleta mínima oscura ========= */
:root{
  --acc-bg:   #141a22;   /* fondo panel */
  --acc-bg-2: #0f141b;   /* fondo interior/filas */
  --acc-hdr:  #1a2230;   /* fondo cabecera tabla */
  --acc-line: #2a3444;   /* bordes */
  --acc-text: #e7ebf3;   /* texto */
  --acc-muted:#9aa3b2;   /* secundario */
  --acc-link: #7c3aed;   /* enlaces */
  --acc-radius: 14px;
}

/* ===== Panel derecho (contenido) – quitar “cartulina” blanca del tema y unificar tarjeta */
body.woocommerce-account .woocommerce-MyAccount-content{
  background: var(--acc-bg) !important;
  color: var(--acc-text) !important;
  border: 1px solid var(--acc-line) !important;
  border-radius: var(--acc-radius) !important;
}
/* Por si el tema mete un wrapper claro alrededor del contenido o tabla */
body.woocommerce-account .woocommerce-MyAccount-content > *{
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== Tabla de pedidos – contraste elegante (SIN cambiar tamaños) */
body.woocommerce-account table.shop_table{
  background: var(--acc-bg-2) !important;
  border: 1px solid var(--acc-line) !important;
  border-radius: 12px !important;
  color: var(--acc-text) !important;
}
body.woocommerce-account table.shop_table th{
  background: var(--acc-hdr) !important;
  color: var(--acc-text) !important;
  border-bottom: 1px solid var(--acc-line) !important;
}
body.woocommerce-account table.shop_table td{
  background: transparent !important;
  color: var(--acc-text) !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}
/* Fila alterna sutil + hover para legibilidad */
body.woocommerce-account table.shop_table tr:nth-child(even) td{
  background: rgba(255,255,255,.02) !important;
}
body.woocommerce-account table.shop_table tbody tr:hover td{
  background: rgba(124,58,237,.08) !important;
  border-color: color-mix(in oklab, var(--acc-link) 35%, transparent) !important;
}

/* Enlaces dentro de la tabla (#680) */
body.woocommerce-account table.shop_table a{
  color: var(--acc-link) !important;
  text-decoration: none !important;
}
body.woocommerce-account table.shop_table a:hover{
  opacity: .9 !important;
}

/* Botón "Ver" – pastilla blanca para contraste */
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button{
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 999px !important; /* solo forma, no tamaño */
  font-weight: 700 !important;
}

/* ===== Menú lateral – solo color/borde para integrarlo */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  background: var(--acc-bg) !important;
  border: 1px solid var(--acc-line) !important;
  border-radius: var(--acc-radius) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a{
  color: var(--acc-muted) !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li:last-child > a{
  border-bottom: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a:hover{
  color: var(--acc-text) !important;
  background: var(--acc-bg-2) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a{
  color: var(--acc-text) !important;
  background: var(--acc-bg-2) !important;
  box-shadow: inset 3px 0 0 0 var(--acc-link) !important; /* marca activa */
}

/* ===== Avisos dentro del panel (info/error) – integrar color */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-info{
  background: var(--acc-bg-2) !important;
  border: 1px solid var(--acc-line) !important;
  color: var(--acc-text) !important;
  border-radius: 12px !important;
}

/* ===== Formularios del panel – solo color/borde */
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-account .woocommerce-MyAccount-content select{
  background: var(--acc-bg-2) !important;
  color: var(--acc-text) !important;
  border: 1px solid var(--acc-line) !important;
  border-radius: 10px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content input:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus{
  outline: none !important;
  border-color: var(--acc-link) !important;
  box-shadow: 0 0 0 2px rgba(124,58,237,.25) !important;
}/* End custom CSS */