/* Paginas de cuenta (23-09-2026): Mis pedidos, reservas y beneficios.
   Una tarjeta por cosa, con lo importante primero y las acciones a la derecha. */
.lgx-cta{max-width:1100px;margin:0 auto;padding:6px 0 60px;color:var(--t-texto,#f2f2f6)}
.lgx-cta h1{color:var(--t-texto,#f2f2f6);font-family:"Archivo",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(26px,4vw,36px);letter-spacing:-.03em;margin:14px 0 4px}
.lgx-tabs{display:flex;gap:8px;margin:14px 0 6px}
.lgx-tabs button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--t-linea,#1d252a);background:transparent;color:var(--t-texto,#f2f2f6);font-weight:600;font-size:15px;cursor:pointer}
.lgx-tabs button.active{background:var(--t-accion,#00a261);border-color:var(--t-accion,#00a261);color:var(--t-sobre-accion,#03150d)}
.lgx-tab-panel[hidden]{display:none}
.lgx-tab-cuenta{font-size:13px;color:var(--t-suave,#8b8c9c);margin:0 0 10px}
.lgx-lista{display:grid;gap:12px}
.lgx-cta-card{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;padding:14px;border-radius:16px;background:var(--t-panel,#0f1417);border:1px solid var(--t-linea,#1d252a);cursor:pointer}
.lgx-cta-card:hover{border-color:var(--t-accion,#00a261)}
.lgx-cta-card > img,.lgx-cta-card > .lgx-cta-sinfoto{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--t-panel2,#141b1f);display:block}
.lgx-cta-info{display:grid;gap:3px;min-width:0}
.lgx-cta-titulo{color:var(--t-texto,#f2f2f6);font-family:"Archivo",Inter,system-ui,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.25}
.lgx-cta-linea{font-size:13.5px;color:var(--t-suave,#c6c7d2)}
.lgx-cta-linea b{color:var(--t-texto,#f2f2f6);font-weight:600}
.lgx-cta-suave{font-size:13px;color:var(--t-suave,#8b8c9c)}
.lgx-cta-acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.lgx-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--t-linea,#1d252a);color:var(--t-suave,#c6c7d2);width:max-content}
.lgx-chip-ok{border-color:color-mix(in srgb,var(--t-accion,#00a261) 50%,transparent);color:var(--t-accion2,#3ee89b)}
.lgx-chip-pend{border-color:rgba(255,196,0,.45);color:#ffd166}
.lgx-chip-mal{border-color:rgba(255,80,80,.45);color:#ff9b9b}
.lgx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--t-linea,#1d252a);background:transparent;color:var(--t-texto,#f2f2f6);font-weight:600;font-size:13.5px;text-decoration:none;cursor:pointer}
.lgx-btn:hover{border-color:var(--t-accion,#00a261);color:var(--t-texto,#f2f2f6)}
.lgx-btn-primario{background:var(--t-accion,#00a261);border-color:var(--t-accion,#00a261);color:var(--t-sobre-accion,#03150d)}
.lgx-btn-primario:hover{filter:brightness(1.08);color:var(--t-sobre-accion,#03150d)}
.lgx-btn[disabled]{opacity:.45;cursor:default}
.lgx-vacio{padding:34px 20px;border:1px dashed var(--t-linea,#1d252a);border-radius:16px;color:var(--t-suave,#8b8c9c);text-align:center;display:grid;gap:12px;justify-items:center}
.lgx-vacio b{color:var(--t-texto,#f2f2f6);font-weight:600}
.lgx-ben-grid{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;margin:0;padding:0}
@media (min-width:640px){.lgx-ben-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.lgx-ben-grid{grid-template-columns:repeat(3,1fr)}}
.lgx-ben{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--t-panel,#0f1417);border:1px solid var(--t-linea,#1d252a);cursor:pointer;height:100%}
.lgx-ben:hover{border-color:var(--t-accion,#00a261)}
.lgx-ben-foto{aspect-ratio:16/10;background:var(--t-panel2,#141b1f);background-size:cover;background-position:center;position:relative}
.lgx-ben-foto .lgx-chip{position:absolute;top:10px;left:10px;background:rgba(6,9,11,.85)}
.lgx-ben-cuerpo{padding:12px 14px 14px;display:grid;gap:4px}
.lgx-ben-venue{font-size:12.5px;color:var(--t-accion,#00a261);font-weight:600}
.lgx-ben-titulo{color:var(--t-texto,#f2f2f6);font-family:"Archivo",Inter,system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1.25}
.lgx-ben-texto{font-size:13.5px;color:var(--t-suave,#c6c7d2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lgx-ben-req{font-size:12.5px;color:var(--t-suave,#8b8c9c)}
@media (max-width:480px){.lgx-cta-card{grid-template-columns:60px 1fr}.lgx-cta-card > img,.lgx-cta-card > .lgx-cta-sinfoto{width:60px;height:60px}}
/* 23-10-2026 (founder): las paginas de cuenta con las cartas del sitio (borde fino, esquinas de 8 px) y,
   sin foto, el logo de LOGIN como en los pedidos (antes un cuadro gris y un 404 a uploads/restaurante/). */
.lgx-cta-card{border-radius:8px!important;background:#0c0d0e!important}
.lgx-cta-card > img,.lgx-cta-card > .lgx-cta-sinfoto{border-radius:6px!important}
.lgx-cta-card > .lgx-cta-sinfoto{background:#000 url(/custom/logo_login.png) center/62% auto no-repeat!important}
/* 26-10-2026: tarjeta de pedido en tres zonas. Foto con la fecha del evento encima, el evento al medio
   (cuando, cuantas entradas, estado) y a la derecha el total con las acciones; abajo, separado, el codigo
   del pedido y cuando se compro. En celular las acciones bajan a una fila propia de ancho completo. */
.lgx-cta-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lgx-cta-filtros{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 12px;flex-wrap:wrap}
.lgx-cta-filtros .lgx-tab-cuenta{margin:0}
.lgx-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--t-panel,#0c0d0e);border:1px solid var(--t-linea,#1d252a)}
.lgx-seg button{min-height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--t-suave,#8b8c9c);font-weight:600;font-size:13px;cursor:pointer}
.lgx-seg button.active{background:var(--t-panel2,#1a2024);color:var(--t-texto,#f2f2f6)}
.lgx-ped{display:grid;grid-template-columns:112px minmax(0,1fr) auto;grid-template-areas:"foto info lado" "pie pie pie";column-gap:18px;padding:16px;border-radius:8px;background:#0c0d0e;border:1px solid var(--t-linea,#1d252a);cursor:pointer;transition:border-color .15s}
.lgx-ped:hover{border-color:var(--t-accion,#00a261)}
.lgx-ped:focus-visible{outline:2px solid var(--t-accion,#00a261);outline-offset:2px}
.lgx-ped-foto{grid-area:foto;position:relative;width:112px;height:112px;border-radius:6px;overflow:hidden;background:#000 url(/custom/logo_login.png) center/56% auto no-repeat}
.lgx-ped-foto img{width:100%;height:100%;object-fit:cover;display:block}
.lgx-ped-dia{position:absolute;left:6px;top:6px;min-width:40px;padding:4px 6px 3px;border-radius:6px;background:rgba(6,9,11,.88);text-align:center;line-height:1;color:var(--t-texto,#f2f2f6)}
.lgx-ped-dia b{display:block;font-family:"Archivo",Inter,system-ui,sans-serif;font-size:18px;font-weight:800}
.lgx-ped-dia span{display:block;margin-top:2px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t-accion2,#3ee89b)}
.lgx-ped-info{grid-area:info;display:flex;flex-direction:column;gap:6px;min-width:0;align-self:center}
.lgx-ped-cuando{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t-accion2,#3ee89b)}
.lgx-ped-titulo{margin:0;color:var(--t-texto,#f2f2f6);font-family:"Archivo",Inter,system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.015em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lgx-ped-datos{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--t-suave,#c6c7d2)}
.lgx-ped-datos b{color:var(--t-texto,#f2f2f6);font-weight:600}
.lgx-ped-lado{grid-area:lado;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px;min-width:180px}
.lgx-ped-total{text-align:right;line-height:1.1}
.lgx-ped-total small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t-suave,#8b8c9c)}
.lgx-ped-total strong{font-family:"Archivo",Inter,system-ui,sans-serif;font-size:22px;font-weight:800;color:var(--t-texto,#f2f2f6);white-space:nowrap}
.lgx-ped-total strong em{font-style:normal;font-size:13px;font-weight:700;color:var(--t-suave,#8b8c9c);margin-right:4px}
.lgx-ped-acciones{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.lgx-ped-pie{grid-area:pie;display:flex;align-items:center;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--t-linea,#1d252a);font-size:12.5px;color:var(--t-suave,#8b8c9c)}
.lgx-ped-codigo{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--t-texto,#f2f2f6)}
.lgx-ped.lgx-ped-pasado .lgx-ped-foto{filter:grayscale(.7);opacity:.75}
.lgx-ped.lgx-ped-pasado .lgx-ped-cuando{color:var(--t-suave,#8b8c9c)}
@media (max-width:640px){
	.lgx-ped{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"foto info" "lado lado" "pie pie";column-gap:14px;padding:14px}
	.lgx-ped-foto{width:76px;height:76px;align-self:start}
	.lgx-ped-dia{left:4px;top:4px;min-width:34px;padding:3px 4px 2px}
	.lgx-ped-dia b{font-size:15px}
	.lgx-ped-titulo{font-size:17px}
	.lgx-ped-lado{flex-direction:row;align-items:center;flex-wrap:wrap;min-width:0;margin-top:14px}
	.lgx-ped-total{text-align:left}
	.lgx-ped-acciones{flex:1 1 100%;justify-content:stretch}
	.lgx-ped-acciones .lgx-btn{flex:1 1 0}
}