/* =====================================================================
   Librería Uno · Mi cuenta (WooCommerce)
   Encolar después de tokens.css. Todo valor sale de una variable.
   Prefijo de clases: .uno-cuenta-
   ===================================================================== */

/* ---------- 1. Variables de Mi cuenta (único lugar) ---------- */
:root{
  /* superficie y forma */
  --uno-cuenta-fondo:        var(--uno-papel, #F4EFE4);
  --uno-cuenta-card:         var(--uno-blanco, #FFFFFF);
  --uno-cuenta-borde:        var(--uno-filete, #E2DED5);
  --uno-cuenta-borde-campo:  #8F877A;              /* 3:1 sobre blanco (WCAG 1.4.11) */
  --uno-cuenta-radio:        16px;
  --uno-cuenta-radio-campo:  10px;
  --uno-cuenta-sombra:       0 1px 2px rgba(20,22,28,.06);
  --uno-cuenta-sombra-hover: 0 8px 20px rgba(20,22,28,.10);

  /* medidas */
  --uno-cuenta-tap:          44px;
  --uno-cuenta-campo-alto:   48px;
  --uno-cuenta-campo-fs:     16px;                 /* evita el zoom de iOS */
  --uno-cuenta-menu-ancho:   264px;
  --uno-cuenta-gap:          16px;
  --uno-cuenta-pad-card:     16px;
  --uno-cuenta-wa-tam:       52px;
  --uno-cuenta-wa-reserva:   calc(var(--uno-cuenta-wa-tam) + 44px + env(safe-area-inset-bottom));

  /* colores de cada estado de pedido (fondo / texto / borde) */
  --uno-estado-pendiente-bg:  #F7EDEE; --uno-estado-pendiente-fg:  #8C2F39; --uno-estado-pendiente-bd:  #F7EDEE;
  --uno-estado-procesando-bg: #F6EDD9; --uno-estado-procesando-fg: #6B4F12; --uno-estado-procesando-bd: #F6EDD9;
  --uno-estado-enviado-bg:    #FFFFFF; --uno-estado-enviado-fg:    #123C2E; --uno-estado-enviado-bd:    #123C2E;
  --uno-estado-retirar-bg:    #123C2E; --uno-estado-retirar-fg:    #FFFFFF; --uno-estado-retirar-bd:    #123C2E;
  --uno-estado-completado-bg: #E4F0E8; --uno-estado-completado-fg: #1F5E3A; --uno-estado-completado-bd: #E4F0E8;
  --uno-estado-cancelado-bg:  #EFEBE3; --uno-estado-cancelado-fg:  #5C554A; --uno-estado-cancelado-bd:  #EFEBE3;
}
@media (min-width:600px){ :root{ --uno-cuenta-pad-card:24px; --uno-cuenta-gap:20px; } }

/* ---------- 2. Contenedor general (body.woocommerce-account) ---------- */
.woocommerce-account .uno-cuenta{
  background:var(--uno-cuenta-fondo);
  padding:20px 16px var(--uno-cuenta-wa-reserva);
  font-family:var(--uno-texto); color:var(--uno-negro);
}
.uno-cuenta-shell{ display:grid; grid-template-columns:minmax(0,1fr); gap:32px; max-width:var(--uno-ancho-max,1280px); margin:0 auto; }
@media (min-width:1024px){
  .woocommerce-account .uno-cuenta{ padding:32px 40px 72px; }
  .uno-cuenta-shell{ grid-template-columns:var(--uno-cuenta-menu-ancho) minmax(0,1fr); align-items:start; }
}
.uno-cuenta-h1{ margin:0; font:700 1.75rem/1.15 var(--uno-display); letter-spacing:-.015em; color:var(--uno-verde); }
@media (min-width:600px){ .uno-cuenta-h1{ font-size:2rem; } }
@media (min-width:1024px){ .uno-cuenta-h1{ font-size:2.25rem; } }
.uno-cuenta-meta{ margin:0; font:500 .75rem/1.3 var(--uno-texto); letter-spacing:.06em; text-transform:uppercase; color:var(--uno-gris); }
.uno-cuenta-card{ background:var(--uno-cuenta-card); border:1px solid var(--uno-cuenta-borde); border-radius:var(--uno-cuenta-radio); box-shadow:var(--uno-cuenta-sombra); padding:var(--uno-cuenta-pad-card); }
.uno-cuenta-sr{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ---------- 3. Navegación ---------- */
/* Escritorio: menú lateral (woocommerce-MyAccount-navigation) */
.uno-cuenta-menu{ display:none; }
@media (min-width:1024px){
  .uno-cuenta-menu{ display:block; position:sticky; top:24px; }
  .uno-cuenta-menu ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
  .uno-cuenta-menu a{ display:flex; align-items:center; gap:12px; min-height:48px; padding:0 14px; border-radius:var(--uno-cuenta-radio-campo);
    font:600 15px/1.2 var(--uno-display); color:var(--uno-verde); text-decoration:none; }
  .uno-cuenta-menu a:hover{ text-decoration:underline; text-underline-offset:4px; }
  .uno-cuenta-menu .is-active a,
  .uno-cuenta-menu a[aria-current="page"]{ background:var(--uno-verde); color:var(--uno-blanco); }
  .uno-cuenta-menu .woocommerce-MyAccount-navigation-link--customer-logout a{ font:500 14px var(--uno-texto); color:var(--uno-gris); }
}
/* Celular y tablet: «← Mi cuenta» + 3 pestañas fijas (sin scroll) */
.uno-cuenta-subnav{ display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.uno-cuenta-subnav__volver{ align-self:flex-start; display:flex; align-items:center; min-height:var(--uno-cuenta-tap); font:600 15px var(--uno-display); color:var(--uno-verde); text-decoration:none; }
.uno-cuenta-subnav ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.uno-cuenta-subnav ul a{ display:flex; align-items:center; justify-content:center; min-height:var(--uno-cuenta-tap); padding:0 10px; border-radius:var(--uno-r-pill,999px);
  border:1.5px solid #C9C1B1; background:var(--uno-blanco); color:var(--uno-verde); font:600 14px var(--uno-display); text-decoration:none; white-space:nowrap; }
.uno-cuenta-subnav ul a[aria-current="page"]{ background:var(--uno-verde); border-color:var(--uno-verde); color:var(--uno-blanco); }
@media (min-width:1024px){ .uno-cuenta-subnav{ display:none; } }

/* ---------- 4. Botones (mismos del manual, pág. 21) ---------- */
.uno-cuenta .button,
.uno-cuenta-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 24px;
  border:0; border-radius:var(--uno-cuenta-radio-campo); background:var(--uno-bordo); color:var(--uno-blanco);
  font:600 15px/1.2 var(--uno-display); letter-spacing:.01em; text-decoration:none; cursor:pointer;
  transition:transform var(--uno-t-rapida) var(--uno-curva), background-color var(--uno-t-rapida); }
.uno-cuenta .button:hover, .uno-cuenta-btn:hover{ background:#7A2832; color:var(--uno-blanco); transform:translateY(-2px); }
.uno-cuenta .button:active, .uno-cuenta-btn:active{ background:#6E242C; transform:none; transition:none; }
.uno-cuenta-btn--sec{ background:var(--uno-blanco); color:var(--uno-verde); border:1.5px solid var(--uno-verde); }
.uno-cuenta-btn--sec:hover{ background:var(--uno-verde-10); color:var(--uno-verde); }
.uno-cuenta-btn--gh{ background:none; color:var(--uno-verde); min-height:var(--uno-cuenta-tap); padding:0 4px; }
.uno-cuenta-btn--gh:hover{ background:none; color:var(--uno-verde); transform:none; text-decoration:underline; text-decoration-color:var(--uno-bordo); text-decoration-thickness:2px; text-underline-offset:4px; }
.uno-cuenta-btn[disabled]{ background:var(--uno-filete); color:var(--uno-gris); cursor:not-allowed; transform:none; }
.uno-cuenta-btn--bloque{ width:100%; min-height:52px; }
@media (max-width:599px){ .uno-cuenta-acciones > .uno-cuenta-btn{ flex:1 1 100%; } }
.uno-cuenta :focus-visible{ outline:2px solid var(--uno-bordo); outline-offset:2px; }

/* ---------- 5. Formularios (login, registro, direcciones, mis datos) ---------- */
.uno-cuenta .form-row{ display:flex; flex-direction:column; gap:6px; margin:0 0 18px; }
.uno-cuenta .form-row label{ font:500 15px/1.3 var(--uno-texto); color:var(--uno-negro); }
.uno-cuenta .form-row .required{ color:var(--uno-error); text-decoration:none; }
.uno-cuenta .input-text, .uno-cuenta select, .uno-cuenta textarea{
  width:100%; min-height:var(--uno-cuenta-campo-alto); padding:12px 14px; box-sizing:border-box;
  border:1.5px solid var(--uno-cuenta-borde-campo); border-radius:var(--uno-cuenta-radio-campo);
  background:var(--uno-blanco); font:400 var(--uno-cuenta-campo-fs)/1.4 var(--uno-texto); color:var(--uno-negro); }
.uno-cuenta [aria-invalid="true"], .uno-cuenta .woocommerce-invalid .input-text{ border-color:var(--uno-error); }
.uno-cuenta-ayuda{ margin:0; font:400 14px/1.45 var(--uno-texto); color:var(--uno-gris); }
.uno-cuenta-error{ margin:0; font:500 14px/1.45 var(--uno-texto); color:var(--uno-error); }
.uno-cuenta-error-resumen,
.uno-cuenta .woocommerce-error{ list-style:none; margin:0 0 18px; padding:12px 14px; border:1.5px solid var(--uno-error); border-radius:var(--uno-cuenta-radio-campo); background:#FBEDEB; color:var(--uno-negro); font-size:15px; }
.uno-cuenta .woocommerce-message{ margin:0 0 16px; padding:12px 14px; border:0; border-radius:var(--uno-cuenta-radio-campo); background:var(--uno-verde-10); color:var(--uno-verde); font-weight:500; }
.uno-cuenta input[type="checkbox"], .uno-cuenta input[type="radio"]{ width:22px; height:22px; margin:0; accent-color:var(--uno-verde); }
.uno-cuenta-check{ display:flex; align-items:center; gap:10px; min-height:var(--uno-cuenta-tap); cursor:pointer; }
/* grilla: 1 columna en celular, 2 desde 600 px */
.uno-cuenta-grilla{ display:grid; grid-template-columns:minmax(0,1fr); gap:0 16px; }
@media (min-width:600px){ .uno-cuenta-grilla{ grid-template-columns:repeat(2,minmax(0,1fr)); } .uno-cuenta-grilla .form-row-wide{ grid-column:1/-1; } }

/* Contraseña: botón Mostrar dentro del campo + medidor */
.uno-cuenta-pass{ position:relative; }
.uno-cuenta-pass .input-text{ padding-right:96px; }
.uno-cuenta-pass__ver{ position:absolute; right:4px; top:50%; transform:translateY(-50%); min-height:var(--uno-cuenta-tap); min-width:80px; border:0; background:none; font:600 14px var(--uno-display); color:var(--uno-verde); cursor:pointer; }
.uno-cuenta .show-password-input{ display:none; } /* se reemplaza por .uno-cuenta-pass__ver */
.uno-cuenta-fuerza{ display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin-top:4px; }
.uno-cuenta-fuerza span{ height:6px; border-radius:999px; background:var(--uno-filete); }
.uno-cuenta-fuerza[data-nivel="1"] span:nth-child(-n+1){ background:var(--uno-error); }
.uno-cuenta-fuerza[data-nivel="2"] span:nth-child(-n+2){ background:var(--uno-mostaza); }
.uno-cuenta-fuerza[data-nivel="3"] span:nth-child(-n+3),
.uno-cuenta-fuerza[data-nivel="4"] span{ background:var(--uno-ok); }
.uno-cuenta .woocommerce-password-strength{ display:none; } /* medidor nativo reemplazado */

/* Pestañas Ingresar / Crear cuenta */
.uno-cuenta-tabs{ display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--uno-cuenta-borde); margin-bottom:24px; }
.uno-cuenta-tabs [role="tab"]{ min-height:52px; border:0; border-bottom:3px solid transparent; margin-bottom:-1px; background:none; font:600 16px var(--uno-display); color:var(--uno-gris); cursor:pointer; }
.uno-cuenta-tabs [aria-selected="true"]{ color:var(--uno-verde); border-bottom-color:var(--uno-verde); }
.uno-cuenta-login{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; max-width:560px; margin:0 auto; }
@media (min-width:1024px){ .uno-cuenta-login{ grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:32px; max-width:1040px; } }
.uno-cuenta-bienvenida{ background:var(--uno-verde); color:var(--uno-blanco); border-radius:var(--uno-cuenta-radio); padding:16px 20px; display:flex; align-items:center; gap:16px; }
@media (min-width:1024px){ .uno-cuenta-bienvenida{ flex-direction:column; align-items:flex-start; padding:40px; } }

/* Tipo de factura: radios como tarjetas */
.uno-cuenta-radio-card{ display:flex; align-items:flex-start; gap:12px; min-height:64px; padding:14px; border:1.5px solid #C9C1B1; border-radius:12px; background:var(--uno-blanco); cursor:pointer; }
.uno-cuenta-radio-card:has(input:checked){ border-color:var(--uno-verde); background:var(--uno-verde-10); }
.uno-cuenta-factura-a[hidden]{ display:none; }

/* Desplegable de contraseña (<details>, sin JS) */
.uno-cuenta-desplegable > summary{ list-style:none; display:flex; justify-content:space-between; align-items:center; min-height:64px; padding:0 var(--uno-cuenta-pad-card); cursor:pointer; font:600 17px var(--uno-display); }
.uno-cuenta-desplegable > summary::-webkit-details-marker{ display:none; }
.uno-cuenta-desplegable > summary::after{ content:"+"; font-size:22px; color:var(--uno-verde); }
.uno-cuenta-desplegable[open] > summary::after{ content:"−"; }

/* Interruptor (newsletter) */
.uno-cuenta-switch{ display:flex; align-items:center; gap:10px; min-height:var(--uno-cuenta-tap); border:0; background:none; padding:0; cursor:pointer; font:600 14px var(--uno-texto); color:var(--uno-verde); }
.uno-cuenta-switch__pista{ position:relative; width:52px; height:32px; border-radius:999px; border:1.5px solid var(--uno-gris-calido); background:var(--uno-blanco); transition:background-color var(--uno-t-rapida); }
.uno-cuenta-switch__pista::after{ content:""; position:absolute; top:3px; left:3px; width:23px; height:23px; border-radius:999px; background:var(--uno-gris-calido); transition:transform var(--uno-t-rapida) var(--uno-curva); }
.uno-cuenta-switch[aria-checked="true"] .uno-cuenta-switch__pista{ background:var(--uno-verde); border-color:var(--uno-verde); }
.uno-cuenta-switch[aria-checked="true"] .uno-cuenta-switch__pista::after{ background:var(--uno-blanco); transform:translateX(20px); }

/* ---------- 6. Panel ---------- */
.uno-cuenta-saludo{ display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.uno-cuenta-saludo img, .uno-cuenta-saludo svg{ width:60px; height:auto; flex:none; }
@media (min-width:600px){ .uno-cuenta-saludo{ gap:20px; } .uno-cuenta-saludo img, .uno-cuenta-saludo svg{ width:88px; } }
.uno-cuenta-accesos{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (min-width:600px){ .uno-cuenta-accesos{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.uno-cuenta-acceso{ display:flex; flex-direction:column; gap:12px; min-height:128px; padding:18px; height:100%; background:var(--uno-blanco); border:1px solid var(--uno-cuenta-borde);
  border-radius:var(--uno-cuenta-radio); box-shadow:var(--uno-cuenta-sombra); color:var(--uno-negro); text-decoration:none;
  transition:transform var(--uno-t-rapida) var(--uno-curva), box-shadow var(--uno-t-rapida); }
.uno-cuenta-acceso:hover{ transform:translateY(-4px); box-shadow:var(--uno-cuenta-sombra-hover); }
.uno-cuenta-icono{ width:48px; height:48px; border-radius:999px; background:var(--uno-verde-10); color:var(--uno-verde); display:flex; align-items:center; justify-content:center; flex:none; }
.uno-cuenta-vacio{ display:flex; flex-direction:column; align-items:center; gap:24px; padding:24px 20px; }
@media (min-width:600px){ .uno-cuenta-vacio{ flex-direction:row; padding:32px; } }

/* ---------- 7. Pedidos (tarjetas, nunca tabla) ---------- */
.uno-cuenta-pedido{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-bottom:16px; }
.uno-cuenta-pedido__info{ flex:1 1 240px; min-width:0; display:flex; flex-direction:column; gap:8px; }
.uno-cuenta-pedido__miniaturas{ display:flex; gap:8px; list-style:none; margin:0; padding:0; }
.uno-cuenta-pedido__miniaturas img{ width:52px; height:52px; border-radius:8px; border:1px solid var(--uno-cuenta-borde); object-fit:cover; background:var(--uno-fondo-suave); }
.uno-cuenta-pedido .uno-cuenta-acciones{ display:flex; flex-wrap:wrap; gap:8px; flex:1 1 100%; }
@media (min-width:600px){ .uno-cuenta-pedido .uno-cuenta-acciones{ flex:0 0 auto; } }

/* Chip de estado: color + punto + TEXTO (nunca solo color) */
.uno-cuenta-estado{ display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:3px 12px; border-radius:999px; border:1.5px solid var(--bd); background:var(--bg); color:var(--fg); font:600 13px var(--uno-texto); white-space:nowrap; }
.uno-cuenta-estado::before{ content:""; width:8px; height:8px; border-radius:999px; background:currentColor; }
.uno-cuenta-estado--pending, .uno-cuenta-estado--on-hold{ --bg:var(--uno-estado-pendiente-bg); --fg:var(--uno-estado-pendiente-fg); --bd:var(--uno-estado-pendiente-bd); }
.uno-cuenta-estado--processing{ --bg:var(--uno-estado-procesando-bg); --fg:var(--uno-estado-procesando-fg); --bd:var(--uno-estado-procesando-bd); }
.uno-cuenta-estado--enviado{ --bg:var(--uno-estado-enviado-bg); --fg:var(--uno-estado-enviado-fg); --bd:var(--uno-estado-enviado-bd); }
.uno-cuenta-estado--listo-retirar{ --bg:var(--uno-estado-retirar-bg); --fg:var(--uno-estado-retirar-fg); --bd:var(--uno-estado-retirar-bd); }
.uno-cuenta-estado--completed{ --bg:var(--uno-estado-completado-bg); --fg:var(--uno-estado-completado-fg); --bd:var(--uno-estado-completado-bd); }
.uno-cuenta-estado--cancelled, .uno-cuenta-estado--failed, .uno-cuenta-estado--refunded{ --bg:var(--uno-estado-cancelado-bg); --fg:var(--uno-estado-cancelado-fg); --bd:var(--uno-estado-cancelado-bd); }

/* ---------- 8. Detalle del pedido ---------- */
.uno-cuenta-detalle{ display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
@media (min-width:1024px){ .uno-cuenta-detalle{ grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:28px; } }
.uno-cuenta-detalle > div{ display:flex; flex-direction:column; gap:var(--uno-cuenta-gap); min-width:0; }

/* Línea de tiempo: la MISMA parte que «Gracias por tu compra». Vertical en celular, horizontal desde 600 px */
.uno-pasos{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.uno-pasos li{ position:relative; display:grid; grid-template-columns:28px minmax(0,1fr); gap:14px; padding-bottom:18px; }
.uno-pasos li::before{ content:""; position:absolute; left:12.5px; top:28px; bottom:0; width:3px; background:var(--uno-filete); }
.uno-pasos li:last-child::before{ display:none; }
.uno-pasos li.is-hecho::before{ background:var(--uno-verde); }
.uno-pasos__punto{ position:relative; width:28px; height:28px; border-radius:999px; border:2px solid var(--uno-gris-calido); background:var(--uno-blanco); display:flex; align-items:center; justify-content:center; color:var(--uno-blanco); }
.is-hecho .uno-pasos__punto{ background:var(--uno-verde); border-color:var(--uno-verde); }
.is-actual .uno-pasos__punto{ border:3px solid var(--uno-verde); }
.is-actual .uno-pasos__punto::after{ content:""; width:10px; height:10px; border-radius:999px; background:var(--uno-verde); }
.uno-pasos__txt{ font:400 15px/1.3 var(--uno-texto); color:var(--uno-gris); }
.is-hecho .uno-pasos__txt{ color:var(--uno-negro); font-weight:600; }
.is-actual .uno-pasos__txt{ color:var(--uno-verde); font-weight:600; }
@media (min-width:600px){
  .uno-pasos{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
  .uno-pasos li{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:0 4px; }
  .uno-pasos li::before{ left:50%; top:13px; bottom:auto; width:100%; height:3px; }
  .uno-pasos__txt{ font-size:14px; }
}
/* Resumen compacto del panel (barras) */
.uno-pasos--mini{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; }
.uno-pasos--mini li{ display:block; height:8px; padding:0; border-radius:999px; background:var(--uno-filete); }
.uno-pasos--mini li::before{ display:none; }
.uno-pasos--mini li.is-hecho{ background:var(--uno-verde); }
.uno-pasos--mini li.is-actual{ background:var(--uno-verde-medio); }

.uno-cuenta-transferencia{ border:1.5px solid var(--uno-bordo); }
.uno-cuenta-dato{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; min-height:56px; padding:10px 0; border-bottom:1px solid var(--uno-cuenta-borde); }
.uno-cuenta-dato dt{ flex:0 0 72px; font:500 14px var(--uno-texto); color:var(--uno-gris); }
.uno-cuenta-dato dd{ flex:1 1 160px; margin:0; font:500 16px var(--uno-texto); font-variant-numeric:tabular-nums; word-break:break-all; }
.uno-cuenta-copiar{ min-height:var(--uno-cuenta-tap); min-width:92px; padding:0 14px; border:1.5px solid var(--uno-verde); border-radius:var(--uno-cuenta-radio-campo); background:var(--uno-blanco); color:var(--uno-verde); font:600 14px var(--uno-display); cursor:pointer; }
.uno-cuenta-copiar.is-copiado{ background:var(--uno-verde-10); }
.uno-cuenta-seguimiento{ background:var(--uno-verde-10); border-radius:var(--uno-cuenta-radio); padding:var(--uno-cuenta-pad-card); display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.uno-cuenta-retiro{ background:var(--uno-verde); color:var(--uno-blanco); border-radius:var(--uno-cuenta-radio); padding:var(--uno-cuenta-pad-card); }
.uno-cuenta .woocommerce-table--order-details{ width:100%; border-collapse:collapse; } /* se reemplaza por lista en order-details.php */
.uno-cuenta-linea{ display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-bottom:1px solid var(--uno-cuenta-borde); }
.uno-cuenta-linea img{ width:72px; height:72px; border-radius:8px; object-fit:cover; background:var(--uno-fondo-suave); flex:none; }
.uno-cuenta-precio{ font:600 16px var(--uno-display); font-variant-numeric:tabular-nums; white-space:nowrap; }
.uno-cuenta-total{ font:700 24px var(--uno-display); color:var(--uno-verde); font-variant-numeric:tabular-nums; }
.uno-cuenta-descuento{ color:var(--uno-bordo); font-weight:600; }
.uno-cuenta-factura__generando{ color:#6B4F12; font-weight:600; }

/* ---------- 9. Direcciones ---------- */
.uno-cuenta .woocommerce-Addresses{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
@media (min-width:600px){ .uno-cuenta .woocommerce-Addresses{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.uno-cuenta .woocommerce-Address address{ font-style:normal; line-height:1.6; }

/* ---------- 10. WhatsApp flotante: nunca tapa botones ---------- */
.uno-wa-flotante{ position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); width:var(--uno-cuenta-wa-tam); height:var(--uno-cuenta-wa-tam); border-radius:999px; background:var(--uno-verde); color:var(--uno-blanco); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(20,22,28,.18); z-index:50; }
/* en el detalle del pedido hay botón propio de ayuda: se oculta el flotante */
.woocommerce-view-order .uno-wa-flotante{ display:none; }

/* ---------- 11. Movimiento ---------- */
@media (prefers-reduced-motion: reduce){
  .uno-cuenta *, .uno-cuenta *::before, .uno-cuenta *::after{ transition:none!important; animation:none!important; }
}
@media (prefers-reduced-motion: no-preference){
  .uno-cuenta-entrada{ animation:uno-cuenta-entrar var(--uno-t-media) var(--uno-curva) both; }
  @keyframes uno-cuenta-entrar{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
  .uno-saluda #brazo-derecho{ transform-origin:158px 112px; transform-box:view-box; animation:uno-saludo 1.1s ease-in-out 300ms 1; }
  @keyframes uno-saludo{ 25%{ transform:rotate(-18deg); } 50%{ transform:rotate(6deg); } 75%{ transform:rotate(-14deg); } }
}

/* Kadence envuelve el menú y suma su avatar: lo neutralizamos */
.uno-cuenta-shell .account-navigation-wrap{display:contents}
.uno-cuenta .kadence-account-avatar,.woocommerce-account .uno-cuenta .account-navigation-wrap .kadence-account-avatar{display:none}
.uno-cuenta h1,.uno-cuenta h2,.uno-cuenta-saludo{overflow-wrap:break-word;min-width:0}
.uno-cuenta-saludo>div{min-width:0}
@media (max-width:599px){ .uno-cuenta-h1{font-size:1.5rem} }
.uno-cuenta-vacio__uno{width:132px;height:auto;flex:none}
@media (min-width:600px){ .uno-cuenta-vacio__uno{width:150px} }

/* Usuario arriba del menú lateral */
.uno-cuenta-usuario{display:flex;align-items:center;gap:12px;padding:4px 6px 16px;margin-bottom:10px;border-bottom:1px solid var(--uno-linea,rgba(14,61,40,.12));min-width:0}
.uno-cuenta-usuario__inicial{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--uno-verde);color:var(--uno-blanco);font:700 17px/1 var(--uno-titulos,inherit)}
.uno-cuenta-usuario>span:last-child{display:flex;flex-direction:column;min-width:0}
.uno-cuenta-usuario strong{font:700 15px/1.25 var(--uno-titulos,inherit);color:var(--uno-verde);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uno-cuenta-usuario small{font:400 12.5px/1.3 var(--uno-texto,inherit);color:var(--uno-gris);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* =====================================================================
   Mi cuenta · versión 2: más simple, sin personaje gigante, sin letras apiñadas
   ===================================================================== */
/* Ingresar: tarjeta de bienvenida compacta en celular */
.uno-cuenta .uno-cuenta-bienvenida{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:20px}
.uno-cuenta .uno-cuenta-bienvenida > svg,.uno-cuenta .uno-cuenta-bienvenida > img{grid-column:2;grid-row:1/4;width:76px;height:auto}
.uno-cuenta .uno-cuenta-bienvenida > :not(svg):not(img):not(ul){grid-column:1;margin:0}
.uno-cuenta .uno-cuenta-bienvenida .uno-cuenta-meta{color:var(--uno-papel-2);font:600 12px/1.2 var(--uno-texto);letter-spacing:.08em;text-transform:uppercase}
body.uno .uno-cuenta .uno-cuenta-bienvenida h1{color:#fff;font:700 22px/1.15 var(--uno-display);margin:0}
.uno-cuenta .uno-cuenta-bienvenida p{font:400 14.5px/1.45 var(--uno-texto);color:var(--uno-papel)}
.uno-cuenta .uno-cuenta-beneficios{grid-column:1/-1;list-style:none;margin:10px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.uno-cuenta .uno-cuenta-beneficios li{display:flex;align-items:center;gap:8px;margin:0;font:500 13px/1.3 var(--uno-texto);color:#fff}
.uno-cuenta .uno-cuenta-beneficios svg{flex:none;width:20px;height:20px;color:var(--uno-papel-2)}
@media (min-width:1024px){
  .uno-cuenta .uno-cuenta-bienvenida{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:36px}
  .uno-cuenta .uno-cuenta-bienvenida > svg,.uno-cuenta .uno-cuenta-bienvenida > img{width:96px}
  body.uno .uno-cuenta .uno-cuenta-bienvenida h1{font-size:30px}
  .uno-cuenta .uno-cuenta-beneficios{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:8px;padding-top:18px}
  .uno-cuenta .uno-cuenta-beneficios li{font-size:15px}
}

/* Panel: saludo simple */
.uno-cuenta-hola{margin:0 0 20px}
.uno-cuenta-hola p{margin:4px 0 0;font:400 15px/1.5 var(--uno-texto);color:var(--uno-gris);max-width:56ch}
.uno-cuenta-hola .uno-cuenta-meta{margin:0 0 4px}
body.uno .uno-cuenta .uno-cuenta-h1{overflow-wrap:break-word;hyphens:auto}
@media (max-width:599px){body.uno .uno-cuenta .uno-cuenta-h1{font-size:1.5rem}}

/* Accesos: filas limpias (una columna en celular, dos en escritorio) */
.uno-cuenta .uno-cuenta-accesos{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px}
@media (min-width:700px){.uno-cuenta .uno-cuenta-accesos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.uno-cuenta .uno-cuenta-acceso{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:2px;min-height:76px;padding:14px 16px}
.uno-cuenta .uno-cuenta-acceso .uno-cuenta-icono{grid-row:1/3;width:44px;height:44px}
.uno-cuenta .uno-cuenta-acceso strong{grid-column:2;font:600 15.5px/1.25 var(--uno-display);color:var(--uno-negro)}
.uno-cuenta .uno-cuenta-acceso > span:last-child{grid-column:2;font:400 13.5px/1.35 var(--uno-texto);color:var(--uno-gris)}
.uno-cuenta .uno-cuenta-acceso::after{content:"";grid-column:3;grid-row:1/3;width:9px;height:9px;border-right:2px solid var(--uno-verde);border-top:2px solid var(--uno-verde);transform:rotate(45deg);margin-right:4px}
.uno-cuenta .uno-cuenta-acceso:hover{transform:translateY(-2px)}

/* Último pedido y lista: más aire en celular */
.uno-cuenta .uno-cuenta-ultimo h2,.uno-cuenta .uno-cuenta-pedido h2{margin:0;font:700 20px/1.2 var(--uno-display);color:var(--uno-verde)}
.uno-cuenta .uno-cuenta-ultimo p,.uno-cuenta .uno-cuenta-pedido p{overflow-wrap:break-word}
@media (max-width:599px){
  .uno-cuenta .uno-cuenta-pedido{gap:12px}
  .uno-cuenta .uno-cuenta-pedido .uno-cuenta-acciones .uno-cuenta-btn{flex:1 1 auto}
}

/* Seguimiento del envío */
.uno-seg-linea{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:4px 0 0;padding:10px 12px;border-radius:12px;background:var(--uno-verde-10);font:500 14px/1.35 var(--uno-texto);color:var(--uno-verde)}
.uno-seg-linea svg{flex:none}
.uno-seg-linea strong{font-weight:700;letter-spacing:.02em;overflow-wrap:anywhere}
body.uno .uno-seg-linea a{margin-left:auto;color:var(--uno-bordo);font-weight:600;white-space:nowrap}
.uno-seg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;align-items:center;border:2px solid var(--uno-verde);background:var(--uno-verde-10)}
.uno-seg__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--uno-verde);color:#fff}
.uno-seg__txt h2{margin:0;font:700 18px/1.2 var(--uno-display);color:var(--uno-verde)}
.uno-seg__txt p{margin:2px 0 0;font:400 14px/1.4 var(--uno-texto);color:var(--uno-gris)}
.uno-seg__codigo{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.uno-seg__codigo span{font:700 17px/1.3 var(--uno-display);letter-spacing:.04em;color:var(--uno-negro);overflow-wrap:anywhere}
.uno-seg__copiar{min-height:32px;padding:0 12px;border:1.5px solid var(--uno-verde);border-radius:999px;background:#fff;color:var(--uno-verde);font:600 13px var(--uno-display);cursor:pointer}
.uno-seg__copiar.is-copiado{background:var(--uno-verde);color:#fff}
.uno-seg > .uno-cuenta-btn{grid-column:1/-1}
@media (min-width:700px){.uno-seg{grid-template-columns:auto minmax(0,1fr) auto}.uno-seg > .uno-cuenta-btn{grid-column:auto}}

/* Detalle del pedido: tabla de productos prolija */
.uno-cuenta .woocommerce-order-details{margin-top:20px;padding:20px;border-radius:var(--uno-cuenta-radio);background:var(--uno-blanco);border:1px solid var(--uno-cuenta-borde)}
.uno-cuenta .woocommerce-order-details__title,body.uno .uno-cuenta .woocommerce-order-details h2{margin:0 0 12px;font:700 20px/1.2 var(--uno-display);color:var(--uno-verde)}
.uno-cuenta .woocommerce-table--order-details{width:100%;border-collapse:collapse;border:0;margin:0;font:400 15px/1.4 var(--uno-texto)}
.uno-cuenta .woocommerce-table--order-details th,.uno-cuenta .woocommerce-table--order-details td{padding:10px 0;border:0;border-bottom:1px solid var(--uno-cuenta-borde);text-align:left;background:none;vertical-align:top}
.uno-cuenta .woocommerce-table--order-details thead th{font:600 12px/1.2 var(--uno-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--uno-gris)}
.uno-cuenta .woocommerce-table--order-details td:last-child,.uno-cuenta .woocommerce-table--order-details th:last-child{text-align:right;white-space:nowrap;padding-left:12px}
.uno-cuenta .woocommerce-table--order-details tfoot th{font-weight:500;color:var(--uno-gris)}
.uno-cuenta .woocommerce-table--order-details tfoot tr:last-child th,.uno-cuenta .woocommerce-table--order-details tfoot tr:last-child td{border-bottom:0;font:700 17px var(--uno-display);color:var(--uno-verde)}
.uno-cuenta .woocommerce-table--order-details .product-name a{color:var(--uno-negro);font-weight:600}
.uno-cuenta .woocommerce-customer-details{margin-top:16px}
.uno-cuenta .uno-cuenta-vacio h2{font-size:22px;line-height:1.2}
@media (max-width:767px){.uno-cuenta-subnav ~ .uno-cuenta-btn--gh:first-of-type{display:none}}