/* ===== Mi Cuenta — Plantilla propia (sin Elementor) ===== */
/* Coherente con panel.css del Aula Online + artefacto aprobado */

body.page-template-page-mi-cuenta{background:#eef4f2}

.mae-micuenta *{box-sizing:border-box}
.mae-micuenta{
  --brand:#4fb8ab;
  --brand-deep:#1f7d72;
  --accent:#e8511e;
  --yellow:#f1c500;--green:#23a455;
  --bg:#eef4f2;--surface:#fff;--surface-2:#f5faf8;--band:#e4efeb;--line:#dde8e4;
  --ink:#122320;--ink-soft:#5d6f69;--ink-faint:#8a9a94;
  --radius:18px;--radius-lg:24px;
  --shadow:0 6px 22px rgba(18,45,40,.09);--shadow-h:0 16px 44px rgba(18,45,40,.17);
  --ease:cubic-bezier(.22,.61,.36,1);--side:300px;
  font-family:system-ui,-apple-system,sans-serif;
  color:var(--ink);font-variant-numeric:tabular-nums;
}
.mae-micuenta h1,.mae-micuenta h2,.mae-micuenta h3,.mae-micuenta h4{margin:0;letter-spacing:-.02em;line-height:1.2}
.mae-micuenta a{text-decoration:none;color:inherit}

/* ===== Body: grid idéntico al panel ===== */
.mae-micuenta__body{
  max-width:1660px;margin:0 auto;
  display:grid;grid-template-columns:var(--side) 1fr;
  grid-template-rows:auto 1fr;
  gap:16px 32px;
  padding:28px 40px 70px;align-items:start
}
/* WooCommerce envuelve nav+content en .woocommerce — disolver para que participen en el grid */
.mae-micuenta__body > .woocommerce{display:contents}

/* ===== User Card (sidebar, fila 1) — como .me-ucard del artefacto ===== */
.mae-micuenta__ucard{
  grid-column:1;grid-row:1;
  background:linear-gradient(160deg,var(--brand-deep),var(--brand));
  color:#fff;border-radius:var(--radius-lg);
  padding:22px;box-shadow:var(--shadow);
  position:relative;overflow:hidden
}
.mae-micuenta__ucard-deco{
  position:absolute;right:-40px;top:-40px;width:140px;height:140px;
  border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none
}
.mae-micuenta__ucard-top{
  display:flex;align-items:center;gap:14px;position:relative;z-index:1
}
.mae-micuenta__avatar img{
  width:60px;height:60px;border-radius:50%;
  border:3px solid rgba(255,255,255,.55);object-fit:cover
}
.mae-micuenta__ucard-hi{
  display:block;font-size:.78rem;opacity:.85
}
.mae-micuenta__ucard-name{
  display:block;font-size:1.15rem;font-weight:800;margin-top:2px
}
.mae-micuenta__ucard-email{
  display:block;font-size:.72rem;opacity:.7;margin-top:2px
}

/* ===== Sidebar nav (fila 2, columna 1) ===== */
.mae-micuenta .woocommerce-MyAccount-navigation{
  grid-column:1;grid-row:2;
  position:sticky;top:20px;
  width:100% !important;float:none !important
}
.mae-micuenta .woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:10px 10px 14px;
  box-shadow:var(--shadow)
}
.mae-micuenta .woocommerce-MyAccount-navigation ul li{
  display:block !important;width:100% !important;margin:0;padding:0;
  border:none !important;border-bottom:none !important
}
.mae-micuenta .woocommerce-MyAccount-navigation ul li::after{display:none !important}

.mae-micuenta .woocommerce-MyAccount-navigation ul li a{
  display:flex !important;align-items:center;gap:11px;
  margin-bottom:3px;padding:12px 14px !important;
  border-radius:12px !important;font-weight:600 !important;
  font-size:.88rem !important;color:var(--ink-soft) !important;
  background:transparent !important;border:none !important;
  text-decoration:none !important;
  transition:background .2s var(--ease),color .2s var(--ease);line-height:1.3
}
.mae-micuenta .woocommerce-MyAccount-navigation ul li a:hover{
  background:var(--surface-2) !important;color:var(--ink) !important
}
.mae-micuenta .woocommerce-MyAccount-navigation ul li.is-active a,
.mae-micuenta .woocommerce-MyAccount-navigation ul li.is-active a:hover{
  background:var(--band) !important;color:var(--brand-deep) !important
}
.mae-micuenta .woocommerce-MyAccount-navigation ul li.is-active a::before{opacity:1}
/* Dashboard: marcar "Mi usuario" como activo en la página principal */
body.woocommerce-dashboard .woocommerce-MyAccount-navigation-link--mec-user-profile a{
  background:var(--band) !important;color:var(--brand-deep) !important
}
body.woocommerce-dashboard .woocommerce-MyAccount-navigation-link--mec-user-profile a::before{opacity:1}

