/* ============================================================
   70 — Mi Cuenta (WooCommerce My Account)
   Traduce la maqueta cuenta/index.html al marcado real de WooCommerce.
   Todo va dentro de body.woocommerce-account para no tocar el resto del sitio.
   Móvil primero; escritorio en @media (min-width:980px).
   ============================================================ */

/* ------------------------------------------------------------
   1. Layout general
   El shortcode de Mi cuenta envuelve todo en .woocommerce, con dos hijos:
   nuestra columna lateral (.tgs-acc-side) y .woocommerce-MyAccount-content.
   ------------------------------------------------------------ */
.woocommerce-account .woocommerce{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* WooCommerce y GeneratePress flotan estas dos columnas: lo anulamos. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float:none;
  width:100%;
  margin:0;
  padding:0;
}

.tgs-acc-side{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}

.woocommerce-account .woocommerce-MyAccount-content{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

/* Título de sección que imprime el tema (WooCommerce lo cambia por endpoint). */
.woocommerce-account .entry-title,
.woocommerce-account .page-header .entry-title{
  font-family:var(--tgs-font);
  font-size:19px;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
  color:var(--tgs-text);
}

/* ------------------------------------------------------------
   2. Tarjeta de perfil
   ------------------------------------------------------------ */
.tgs-acc-profile{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:14px;
  background:var(--tgs-ink);
  border-radius:20px;
  padding:18px 20px;
}

/* Brillo superior derecho de la maqueta. */
.tgs-acc-profile::after{
  content:"";
  position:absolute;
  top:-40px;
  right:-40px;
  width:160px;
  height:160px;
  border-radius:var(--tgs-r-pill);
  background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);
  pointer-events:none;
}

.tgs-acc-av{
  position:relative;
  z-index:1;
  flex:none;
  width:52px;
  height:52px;
  border-radius:var(--tgs-r-pill);
  background:var(--tgs-chrome-btn);
  color:var(--tgs-ink);
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:900;
  line-height:1;
}

