.elementor-1018 .elementor-element.elementor-element-6ccd37c2{--display:flex;}.elementor-1018 .elementor-element.elementor-element-2f14a67{--spacer-size:80px;}.elementor-1018 .elementor-element.elementor-element-302ee8e .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-1018 .elementor-element.elementor-element-302ee8e .aux-modern-heading-primary{color:var( --e-global-color-primary );}.elementor-1018 .elementor-element.elementor-element-d1dfed0{--display:flex;}.elementor-1018 .elementor-element.elementor-element-306b298{--tabs-normal-color:var( --e-global-color-primary );--tabs-hover-color:#FD12C7;--tabs-active-color:var( --e-global-color-accent );--tables-title-color:var( --e-global-color-primary );--tables-links-normal-color:var( --e-global-color-accent );}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-306b298 *//* ===== CONTENEDOR GENERAL ===== */
.woocommerce .u-columns.col2-set {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px; /* espacio entre los dos formularios */
  flex-wrap: wrap; /* permite que se apilen en móvil */
  margin-top: 40px;
}

/* ===== FORMULARIOS ===== */
.woocommerce .u-column1,
.woocommerce .u-column2 {
  flex: 1 1 400px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 25px rgba(105, 58, 150, 0.12);
  padding: 35px;
  transition: all 0.3s ease;
  border: 1px solid rgba(105, 58, 150, 0.08);
}

/* efecto hover sutil */
.woocommerce .u-column1:hover,
.woocommerce .u-column2:hover {
  box-shadow: 0 6px 30px rgba(105, 58, 150, 0.18);
}

/* ===== TÍTULOS ===== */
.woocommerce h2 {
  font-size: 24px;
  font-weight: 700;
  color: #693A96;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0.5px;
}

/* ===== CAMPOS ===== */
.woocommerce form .form-row label {
  font-weight: 500;
  color: #693A96;
  margin-bottom: 6px;
  display: block;
}

.woocommerce form .form-row input.input-text {
  width: 100%;
  border: 1px solid #d9cbe8;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  color: #693A96;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce form .form-row input.input-text:focus {
  border-color: #FD12C7;
  box-shadow: 0 0 0 3px rgba(253, 18, 199, 0.15);
  outline: none;
}

/* ===== CHECKBOX ===== */
.woocommerce-form__label-for-checkbox span {
  color: #693A96;
  font-size: 14px;
}

/* ===== BOTONES ===== */
.woocommerce form .button {
  background: linear-gradient(135deg, #FD12C7 0%, #693A96 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  width: 100%;
}

.woocommerce form .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(105, 58, 150, 0.25);
}

/* ===== ENLACES ===== */
.woocommerce a {
  color: #693A96;
  text-decoration: none;
  transition: color 0.3s ease;
}

.woocommerce a:hover {
  color: #FD12C7;
}

/* ===== TEXTO DE PRIVACIDAD ===== */
.woocommerce-privacy-policy-text p {
  font-size: 13px;
  color: #7a6b8a;
  line-height: 1.5;
  margin-top: 10px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .woocommerce .u-columns.col2-set {
    flex-direction: column;
    gap: 25px;
  }

  .woocommerce .u-column1,
  .woocommerce .u-column2 {
    width: 100%;
  }
}

/* ===== CONTENEDOR GENERAL ===== */
.elementor-widget-woocommerce-my-account .u-columns.col2-set {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 40px;
}

/* ===== FORMULARIOS ===== */
.elementor-widget-woocommerce-my-account .u-column1,
.elementor-widget-woocommerce-my-account .u-column2 {
  flex: 1 1 400px;
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 25px rgba(105, 58, 150, 0.12) !important;
  padding: 35px !important;
  border: 1px solid rgba(105, 58, 150, 0.08) !important;
}

/* ===== TÍTULOS ===== */
.elementor-widget-woocommerce-my-account h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #693A96 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

/* ===== CAMPOS ===== */
.elementor-widget-woocommerce-my-account form .form-row label {
  font-weight: 500 !important;
  color: #693A96 !important;
  margin-bottom: 6px !important;
}

.elementor-widget-woocommerce-my-account form .form-row input.input-text {
  width: 100% !important;
  border: 1px solid #d9cbe8 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  color: #693A96 !important;
}

.elementor-widget-woocommerce-my-account form .form-row input.input-text:focus {
  border-color: #FD12C7 !important;
  box-shadow: 0 0 0 3px rgba(253, 18, 199, 0.15) !important;
  outline: none !important;
}

/* ===== BOTONES ===== */
.elementor-widget-woocommerce-my-account form .button {
  background: linear-gradient(135deg, #FD12C7 0%, #693A96 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  width: 100% !important;
}

.elementor-widget-woocommerce-my-account form .button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(105, 58, 150, 0.25) !important;
}

/* ===== ENLACES ===== */
.elementor-widget-woocommerce-my-account a {
  color: #693A96 !important;
  text-decoration: none !important;
}

.elementor-widget-woocommerce-my-account a:hover {
  color: #FD12C7 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .elementor-widget-woocommerce-my-account .u-columns.col2-set {
    flex-direction: column;
    gap: 25px;
  }
}


/* ===== BOTÓN MOSTRAR/OCULTAR CONTRASEÑA ===== */
.woocommerce .show-password-input {
  background: none !important;
  border: none !important;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}

/* Ícono de ojo (contraseña oculta) */
.woocommerce .show-password-input::before {
  content: "\f06e"; /* Font Awesome: fa-eye */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #693A96; /* morado normal */
}

/* Contraseña visible: ojo tachado en rosado */
.woocommerce .show-password-input.showing::before {
  content: "\f070"; /* Font Awesome: fa-eye-slash */
  color: #FD12C7; /* rosado cuando se muestra */
}/* End custom CSS */