/* Iconos FA5 */
.mae-micuenta .woocommerce-MyAccount-navigation ul li a::before{
  font-family:"Font Awesome 5 Free" !important;font-weight:900 !important;
  display:inline-block;font-size:.88em;opacity:.7;
  width:1.2em;text-align:center;vertical-align:middle;flex-shrink:0
}
.woocommerce-MyAccount-navigation-link--mec-user-profile a::before{content:"\f007" !important}
.woocommerce-MyAccount-navigation-link--mec-events a::before{content:"\f073" !important}
.woocommerce-MyAccount-navigation-link--mec-organizer a::before{content:"\f0c0" !important}
.woocommerce-MyAccount-navigation-link--entradas a::before{content:"\f3ff" !important}
.woocommerce-MyAccount-navigation-link--members-area a::before{content:"\f021" !important}
.woocommerce-MyAccount-navigation-link--downloads a::before{content:"\f019" !important}
.woocommerce-MyAccount-navigation-link--edit-address a::before{content:"\f015" !important}
.woocommerce-MyAccount-navigation-link--payment-methods a::before{content:"\f09d" !important}
.woocommerce-MyAccount-navigation-link--edit-account a::before{content:"\f13e" !important}
.woocommerce-MyAccount-navigation-link--mi-wallet a::before{content:"\f555" !important}
.woocommerce-MyAccount-navigation-link--customer-logout a::before{content:"\f2f5" !important}

/* Cerrar sesión */
.mae-micuenta .woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top:6px !important;border-top:1px solid var(--line) !important;padding-top:6px !important
}
.mae-micuenta .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--ink-faint) !important}
.mae-micuenta .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  color:var(--accent) !important;background:rgba(232,81,30,.06) !important
}

/* ===== Contenido principal (filas 1-2, columna 2) ===== */
.mae-micuenta .woocommerce-MyAccount-content{
  grid-column:2;grid-row:1 / -1;
  min-width:0;float:none !important;width:auto !important;padding:0 !important
}

/* Dashboard / bienvenida */
.mae-micuenta .woocommerce-MyAccount-content > p{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:24px 28px;
  box-shadow:var(--shadow);font-size:.92rem;line-height:1.65;color:var(--ink-soft);
  margin-bottom:16px
}
.mae-micuenta .woocommerce-MyAccount-content > p:first-of-type{
  border-radius:var(--radius-lg);padding:24px 28px;
  box-shadow:var(--shadow);font-size:.92rem;line-height:1.65;color:var(--ink-soft)
}
.mae-micuenta .woocommerce-MyAccount-content > p:first-of-type a{
  color:var(--brand-deep) !important;font-weight:600;text-decoration:none
}
.mae-micuenta .woocommerce-MyAccount-content > p:first-of-type a:hover{text-decoration:underline}
.mae-micuenta .woocommerce-MyAccount-content strong{color:var(--ink)}

/* ===== Formularios ===== */
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-EditAccountForm,
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-address-fields,
.mae-micuenta .woocommerce-MyAccount-content form.edit-account,
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:28px 30px;box-shadow:var(--shadow)
}
.mae-micuenta .woocommerce-MyAccount-content label{
  font-size:.78rem !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint) !important;margin-bottom:4px
}
.mae-micuenta .woocommerce-MyAccount-content input[type="text"],
.mae-micuenta .woocommerce-MyAccount-content input[type="email"],
.mae-micuenta .woocommerce-MyAccount-content input[type="tel"],
.mae-micuenta .woocommerce-MyAccount-content input[type="url"],
.mae-micuenta .woocommerce-MyAccount-content input[type="password"],
.mae-micuenta .woocommerce-MyAccount-content input[type="number"],
.mae-micuenta .woocommerce-MyAccount-content select,
.mae-micuenta .woocommerce-MyAccount-content textarea{
  background:var(--surface-2) !important;border:1.5px solid var(--line) !important;
  border-radius:12px !important;padding:12px 16px !important;
  font-size:.9rem !important;font-family:inherit !important;color:var(--ink) !important;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
  outline:none !important;width:100%;box-sizing:border-box
}
.mae-micuenta .woocommerce-MyAccount-content input:focus,
.mae-micuenta .woocommerce-MyAccount-content select:focus,
.mae-micuenta .woocommerce-MyAccount-content textarea:focus{
  border-color:var(--brand) !important;box-shadow:0 0 0 3px rgba(79,184,171,.15) !important
}

