.elementor-200 .elementor-element.elementor-element-397bf108:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-397bf108 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-200 .elementor-element.elementor-element-397bf108{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 0em 0em;}.elementor-200 .elementor-element.elementor-element-397bf108 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-200 .elementor-element.elementor-element-748cd5da{--e-image-carousel-slides-to-show:1;}.elementor-200 .elementor-element.elementor-element-76243de{--display:flex;--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-200 .elementor-element.elementor-element-1b2f0202{text-align:center;}@media(max-width:1024px){.elementor-200 .elementor-element.elementor-element-748cd5da{--e-image-carousel-slides-to-show:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-200 .elementor-element.elementor-element-748cd5da{--e-image-carousel-slides-to-show:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for heading, class: .elementor-element-1b2f0202 *//* ===========================================
   VIVAGOP – Woo My Account
   Modelo D: AURORA FLUX (light + blanco)
   =========================================== */

:root{
  --vg-bg:#f5f8fc;        /* fondo claro */
  --vg-panel:#ffffff;     /* panel / tarjetas */
  --vg-panel-2:#f9fbff;
  --vg-text:#111827;      /* texto */
  --vg-muted:#545b6a;     /* texto tenue */

  /* Paleta aurora (turquesa / verde / azul) */
  --vg-a1:#00c4b4;
  --vg-a2:#35ff8a;
  --vg-a3:#2a7cff;
  --vg-ring:#00c4b4;
  --vg-border:rgba(0,0,0,.08);
  --vg-radius:18px;
  --vg-shadow:0 18px 42px rgba(0,0,0,.07);
}

/* -----------------------------------------
   CONTENEDOR GENERAL
------------------------------------------ */
.woocommerce-account .woocommerce{
  display:flex; gap:28px;
  padding:20px;
  border-radius:var(--vg-radius);
  background:var(--vg-bg);
  color:var(--vg-text);
  box-shadow:var(--vg-shadow);
  position:relative;
}

/* efecto aurora suave */
.woocommerce-account .woocommerce::after{
  content:"";
  position:absolute; inset:-40%;
  background:conic-gradient(from 180deg, rgba(0,196,180,.09), rgba(53,255,138,.09), rgba(42,124,255,.09));
  filter:blur(70px);
  animation:vg-aurora-light 14s linear infinite;
  pointer-events:none;
}
@keyframes vg-aurora-light{ to{ transform:rotate(360deg); } }

/* -----------------------------------------
   MENÚ LATERAL (chips con iconos)
------------------------------------------ */
.woocommerce-MyAccount-navigation{
  width:270px;
  background:var(--vg-panel);
  border:1px solid var(--vg-border);
  border-radius:var(--vg-radius);
  padding:20px;
  backdrop-filter:saturate(130%) blur(6px);
  box-shadow:var(--vg-shadow);
}

.woocommerce-MyAccount-navigation ul{
  list-style:none; padding:0; margin:0; display:grid; gap:10px;
}
.woocommerce-MyAccount-navigation a{
  display:flex; align-items:center; gap:12px;
  padding:11px 14px;
  border:1px solid var(--vg-border);
  border-radius:14px;
  text-decoration:none!important;
  color:var(--vg-text)!important;
  font-weight:700;
  background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.01));
  transition:.2s;
}

/* iconos automáticos segun orden */
.woocommerce-MyAccount-navigation li:nth-child(1) a:before{ content:"🏠"; }
.woocommerce-MyAccount-navigation li:nth-child(2) a:before{ content:"🧾"; }
.woocommerce-MyAccount-navigation li:nth-child(3) a:before{ content:"⬇️"; }
.woocommerce-MyAccount-navigation li:nth-child(4) a:before{ content:"📦"; }
.woocommerce-MyAccount-navigation li:nth-child(5) a:before{ content:"👤"; }
.woocommerce-MyAccount-navigation li:nth-child(6) a:before{ content:"🚪"; }

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a{
  transform:translateX(6px);
  border-color:rgba(0,196,180,.3);
  background:linear-gradient(135deg, var(--vg-a1), var(--vg-a3));
  color:#ffffff!important;
}

/* -----------------------------------------
   CONTENIDO
------------------------------------------ */
.woocommerce-MyAccount-content{
  flex:1;
  background:var(--vg-panel);
  border-radius:var(--vg-radius);
  padding:22px;
  border:1px solid var(--vg-border);
  box-shadow:var(--vg-shadow);
}

/* títulos con degradado aurora */
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2{
  margin-top:0;
  font-weight:900;
  background:linear-gradient(135deg, var(--vg-a1), var(--vg-a3));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.woocommerce-MyAccount-content h3{
  color:var(--vg-a1);
}

/* texto */
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content li{
  color:var(--vg-muted);
}

/* -----------------------------------------
   BOTONES
------------------------------------------ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background:linear-gradient(135deg, var(--vg-a1), var(--vg-a3))!important;
  color:#fff!important;
  border:none!important;
  border-radius:12px!important;
  padding:12px 18px!important;
  font-weight:800!important;
  box-shadow:0 12px 24px rgba(0,196,180,.25);
  transition:.2s ease;
}
.woocommerce a.button:hover{ transform:translateY(-1px); }

/* -----------------------------------------
   TABLAS (Pedidos / Descargas)
------------------------------------------ */
.woocommerce table.shop_table{
  border-radius:12px;
  border:1px solid var(--vg-border);
}
.woocommerce table.shop_table thead th{
  background:var(--vg-panel-2);
  font-weight:900;
  color:var(--vg-a1);
}

/* -----------------------------------------
   RESPONSIVE
------------------------------------------ */
@media(max-width:900px){
  .woocommerce-account .woocommerce{ flex-direction:column; }
  .woocommerce-MyAccount-navigation{ width:100%; }
}
/* Centrar el botón "Procesar" en móvil */
@media (max-width: 768px) {
    .woo-wallet .woocommerce form .button,
    .woocommerce .woo-wallet-transfer-form .button,
    .woocommerce form .button[name="woo_wallet_transfer_funds"],
    .woocommerce-account .woocommerce .button {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        width: 80% !important; /* Si lo quieres más pequeño, cambia a 80% */
    }
}/* End custom CSS */