.elementor-10 .elementor-element.elementor-element-484c8f7{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-484c8f7:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-484c8f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence9 );}@media(max-width:768px){.elementor-10 .elementor-element.elementor-element-484c8f7{--min-height:100vh;--padding-top:8em;--padding-bottom:4em;--padding-left:2em;--padding-right:2em;}}@media(min-width:769px){.elementor-10 .elementor-element.elementor-element-484c8f7{--content-width:678px;}}/* Start custom CSS for wc-elements, class: .elementor-element-175a834 *//* === Área general del bloque My Account === */
body.woocommerce-account {
  
}

.woocommerce-account .woocommerce {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}

@media (min-width: 1000px) {
  .woocommerce-account .woocommerce {
    flex-direction: row;
    gap: 2.5rem;
  }
}

/* === Navegación lateral === */
.woocommerce-MyAccount-navigation {
  background: #ffffff;
  border: 1px solid #e2e2e2;
  border-radius: 1rem;
  padding: 1.5rem;
  min-width: 220px;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation li {
  margin-bottom: 0.5rem;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  color: gray;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover {
  background-color: gray;
  color: #fff;
}

/* === Contenido de cuenta === */
.woocommerce-MyAccount-content {
  background: #fff;
  padding: 2rem;
  border-radius: 1rem;
  border: 1px solid #e2e2e2;
  flex: 1;
}

.woocommerce-MyAccount-content h2 {
  color: gray;
  margin-bottom: 1rem;
}

/* === Formularios dentro de cuenta === */
.woocommerce form {
  display: grid;
  gap: 1rem;
}

.woocommerce form .form-row {
  display: flex;
  flex-direction: column;
}

.woocommerce form .form-row input,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-size: 1rem;
  background-color: #fff;
  transition: border-color 0.3s ease;
}

.woocommerce form .form-row input:focus {
  border-color: #0071e3;
  outline: none;
}

/* === Botones === */
.woocommerce button.button,
.woocommerce input.button {
  background-color: gray;
  color: #fff5f5f;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 0.5rem;
  border: none;
  transition: background-color 0.3s ease;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #93003f;
}

/* === Mensajes (notices) === */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.woocommerce-message {
  background-color: #e6fffa;
  border-left: 5px solid #0a875a;
}

.woocommerce-error {
  background-color: #fff5f5;
  border-left: 5px solid #dc2626;
}

.woocommerce-info {
  background-color: #e0f2fe;
  border-left: 5px solid #2563eb;
}/* End custom CSS */