/* Botones */
.mae-micuenta .woocommerce-MyAccount-content .button,
.mae-micuenta .woocommerce-MyAccount-content button[type="submit"],
.mae-micuenta .woocommerce-MyAccount-content input[type="submit"],
.mae-micuenta .woocommerce-MyAccount-content .mec-ud-submit-form{
  background:var(--brand-deep) !important;color:#fff !important;border:none !important;
  border-radius:999px !important;padding:12px 28px !important;
  font-family:inherit !important;font-weight:700 !important;font-size:.88rem !important;
  cursor:pointer;box-shadow:var(--shadow);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease) !important;
  text-decoration:none !important;display:inline-flex;align-items:center;gap:8px;line-height:1.4
}
.mae-micuenta .woocommerce-MyAccount-content .button:hover,
.mae-micuenta .woocommerce-MyAccount-content button[type="submit"]:hover,
.mae-micuenta .woocommerce-MyAccount-content input[type="submit"]:hover,
.mae-micuenta .woocommerce-MyAccount-content .mec-ud-submit-form:hover{
  transform:translateY(-3px);box-shadow:var(--shadow-h) !important
}

/* ===== Tablas ===== */
.mae-micuenta .woocommerce-MyAccount-content .shop_table,
.mae-micuenta .woocommerce-MyAccount-content table{
  width:100%;border-collapse:collapse;font-size:.88rem;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)
}
.mae-micuenta .woocommerce-MyAccount-content table thead th{
  text-align:left;font-size:.72rem !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint) !important;
  padding:14px 16px !important;border-bottom:2px solid var(--line) !important;
  background:var(--surface-2) !important
}
.mae-micuenta .woocommerce-MyAccount-content table tbody td{
  padding:14px 16px !important;border-bottom:1px solid var(--line) !important;
  vertical-align:middle;color:var(--ink-soft) !important;background:var(--surface) !important
}
.mae-micuenta .woocommerce-MyAccount-content table tbody tr:last-child td{border-bottom:none !important}
.mae-micuenta .woocommerce-MyAccount-content table tbody tr:hover td{background:var(--surface-2) !important}
.mae-micuenta .woocommerce-MyAccount-content table .button{
  background:transparent !important;border:1.5px solid var(--line) !important;
  color:var(--ink-soft) !important;padding:7px 16px !important;font-size:.78rem !important;box-shadow:none !important
}
.mae-micuenta .woocommerce-MyAccount-content table .button:hover{
  border-color:var(--brand) !important;color:var(--brand-deep) !important;transform:none;box-shadow:none !important
}

/* ===== MEC Perfil ===== */
.mae-micuenta .mec-ud-wrap{
  background:var(--surface) !important;border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;padding:28px 30px !important;box-shadow:var(--shadow) !important
}
.mae-micuenta .mec-ud-spec{display:flex !important;gap:16px;margin-bottom:28px !important}
.mae-micuenta .me-ud-spec-ticket,
.mae-micuenta .me-ud-spec-event{
  flex:1;background:var(--surface-2) !important;border:1px solid var(--line) !important;
  border-radius:16px !important;padding:20px 24px !important;text-align:center
}
.mae-micuenta .me-ud-spec-ticket > div:first-child,
.mae-micuenta .me-ud-spec-event > div:first-child{
  font-size:2rem !important;font-weight:800 !important;color:var(--brand-deep) !important;line-height:1.2
}
.mae-micuenta .me-ud-spec-ticket > div:last-child,
.mae-micuenta .me-ud-spec-event > div:last-child{
  font-size:.78rem !important;color:var(--ink-faint) !important;
  text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:4px
}

/* Formulario MEC */
.mae-micuenta .row.row-ud-nm{display:flex;gap:20px;margin-bottom:16px !important}
.mae-micuenta .mec-ud-form{flex:1;min-width:0}
.mae-micuenta .mec-ud-form label{
  display:block !important;font-size:.78rem !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint) !important;margin-bottom:6px !important
}
.mae-micuenta .mec-field-wrapper{
  display:flex !important;align-items:center;
  background:var(--surface-2) !important;border:1.5px solid var(--line) !important;
  border-radius:12px !important;padding:10px 14px !important;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease)
}
.mae-micuenta .mec-field-wrapper:focus-within{
  border-color:var(--brand) !important;box-shadow:0 0 0 3px rgba(79,184,171,.15) !important
}
.mae-micuenta .mec-field-icon{color:var(--ink-faint);margin-right:10px;flex-shrink:0}
.mae-micuenta .mec-field-wrapper input,
.mae-micuenta .mec-field-wrapper p{
  border:none !important;background:transparent !important;padding:0 !important;margin:0 !important;
  font-size:.9rem !important;color:var(--ink) !important;flex:1;outline:none !important;box-shadow:none !important
}
.mae-micuenta .mec-ud-form br{display:none}
.mae-micuenta .mec-ud-content img.avatar,
.mae-micuenta .mec-ud-content img[src*="avatar"]{
  width:72px !important;height:72px !important;border-radius:50% !important;
  border:3px solid var(--line) !important;object-fit:cover
}

