.elementor-12 .elementor-element.elementor-element-2ac8b4eb{padding:50px 0px 100px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//*
 * ============================================================
 *  TECNOGRAN — My Account (Login + Dashboard)
 *  Pegar en: página My Account (post 12) → Elementor
 *  → Ajustes de Página → Avanzado → CSS personalizado
 *  Fuente: Montserrat (ya cargada)
 *  Verde: #00AA4F / #00BD58
 * ============================================================
*/

:root {
  --tg-green:   #00AA4F;
  --tg-lime:    #00BD58;
  --tg-border:  #d8eee2;
  --tg-light:   #f5faf7;
  --tg-text:    #111111;
  --tg-muted:   #6b7c6d;
  --tg-radius:  10px;
  --tg-shadow:  0 2px 10px rgba(0,0,0,0.07);
}

/* ─── TIPOGRAFÍA ─────────────────────────────────────────── */
.woocommerce-account .site-main *,
.woocommerce-account .page-content * {
  font-family: 'Montserrat', sans-serif !important;
}

/* ─── TÍTULO DE PÁGINA ───────────────────────────────────── */
.woocommerce-account .entry-title,
.woocommerce-account h1.entry-title {
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  font-weight: 700 !important;
  color: var(--tg-green) !important;
  border-bottom: 3px solid var(--tg-lime) !important;
  padding-bottom: 10px !important;
  margin-bottom: 28px !important;
}

/* ─── LAYOUT LOGIN + REGISTER ────────────────────────────── */
.woocommerce-account .woocommerce {
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
}

/* Si solo hay login (sin registro) — centrado */
.woocommerce-account .woocommerce > .woocommerce-form-login-toggle,
.woocommerce-account .woocommerce > form.woocommerce-form-login {
  flex: 1 !important;
  max-width: 500px !important;
  margin: 0 auto !important;
}

/* ─── CARD FORMULARIO ────────────────────────────────────── */
.woocommerce-form-login,
.woocommerce-form-register {
  background: #fff !important;
  border: 1px solid var(--tg-border) !important;
  border-radius: var(--tg-radius) !important;
  padding: 28px 30px !important;
  box-shadow: var(--tg-shadow) !important;
  flex: 1 !important;
}

/* ─── TÍTULOS DE FORM ────────────────────────────────────── */
.woocommerce-form-login h2,
.woocommerce-form-register h2 {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: var(--tg-text) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-bottom: 2px solid var(--tg-lime) !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

/* ─── FORM ROWS ──────────────────────────────────────────── */
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row {
  margin-bottom: 16px !important;
}

.woocommerce-form-login label,
.woocommerce-form-register label {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: var(--tg-muted) !important;
  margin-bottom: 5px !important;
  display: block !important;
}

.woocommerce-form-login .required,
.woocommerce-form-register .required {
  color: var(--tg-green) !important;
}

/* ─── INPUTS ─────────────────────────────────────────────── */
.woocommerce-form-login .input-text,
.woocommerce-form-register .input-text {
  border: 1px solid var(--tg-border) !important;
  border-radius: 7px !important;
  padding: 10px 14px !important;
  font-size: 0.85rem !important;
  color: var(--tg-text) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s !important;
  background: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
}

.woocommerce-form-login .input-text:focus,
.woocommerce-form-register .input-text:focus {
  outline: none !important;
  border-color: var(--tg-lime) !important;
  box-shadow: 0 0 0 2px rgba(0,189,88,0.12) !important;
}

/* ─── CAPTCHA ────────────────────────────────────────────── */
.woocommerce-form-login .woocommerce-form__label-for-checkbox,
.woocommerce-form-login p strong {
  font-size: 0.83rem !important;
  color: var(--tg-text) !important;
}

/* Row con captcha + checkbox en la misma fila */
.woocommerce-form-login__rememberme,
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.82rem !important;
  color: var(--tg-muted) !important;
  cursor: pointer !important;
}

.woocommerce-form-login input[type="checkbox"] {
  accent-color: var(--tg-green) !important;
  width: 15px !important;
  height: 15px !important;
}

/* ─── BOTONES ────────────────────────────────────────────── */
.woocommerce-form-login .button,
.woocommerce-form-register .button,
.woocommerce-form-login [name="login"],
.woocommerce-form-register [name="register"] {
  display: block !important;
  width: 100% !important;
  background: var(--tg-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 13px 0 !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  cursor: pointer !important;
  transition: background 0.18s !important;
  font-family: 'Montserrat', sans-serif !important;
  box-sizing: border-box !important;
  margin-top: 6px !important;
}

.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover {
  background: var(--tg-lime) !important;
}

/* ─── LINK OLVIDÉ CONTRASEÑA ─────────────────────────────── */
.woocommerce-LostPassword a,
.woocommerce-form-login .lost_password a {
  color: var(--tg-green) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.woocommerce-LostPassword a:hover,
.woocommerce-form-login .lost_password a:hover {
  color: var(--tg-lime) !important;
  text-decoration: underline !important;
}

/* ─── ROW REMEMBER + LOST (misma línea) ─────────────────── */
.woocommerce-form-login .form-row-last {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* ─── DASHBOARD (después de logueado) ───────────────────── */
/* Nav lateral */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #fff !important;
  border: 1px solid var(--tg-border) !important;
  border-radius: var(--tg-radius) !important;
  box-shadow: var(--tg-shadow) !important;
  overflow: hidden !important;
  min-width: 200px !important;
  flex-shrink: 0 !important;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--tg-border) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 12px 18px !important;
  font-size: 0.83rem !important;
  font-weight: 600 !important;
  color: var(--tg-muted) !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--tg-light) !important;
  color: var(--tg-green) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--tg-light) !important;
  color: var(--tg-green) !important;
  border-left: 3px solid var(--tg-green) !important;
}

