.elementor-14 .elementor-element.elementor-element-42593733{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-6bc5509b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-6bc5509b p{margin-block-end:0px;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-6bc5509b *//* =====================================================
   AQUA – MI CUENTA (SAFE)
   - Guest: Login / Registro en 2 cols con FLEX (no rompe)
   - Logged: Nav / Content en 2 cols con FLEX (no rompe)
   - Estilo Aqua: cards, inputs, botones
===================================================== */

body.woocommerce-account{
  --aqua: #00A4AC;
  --aqua-dark:#008f95;
  --blue:#0072BF;
  --text:#0f172a;
  --muted:#5b677a;
  --line: rgba(0,0,0,.10);
  --soft: rgba(0,0,0,.04);
  --card:#fff;
}

body.woocommerce-account .woocommerce{
  max-width: 1180px;
  margin: 0 auto;
  padding: 26px 14px;
  color: var(--text);
}

/* =========================
   1) GUEST (NO LOGUEADO)
   #customer_login = u-columns col2-set
========================= */

/* FLEX robusto (evita la guerra con floats/widths del tema) */
body.woocommerce-account #customer_login.u-columns{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  align-items: flex-start !important;

  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}

/* Columnas: sin floats, tamaño flexible */
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2,
body.woocommerce-account #customer_login .col-1,
body.woocommerce-account #customer_login .col-2{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  min-width: 0 !important;

  flex: 1 1 420px !important; /* 2 columnas si hay espacio, 1 si no */
}

/* Cards */
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2,
body.woocommerce-account #customer_login .col-1,
body.woocommerce-account #customer_login .col-2{
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.06) !important;
}

/* Títulos Acceder / Registrarse */
body.woocommerce-account #customer_login h2{
  margin: 0 0 14px 0 !important;
  color: var(--aqua) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
}

/* IMPORTANTE: muchos temas meten margin/padding raro a los forms */
body.woocommerce-account #customer_login form{
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================
   2) LOGUEADO (NAV + CONTENT)
========================= */

/* Woo real: .woocommerce-MyAccount */
body.woocommerce-account .woocommerce-MyAccount{
  display: flex !important;
  gap: 22px !important;
  align-items: flex-start !important;
}

/* Nav ancho fijo, content flexible */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  flex: 0 0 260px !important;
  min-width: 0 !important;

  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.06) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.06) !important;
}

/* Nav list */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a{
  display: block !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  color: var(--text) !important;
  background: rgba(0,164,172,.06) !important;
  border: 1px solid rgba(0,164,172,.12) !important;
  transition: .18s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  transform: translateY(-1px);
  background: rgba(0,114,191,.10) !important;
  border-color: rgba(0,114,191,.22) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(0,114,191,.22) !important;
}

/* =========================
   3) Inputs + Botones (Aqua)
========================= */

body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce select{
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  padding: 10px 12px !important;
  outline: none !important;
  background: #fff !important;
}

body.woocommerce-account .woocommerce input:focus,
body.woocommerce-account .woocommerce textarea:focus,
body.woocommerce-account .woocommerce select:focus{
  border-color: rgba(0,114,191,.55) !important;
  box-shadow: 0 0 0 4px rgba(0,114,191,.12) !important;
}

body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce a.button{
  background: var(--blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 26px rgba(0,114,191,.18) !important;
  transition: .18s ease !important;
}

body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover,
body.woocommerce-account .woocommerce a.button:hover{
  transform: translateY(-1px) !important;
  filter: brightness(.96) !important;
}

/* =========================
   4) Responsive
========================= */

@media (max-width: 1024px){
  body.woocommerce-account .woocommerce-MyAccount{
    flex-direction: column !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    flex: 1 1 auto !important;
    width: 100% !important;
  }
}/* End custom CSS */