/* Headings */
.mae-micuenta .woocommerce-MyAccount-content h2,
.mae-micuenta .woocommerce-MyAccount-content h3{
  font-size:1.1rem !important;font-weight:700 !important;color:var(--ink) !important;
  letter-spacing:-.01em;margin-top:0 !important
}

/* ===== Entradas MEC ===== */
.mae-micuenta .mec-events-meta-group,
.mae-micuenta .mec-booking-list,
.mae-micuenta .mec-profile-bookings{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow);margin-bottom:16px
}

/* ===== Suscripciones y direcciones ===== */
.mae-micuenta .woocommerce-MyAccount-content .subscription-details,
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-Addresses{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow)
}
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-Address{
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:16px;padding:20px 24px;margin-bottom:16px
}
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-Address address{
  color:var(--ink-soft);font-style:normal;line-height:1.7
}
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-Address .edit{
  color:var(--brand-deep);font-weight:600;text-decoration:none
}
.mae-micuenta .woocommerce-MyAccount-content .woocommerce-Address .edit:hover{color:var(--accent)}

/* ===== Cartera Virtual ===== */
.mae-micuenta .woocommerce-MyAccount-content .fsww-wallet-section,
.mae-micuenta .woocommerce-MyAccount-content .fsww-wallet-balance{
  background:linear-gradient(135deg,var(--brand-deep),var(--brand)) !important;
  color:#fff !important;border-radius:16px !important;padding:22px 28px !important;box-shadow:var(--shadow)
}

/* ===== Avisos ===== */
.mae-micuenta .woocommerce-message{
  background:var(--surface) !important;border:1px solid var(--green) !important;
  border-left:4px solid var(--green) !important;border-radius:12px !important;
  color:var(--ink) !important;padding:14px 20px !important;box-shadow:var(--shadow);
  font-size:.88rem;margin-bottom:20px
}
.mae-micuenta .woocommerce-error{
  background:var(--surface) !important;border:1px solid var(--accent) !important;
  border-left:4px solid var(--accent) !important;border-radius:12px !important;
  color:var(--ink) !important;padding:14px 20px !important;box-shadow:var(--shadow)
}
.mae-micuenta .woocommerce-info{
  background:var(--surface) !important;border:1px solid var(--brand) !important;
  border-left:4px solid var(--brand) !important;border-radius:12px !important;
  color:var(--ink) !important;padding:14px 20px !important;box-shadow:var(--shadow)
}

/* ===== Links ===== */
.mae-micuenta .woocommerce-MyAccount-content a:not(.button){
  color:var(--brand-deep);text-decoration:none;font-weight:600;transition:color .2s var(--ease)
}
.mae-micuenta .woocommerce-MyAccount-content a:not(.button):hover{
  color:var(--accent);text-decoration:underline
}

/* ===== Responsive (idéntico a panel.css) ===== */
@media (max-width:980px){
  .mae-micuenta__body{
    grid-template-columns:1fr;
    grid-template-rows:auto auto 1fr;
    gap:16px;padding:18px 16px 60px
  }
  .mae-micuenta__ucard{grid-column:1;grid-row:1}
  .mae-micuenta .woocommerce-MyAccount-navigation{grid-column:1;grid-row:2;position:static}
  .mae-micuenta .woocommerce-MyAccount-content{grid-column:1;grid-row:3}
}
@media (max-width:560px){
  .mae-micuenta .woocommerce-MyAccount-content table{font-size:.82rem}
  .mae-micuenta .woocommerce-MyAccount-content table thead th,
  .mae-micuenta .woocommerce-MyAccount-content table tbody td{padding:10px 12px !important}
  .mae-micuenta .mec-ud-spec{flex-direction:column}
  .mae-micuenta__ucard-name{font-size:1rem}
  .mae-micuenta__avatar img{width:48px;height:48px}
}