/* Contenido del dashboard */
.woocommerce-account .woocommerce-MyAccount-content {
  background: #fff !important;
  border: 1px solid var(--tg-border) !important;
  border-radius: var(--tg-radius) !important;
  padding: 24px 28px !important;
  box-shadow: var(--tg-shadow) !important;
  flex: 1 !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 0.85rem !important;
  color: var(--tg-text) !important;
  line-height: 1.6 !important;
}

.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--tg-green) !important;
  font-weight: 600 !important;
}

/* Tablas de pedidos */
.woocommerce-account table.shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.woocommerce-account table.shop_table thead th {
  background: var(--tg-light) !important;
  color: var(--tg-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 11px 16px !important;
  border-bottom: 2px solid var(--tg-lime) !important;
  text-align: left !important;
}

.woocommerce-account table.shop_table tbody td {
  padding: 12px 16px !important;
  font-size: 0.83rem !important;
  color: var(--tg-text) !important;
  border-bottom: 1px solid var(--tg-border) !important;
}

.woocommerce-account table.shop_table .button {
  background: var(--tg-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}

.woocommerce-account table.shop_table .button:hover {
  background: var(--tg-lime) !important;
}

/* ─── OCULTAR TÍTULO "ACCEDER" DEL FORM (h2 auto de WooCommerce) ─── */
/* Hijo directo de .woocommerce, antes del <form>. No afecta otros h2. */
.woocommerce-account .woocommerce > h2 {
  display: none !important;
}

/* ─── OCULTAR BOTÓN "ACCEDER" DEL HEADER ─────────────────── */
/* Widget Button de Elementor en el header (elementor-id 68) */
.elementor-element-2ed0ee9 {
  display: none !important;
}

/* ─── CAPTCHA (All In One WP Security) ──────────────────── */
.woocommerce-form-login .aiowps-captcha {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

.woocommerce-form-login .aiowps-captcha label {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: var(--tg-muted) !important;
  margin-bottom: 5px !important;
  display: block !important;
}

.woocommerce-form-login .aiowps-captcha-equation {
  margin-top: 4px !important;
}

.woocommerce-form-login .aiowps-captcha-equation strong {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: var(--tg-text) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.woocommerce-form-login .aiowps-captcha-answer {
  border: 1px solid var(--tg-border) !important;
  border-radius: 7px !important;
  padding: 8px 10px !important;
  font-size: 0.85rem !important;
  width: 60px !important;
  box-sizing: border-box !important;
  font-family: 'Montserrat', sans-serif !important;
}

.woocommerce-form-login .aiowps-captcha-answer:focus {
  outline: none !important;
  border-color: var(--tg-lime) !important;
  box-shadow: 0 0 0 2px rgba(0,189,88,0.12) !important;
}

/* ─── DIRECCIONES (facturación / envío) ──────────────────── */
.woocommerce-account .woocommerce-Addresses {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  flex: 1 1 260px !important;
  min-width: 240px !important;
  background: var(--tg-light) !important;
  border: 1px solid var(--tg-border) !important;
  border-radius: var(--tg-radius) !important;
  padding: 18px 20px !important;
}

.woocommerce-account .woocommerce-Address-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.woocommerce-account .woocommerce-Address-title h2 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--tg-text) !important;
  margin: 0 !important;
  text-transform: none !important;
}

.woocommerce-account .woocommerce-Address-title .edit {
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  color: var(--tg-green) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.woocommerce-account .woocommerce-Address-title .edit:hover {
  color: var(--tg-lime) !important;
  text-decoration: underline !important;
}

.woocommerce-account .woocommerce-Address address {
  font-style: normal !important;
  font-size: 0.85rem !important;
  color: var(--tg-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

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