.elementor-4979 .elementor-element.elementor-element-2ba2dbf9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4979 .elementor-element.elementor-element-2ba2dbf9:not(.elementor-motion-effects-element-type-background), .elementor-4979 .elementor-element.elementor-element-2ba2dbf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-4979 .elementor-element.elementor-element-9962781{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-4979 .elementor-element.elementor-element-3675390{--sections-background-color:#F8F8F8;width:100%;max-width:100%;}.elementor-4979 .elementor-element.elementor-element-3675390 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-3675390 */.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    background: white !important;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
    background-color: white !important;
    padding: 40px;
}
/*.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard:before {
    content: "\e050";
    left: 0;
    top: 12px;
}*/
.elementor-4979 .elementor-element.elementor-element-3675390 {
    width: 100% !important;
}




.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .u-columns {
    margin-top: 20px;
    display: flex
;
    justify-content: center;
    text-align: center;
    gap: 60px;
}

.u-column2.col-2 {
    width: 30%;
}
.u-column1.col-1 {
    width: 30%;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h2, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h3 {
    color: var(--typography-section-titles-color, #000);
    margin-top: 0;
    margin-bottom: var(--section-title-spacing, 45px);
    font-weight: 600 !important;
    font-size: 20px !important;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select {
    color: var(--forms-fields-normal-color, #69727d);
    border-radius: 20px;
    padding: var(--forms-fields-padding, 16px);
    background: #ededed;
    border: 5px !important;
    font-size: 14px;
    border-color: black;
}


/* Botón mostrar/ocultar contraseña */
.woocommerce form .show-password-input {
  background: transparent !important;
  border: none !important;
  width: 36px;
  height: 36px;
  cursor: pointer;
  position: relative;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #6b7280; /* gris medio */
  transition: color .2s ease, transform .2s ease;
  z-index: 2;
}

/* Hover */
.woocommerce form .show-password-input:hover {
  color: #2F80ED; /* azul Veltron */
  transform: translateY(-50%) scale(1.1);
}

/* Estado activo (cuando la contraseña se muestra) */
.woocommerce form .show-password-input.display-password::before {
  content: "\f070"; /* Font Awesome: eye-slash */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Estado por defecto (contraseña oculta) */
.woocommerce form .show-password-input::before {
  content: "\f06e"; /* Font Awesome: eye */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}



/* 1) El contenedor del campo contraseña debe ser relativo */
.woocommerce form .form-row .password-input{
  position: relative;
  display: inline;
  align-items: center;
  width: 100%;
}

/* 2) Deja espacio para el icono dentro del input */
.woocommerce form .form-row .password-input .input-text{
  padding-right: 48px; /* espacio para el ojo */
}

/* 3) Posiciona el botón-ojito dentro del campo, centrado vertical */
.woocommerce form .form-row .password-input .show-password-input{
  position: absolute !important;
  inset-inline-end: 10px;       /* right en LTR / left en RTL */
  top: 50%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  color: #667089;
  z-index: 2;
  transition: color .2s, transform .2s;
}
.woocommerce form .form-row .password-input .show-password-input:hover{
  color: #2F80ED;
  transform: translateY(-50%) scale(1.08);
}
/* Botón ojo dentro del campo */
.woocommerce form .form-row .password-input{position:relative;display:inline-flex;align-items:center;width:100%;}
.woocommerce form .form-row .password-input .input-text{padding-right:48px;}
.woocommerce form .form-row .password-input .show-password-input{
  position:absolute!important;inset-inline-end:10px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  background:transparent!important;border:none!important;cursor:pointer;color:#667089;
  transition:color .2s, transform .2s;z-index:2;
}
.woocommerce form .form-row .password-input .show-password-input:hover{
  color:#2F80ED;transform:translateY(-50%) scale(1.08);
}

/* 👇 Iconos (FA5). Por DEFECTO = ojo tachado. Al mostrar = ojo normal */
.woocommerce form .form-row .password-input .show-password-input::before{
  content:"\f070" !important;             /* eye-slash (oculto) */
  font-family:"Font Awesome 5 Free";font-weight:900;font-size:18px;line-height:1;
}
.woocommerce form .form-row .password-input .show-password-input.vt-visible::before{
  content:"\f06e" !important;             /* eye (visible) */
}




/* Quitar márgenes y bordes de Mi Cuenta */
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Forzar las columnas de login/registro a ocupar todo el ancho */
body.woocommerce-account #customer_login.u-columns {
  max-width: 1200px; /* centrado, ancho container */
  margin: 0 auto;
  padding: 40px 20px;
  gap: 40px;
  border: none !important;
  background: none !important;
}

/* Quitar ese borde gris de las cajas */
body.woocommerce-account form.login,
body.woocommerce-account form.register {
  border: none !important;
  background: #fff; /* o transparent si quieres solo texto */
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  border-radius: 14px;
}
.woocommerce .form-row label {
    display: block;
    font-weight: 600;
    padding: 0.34375em 0 0.625em;
    font-size: 14px;
}

@media (max-width: 720px) {
    .u-column2.col-2 {
    width: 100%;
}
.u-column1.col-1 {
    width: 100%;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .u-columns
 {
    margin-top: 20px;
    display: flex
;
    justify-content: center;
    text-align: center;
    gap: 60px;
    flex-direction: column;
}
} 

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h2, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h3
 {
    margin-bottom: 20px !important;
}



/* ===== Solo en la página Mi Cuenta ===== */
body.woocommerce-account{
  /* FONDO de toda la página Mi Cuenta */
  /* Elige uno: sólido o degradado */
  /* background: #0b0f14; */               /* sólido oscuro */
  background: #f5f7fb;                      /* claro Veltron */
  /* background: linear-gradient(135deg,#0f172a 0%, #111827 100%); */ /* si quieres degradado */
}

/* Quitar fondo/borde del contenedor del theme (Phlox: aux-*) */
body.woocommerce-account .aux-primary,
body.woocommerce-account .content,
body.woocommerce-account .entry-main,
body.woocommerce-account .entry-content,
body.woocommerce-account article.page{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hacer que el contenedor ocupe todo el ancho en Mi Cuenta */
body.woocommerce-account .aux-container,
body.woocommerce-account .aux-primary,
body.woocommerce-account .content{
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Centrar el bloque login/registro con un ancho cómodo */
body.woocommerce-account #customer_login.u-columns{
  max-width: 1120px;        /* ajusta a gusto (100% si quieres full-full) */
  margin: 40px auto 80px;
  padding: 0 20px;
  gap: 32px;
  background: transparent !important;
  border: 0 !important;
}

/* (Opcional) si ves un margen superior raro bajo el header */
body.woocommerce-account .entry-content{ padding-top: 24px !important; }

/* (Opcional) si aún aparece una línea gris, quítala aquí */
body.woocommerce-account .elementor-widget-container{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    align-items: center;
    align-content: center;
    display: flex
;
    justify-content: center;
    gap: 6px;
}



/* ---- Ojo mostrar/ocultar solo con CSS ---- */

/* 1) Estructura y posición del botón */
.woocommerce form .form-row .password-input{
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.woocommerce form .form-row .password-input .input-text{
  padding-right: 48px; /* espacio para el ojo */
}
.woocommerce form .form-row .password-input .show-password-input{
  position: absolute !important;
  inset-inline-end: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: transparent !important; border: none !important;
  cursor: pointer; color: #667089; line-height: 1;
  padding: 0; z-index: 2;
}
.woocommerce form .form-row .password-input .show-password-input:hover{
  color:#2F80ED;
  transform: translateY(-50%) scale(1.08);
}

/* 2) Icono por DEFECTO = ojo tachado (contraseña oculta) */
.woocommerce form .form-row .password-input .show-password-input::before{
  content: "\f070" !important; /* Font Awesome: eye-slash */
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px;
}

/* 3) Cuando la contraseña está VISIBLE (input cambia a type="text") = ojo normal */
.woocommerce form .form-row .password-input:has(input[type="text"]) 
  .show-password-input::before{
  content: "\f06e" !important; /* Font Awesome: eye */
}/* End custom CSS */