.tgs-acc-id{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.tgs-acc-greet{
  color:var(--tgs-on-dark-meta);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.tgs-acc-name{
  color:#fff;
  font-size:19px;
  font-weight:900;
  font-style:italic;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.tgs-acc-pts{
  position:relative;
  z-index:1;
  margin-left:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
  text-decoration:none;
  min-height:44px;
  justify-content:center;
}

.tgs-acc-pts:hover,
.tgs-acc-pts:focus{text-decoration:none}

.tgs-acc-pts-num{
  font-size:26px;
  font-weight:900;
  line-height:1;
}

.tgs-acc-pts-lbl{
  color:var(--tgs-on-dark-meta);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

/* ------------------------------------------------------------
   3. Navegación — chips horizontales en móvil
   ------------------------------------------------------------ */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:0 0 2px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}

.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:0;
  padding:0;
  flex:none;
  list-style:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  border:1.5px solid var(--tgs-card-bd);
  border-radius:var(--tgs-r-pill);
  background:var(--tgs-card);
  color:var(--tgs-text);
  font-family:var(--tgs-font);
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:var(--tgs-ink);
  border-color:var(--tgs-ink);
  color:#fff;
}

/* ------------------------------------------------------------
   4. Cerrar sesión (solo escritorio; en móvil está en "Mis datos")
   ------------------------------------------------------------ */
.tgs-acc-logout{display:none}

/* ------------------------------------------------------------
   5. Tarjetas genéricas de sección
   ------------------------------------------------------------ */
.tgs-acc-card{
  background:var(--tgs-card);
  border:1px solid var(--tgs-card-bd);
  border-radius:var(--tgs-r-card);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.tgs-acc-card-h{
  margin:0;
  color:var(--tgs-text);
  font-size:15px;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
}

.tgs-acc-grid2{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* ------------------------------------------------------------
   6. Pedidos — acordeón <details>
   ------------------------------------------------------------ */
.tgs-orders{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.tgs-order{
  background:var(--tgs-card);
  border:1px solid var(--tgs-card-bd);
  border-radius:var(--tgs-r-card);
  overflow:hidden;
}

.tgs-order-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  min-height:44px;
  cursor:pointer;
  list-style:none;
}

/* Quita el triángulo nativo de <summary>. */
.tgs-order-head::-webkit-details-marker{display:none}
.tgs-order-head::marker{content:""}

.tgs-order-info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.tgs-order-num{
  color:var(--tgs-text);
  font-size:13px;
  font-weight:900;
}

.tgs-order-meta{
  color:var(--tgs-text-meta);
  font-size:11.5px;
  font-weight:600;
}

/* En móvil la cabecera va justa: el texto largo se recorta en vez de romper
   la fila (nº de pedido y fecha son secundarios frente a estado y total). */
.tgs-order-num,
.tgs-order-meta{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* La pill de estado nunca se comprime ni parte el texto ("PENDIENTE DE PAGO"). */
.tgs-order-head .tgs-pill{
  flex:none;
  white-space:nowrap;
}

.tgs-order-total{
  color:var(--tgs-text);
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}

.tgs-order-total .woocommerce-Price-amount{font-weight:900}
.tgs-order-total small{display:none} /* "vía Transferencia" del total formateado */

.tgs-order-chev{
  flex:none;
  display:inline-flex;
  color:var(--tgs-text-disabled);
  transition:transform .2s ease;
}

.tgs-order[open] .tgs-order-chev{transform:rotate(180deg)}

.tgs-order-body{
  border-top:1px solid var(--tgs-sep);
  padding:12px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  animation:tgsPop .2s ease;
}

/* --- líneas del pedido --- */
.tgs-li{
  display:flex;
  align-items:center;
  gap:10px;
}

.tgs-li-img{
  flex:none;
  width:44px;
  height:44px;
  border-radius:10px;
  background:var(--tgs-bg);
  display:grid;
  place-items:center;
  overflow:hidden;
}

.tgs-li-img img{
  max-width:84%;
  max-height:84%;
  width:auto;
  height:auto;
  object-fit:contain;
}

.tgs-li-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.tgs-li-name{
  color:var(--tgs-text);
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}

.tgs-li-name a{color:inherit;text-decoration:none}
.tgs-li-name a:hover{text-decoration:underline}

.tgs-li-meta,
.tgs-li-qty{
  color:var(--tgs-text-meta);
  font-size:11px;
  font-weight:600;
}

.tgs-li-meta p{margin:0}

.tgs-li-price{
  color:var(--tgs-text-body);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.tgs-order-track{
  margin:0;
  color:var(--tgs-text-meta);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.02em;
}

/* --- botonera --- */
.tgs-acc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}

/* Tamaño compacto de los botones dentro del pedido (el aspecto lo da .tgs-btn). */
.tgs-acc-actions .tgs-acc-btn{
  flex:1 1 auto;
  min-width:130px;
  min-height:44px;
  padding:0 14px;
  font-size:11.5px;
  text-align:center;
}

/* Los secundarios van sobre tarjeta clara, así que usan el componente
   compartido .tgs-btn--outline (el --ghost está pensado para fondo negro).
   Aquí solo se retoca el hover para igualar la maqueta: relleno gris suave. */
.woocommerce-account .tgs-acc-btn.tgs-btn--outline:hover{background-color:var(--tgs-sep)}

/* --- pills de estado que no cubre el módulo base --- */
.tgs-acc-pill-muted{
  background:var(--tgs-sep);
  color:var(--tgs-text-meta);
}

.tgs-acc-pill-danger{
  background:var(--tgs-danger-bg);
  color:var(--tgs-red);
}

/* --- paginación y estado vacío --- */
.tgs-acc-pager{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.tgs-acc-empty{
  align-items:flex-start;
  text-align:left;
}

.tgs-acc-empty-t{
  margin:0;
  color:var(--tgs-text-body);
  font-size:13px;
  font-weight:600;
}

/* ------------------------------------------------------------
   7. Puntos TGS
   ------------------------------------------------------------ */
.tgs-pts-balance{
  margin:0;
  font-size:38px;
  font-weight:900;
  line-height:1;
}

.tgs-pts-balance small{
  font-size:14px;
  font-weight:800;
  color:var(--tgs-text-meta);
}

.tgs-pts-lead{
  margin:0;
  color:var(--tgs-text-body);
  font-size:13px;
  font-weight:600;
  line-height:1.55;
}

.tgs-pts-link{
  align-self:flex-start;
  color:var(--tgs-text);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

.tgs-pts-link:hover{text-decoration:underline}

.tgs-pts-history{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.tgs-pts-empty{
  margin:0;
  color:var(--tgs-text-meta);
  font-size:12.5px;
  font-weight:600;
  line-height:1.55;
}

.tgs-mov{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  border-top:1px solid var(--tgs-sep);
  padding-top:10px;
}

.tgs-mov-txt{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.tgs-mov-l{
  color:var(--tgs-text);
  font-size:12.5px;
  font-weight:800;
}

.tgs-mov-d{
  color:var(--tgs-text-meta);
  font-size:11px;
  font-weight:600;
}

.tgs-mov-amt{
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}

.tgs-mov-amt--pos{color:var(--tgs-green-text)}
.tgs-mov-amt--neg{color:var(--tgs-red)}

/* --- tarjeta negra Members Club --- */
.tgs-club{
  background:var(--tgs-ink);
  border-radius:var(--tgs-r-card);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.tgs-club-h{
  margin:0;
  color:#fff;
  font-size:15px;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
}

.tgs-club-t{
  margin:0;
  color:var(--tgs-on-dark-3);
  font-size:12.5px;
  font-weight:600;
  line-height:1.5;
}

.tgs-club .tgs-btn{margin-top:4px;min-height:46px}

/* ------------------------------------------------------------
   8. Direcciones
   ------------------------------------------------------------ */
.woocommerce-account .woocommerce-Addresses{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0;
}

.woocommerce-account .woocommerce-Address{
  float:none;
  width:100%;
  margin:0;
  padding:16px;
  background:var(--tgs-card);
  border:1px solid var(--tgs-card-bd);
  border-radius:var(--tgs-r-card);
}

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

.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3{
  margin:0;
  color:var(--tgs-text);
  font-size:13.5px;
  font-weight:900;
  line-height:1.3;
}

/* WooCommerce no tiene "dirección predeterminada": la de facturación hace ese
   papel (es la que rellena el checkout), así que la insignia va en la primera. */
.woocommerce-account .woocommerce-Address:first-child .woocommerce-Address-title h2::after,
.woocommerce-account .woocommerce-Address:first-child .woocommerce-Address-title h3::after{
  content:"PREDETERMINADA";
  display:inline-block;
  margin-left:8px;
  padding:3px 8px;
  border-radius:var(--tgs-r-pill);
  background:var(--tgs-green-bg);
  color:var(--tgs-green-text);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  vertical-align:middle;
}

.woocommerce-account .woocommerce-Address-title .edit{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--tgs-text-meta);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  text-decoration:none;
}

.woocommerce-account .woocommerce-Address-title .edit:hover{color:var(--tgs-text)}

.woocommerce-account .woocommerce-Address address{
  margin:6px 0 0;
  font-style:normal;
  color:var(--tgs-text-body);
  font-size:12.5px;
  font-weight:600;
  line-height:1.5;
}

/* Botón de añadir con borde discontinuo. */
.tgs-add-addr{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  border:1.5px dashed var(--tgs-text-disabled);
  border-radius:var(--tgs-r-pill);
  background:none;
  color:var(--tgs-text-body);
  font-size:12.5px;
  font-weight:800;
  text-transform:uppercase;
  text-decoration:none;
  transition:border-color .15s,color .15s;
}

.tgs-add-addr:hover{
  border-color:var(--tgs-ink);
  color:var(--tgs-text);
}

/* ------------------------------------------------------------
   9. Formularios nativos (direcciones y "Mis datos")
   No podemos añadir clases al marcado de form-edit-account.php sin
   sobrescribir la plantilla, así que damos el aspecto de .tgs-field/.tgs-input
   a las clases que ya imprime WooCommerce.
   ------------------------------------------------------------ */
.woocommerce-account .woocommerce-MyAccount-content form{
  background:var(--tgs-card);
  border:1px solid var(--tgs-card-bd);
  border-radius:var(--tgs-r-card);
  padding:18px;
}

.woocommerce-account .woocommerce-MyAccount-content form .form-row,
.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-form-row{
  display:flex;
  flex-direction:column;
  gap:6px;
  float:none;
  width:100%;
  margin:0 0 12px;
  padding:0;
}

.woocommerce-account .woocommerce-MyAccount-content form label{
  color:var(--tgs-text-body);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.woocommerce-account .woocommerce-MyAccount-content form fieldset{
  margin:18px 0 0;
  padding:16px 0 0;
  border:0;
  border-top:1px solid var(--tgs-sep);
}

.woocommerce-account .woocommerce-MyAccount-content form legend{
  padding:0;
  color:var(--tgs-text);
  font-size:15px;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
}

.woocommerce-account .woocommerce-MyAccount-content form input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="number"],
.woocommerce-account .woocommerce-MyAccount-content form select,
.woocommerce-account .woocommerce-MyAccount-content form textarea{
  width:100%;
  min-height:48px;
  padding:13px 14px;
  border:1.5px solid var(--tgs-bd-input);
  border-radius:var(--tgs-r-input);
  background:var(--tgs-card);
  color:var(--tgs-text);
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  box-shadow:none;
}

.woocommerce-account .woocommerce-MyAccount-content form input:focus,
.woocommerce-account .woocommerce-MyAccount-content form select:focus,
.woocommerce-account .woocommerce-MyAccount-content form textarea:focus{
  outline:none;
  border-color:var(--tgs-ink);
}

.woocommerce-account .woocommerce-MyAccount-content form .description,
.woocommerce-account .woocommerce-MyAccount-content form em{
  color:var(--tgs-text-meta);
  font-size:11.5px;
  font-weight:600;
  font-style:normal;
}

/* Botones de envío de los formularios nativos: mismo aspecto que .tgs-btn--dark. */
.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content form .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  margin-top:4px;
  padding:0 22px;
  border:none;
  border-radius:var(--tgs-r-pill);
  background:var(--tgs-ink);
  color:#fff;
  font-family:var(--tgs-font);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  transition:transform .1s;
}

.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:active,
.woocommerce-account .woocommerce-MyAccount-content form input[type="submit"]:active{transform:scale(.97)}

/* Select2 de los campos de país/provincia. */
.woocommerce-account .select2-container--default .select2-selection--single{
  min-height:48px;
  border:1.5px solid var(--tgs-bd-input);
  border-radius:var(--tgs-r-input);
  background:var(--tgs-card);
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:46px;
  padding-left:14px;
  color:var(--tgs-text);
  font-weight:600;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}

/* ------------------------------------------------------------
   10. Lista de accesos de "Mis datos"
   ------------------------------------------------------------ */
.tgs-acc-list{
  background:var(--tgs-card);
  border:1px solid var(--tgs-card-bd);
  border-radius:var(--tgs-r-card);
  padding:2px 16px;
}

.tgs-acc-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  padding:6px 0;
  color:var(--tgs-text);
  text-decoration:none;
}

.tgs-acc-row + .tgs-acc-row{border-top:1px solid var(--tgs-sep)}

.tgs-acc-row-label{
  font-size:13px;
  font-weight:800;
}

.tgs-acc-row-chev{
  display:inline-flex;
  color:var(--tgs-text-disabled);
  transform:rotate(-90deg);
}

.tgs-acc-row--danger,
.tgs-acc-row--danger .tgs-acc-row-label{color:var(--tgs-red)}

.tgs-acc-help{
  margin:0;
  color:var(--tgs-text-meta);
  font-size:11.5px;
  font-weight:600;
  line-height:1.55;
}

/* ============================================================
   ESCRITORIO (>= 980px)
   ============================================================ */
@media (min-width:980px){

  /* Dos columnas: lateral fija + contenido. */
  .woocommerce-account .woocommerce{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:24px;
    align-items:start;
  }

  /* Cualquier cosa que meta un plugin dentro del wrapper ocupa el ancho
     completo; solo lateral y contenido se reparten las dos columnas. */
  .woocommerce-account .woocommerce > *{grid-column:1 / -1}
  .woocommerce-account .woocommerce > .tgs-acc-side{grid-column:1}
  .woocommerce-account .woocommerce > .woocommerce-MyAccount-content{grid-column:2}

  .tgs-acc-side{position:sticky;top:18px}

  .woocommerce-account .woocommerce-MyAccount-content{gap:14px}

  .woocommerce-account .entry-title,
  .woocommerce-account .page-header .entry-title{font-size:26px}

  /* --- perfil --- */
  .tgs-acc-profile{padding:20px}
  .tgs-acc-pts-num{font-size:24px}

  /* --- navegación: sidebar vertical --- */
  .woocommerce-account .woocommerce-MyAccount-navigation{
    background:var(--tgs-card);
    border:1px solid var(--tgs-card-bd);
    border-radius:20px;
    padding:10px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    flex-direction:column;
    gap:4px;
    overflow:visible;
    padding:0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li{width:100%}

  .woocommerce-account .woocommerce-MyAccount-navigation li a{
    width:100%;
    justify-content:flex-start;
    gap:12px;
    min-height:48px;
    padding:0 14px;
    border:none;
    border-radius:14px;
    background:none;
    font-size:13.5px;
  }

  /* Iconos solo en escritorio, como en la maqueta. */
  .woocommerce-account .woocommerce-MyAccount-navigation-link > a::before{
    content:"•";
    font-size:16px;
    line-height:1;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation-link--orders > a::before{content:"\1F4E6"}
  .woocommerce-account .woocommerce-MyAccount-navigation-link--puntos-tgs > a::before{content:"\2B50"}
  .woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address > a::before{content:"\1F4CD"}
  .woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account > a::before{content:"\2699"}

  /* --- cerrar sesión ---
     Va fuera de la tarjeta de navegación (es un hermano del <nav> nativo),
     así que se le da su propia tarjeta en lugar de la línea separadora. */
  .tgs-acc-logout{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:48px;
    padding:0 24px;
    background:var(--tgs-card);
    border:1px solid var(--tgs-card-bd);
    border-radius:20px;
    color:var(--tgs-red);
    font-size:13.5px;
    font-weight:800;
    text-decoration:none;
  }

  .tgs-acc-logout:hover{color:var(--tgs-red);opacity:.8}
  .tgs-acc-logout-ico{font-size:16px;line-height:1}

  /* --- rejilla de dos tarjetas --- */
  .tgs-acc-grid2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    align-items:start;
  }

  /* --- pedidos --- */
  .tgs-orders{gap:14px}
  .tgs-order{border-radius:var(--tgs-r-card-desk)}
  .tgs-order-head{padding:18px 22px;gap:16px}
  .tgs-order-head:hover{background:var(--tgs-bg)}
  .tgs-order-num{font-size:15px}
  .tgs-order-meta{font-size:12.5px}
  .tgs-order-total{font-size:16px}
  .tgs-order-body{padding:16px 22px;gap:12px}
  .tgs-li-img{width:52px;height:52px;border-radius:12px}
  .tgs-li-name{font-size:13px}
  .tgs-li-price{font-size:13px}

  .tgs-acc-actions{flex-wrap:wrap}
  .tgs-acc-actions .tgs-acc-btn{
    flex:0 0 auto;
    min-width:0;
    padding:0 22px;
    font-size:12px;
  }

  /* --- tarjetas --- */
  .tgs-acc-card{border-radius:var(--tgs-r-card-desk);padding:22px}
  .tgs-acc-card-h{font-size:17px}
  .tgs-pts-balance{font-size:44px}
  .tgs-pts-lead{font-size:13.5px}
  .tgs-pts-link{font-size:12.5px}
  .tgs-mov-l{font-size:13px}
  .tgs-mov-d{font-size:11.5px}
  .tgs-mov-amt{font-size:15px}

  .tgs-club{
    border-radius:var(--tgs-r-card-desk);
    padding:22px;
    height:fit-content;
  }
  .tgs-club-h{font-size:17px}
  .tgs-club-t{font-size:13px;line-height:1.55}

  /* --- direcciones --- */
  .woocommerce-account .woocommerce-Addresses{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    align-items:start;
  }

  .woocommerce-account .woocommerce-Address{
    border-radius:var(--tgs-r-card-desk);
    padding:20px;
  }

  .woocommerce-account .woocommerce-Address-title h2,
  .woocommerce-account .woocommerce-Address-title h3{font-size:15px}

  .tgs-add-addr{
    min-height:110px;
    border-radius:var(--tgs-r-card-desk);
    font-size:13px;
  }

  /* --- formularios --- */
  .woocommerce-account .woocommerce-MyAccount-content form{
    border-radius:var(--tgs-r-card-desk);
    padding:22px;
  }

  /* Nombre y apellidos en dos columnas.
     Con inline-flex + calc(50% - 6px) + 12px de margen se suma exactamente el
     100%, así que el espacio en blanco entre las dos etiquetas del HTML tiraba
     la segunda a la línea siguiente. Se resuelve con floats, que es lo que usa
     WooCommerce (sus plantillas ya imprimen el <div class="clear">). */
  .woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
  .woocommerce-account .woocommerce-MyAccount-content form .form-row-last{
    width:calc(50% - 6px);
  }

  .woocommerce-account .woocommerce-MyAccount-content form .form-row-first{
    float:left;
    clear:left;
  }

  .woocommerce-account .woocommerce-MyAccount-content form .form-row-last{float:right}

  .woocommerce-account .woocommerce-MyAccount-content form .clear{clear:both}

  .woocommerce-account .woocommerce-MyAccount-content form::after{
    content:"";
    display:table;
    clear:both;
  }

  .woocommerce-account .woocommerce-MyAccount-content form button[type="submit"],
  .woocommerce-account .woocommerce-MyAccount-content form input[type="submit"]{width:auto;min-width:220px}

  /* --- lista de accesos --- */
  .tgs-acc-list{border-radius:var(--tgs-r-card-desk);padding:2px 22px}
  .tgs-acc-row{min-height:52px;padding:7px 0}
  .tgs-acc-row-label{font-size:14px}

  /* Filas que solo tienen sentido en móvil (cerrar sesión). */
  .tgs-m-only{display:none !important}
}