/* entregas-hilo.css -- el hilo de la entrega en Galerias (plan PLAN-crm-simple-resto-2026-10, Z4). Solo tokens de Cuarto Oscuro. Todo cuelga de .eh-*: sin `estudio.pantallas_simple` nada de esto se pinta. */
.eh-card{ display:flex; flex-direction:column; }
.eh-pie{ padding:var(--e-3) 3px var(--e-4); display:flex; flex-direction:column; gap:var(--e-2); }
.eh-hilo{ display:flex; align-items:center; }
.eh-p{ flex:none; width:12px; height:12px; border-radius:50%; background:transparent; box-shadow:inset 0 0 0 1.5px var(--punto); }
.eh-p.hecho{ background:var(--boton); box-shadow:none; }
.eh-p.ahora{ box-shadow:inset 0 0 0 2px var(--tinta); }
.eh-l{ flex:1; height:2px; background:var(--punto); }
.eh-l.hecho{ background:var(--boton); }
.eh-et{ display:flex; justify-content:space-between; gap:var(--e-1); font-size:var(--t-eti); color:var(--medio); }
.eh-et span{ flex:1; text-align:center; min-width:0; }
.eh-et span:first-child{ text-align:left; } .eh-et span:last-child{ text-align:right; }
.eh-sig{ font-size:var(--t-texto); color:var(--tinta); }
.eh-btn{ align-self:flex-start; min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; }
@media (hover:hover){ .eh-btn:hover{ background:var(--punto); } }
.eh-op{ display:flex; align-items:center; gap:var(--e-2); }
.eh-nocheck{ display:inline-block; width:13px; height:13px; }
#ent-filtros.on{ background:var(--piedra-on); font-weight:600; }
@media (max-width:560px){ .eh-btn{ min-height:44px; } }
/* La galeria como la carta (plan PLAN-leyes-galerias-2026-11, tren 1, G1 y G2): solo se pinta con estudio.galeria_carta. Lo siguiente con esta galeria, arriba, con el mismo
   hilo de la lista; y el aviso de soltar fotos sobre la pestana entera cuando la caja grande ya no esta. */
#g-sig:empty{ display:none; }
.gsig{ background:var(--piedra); border-radius:var(--r-flota); box-shadow:var(--sombra-flota); padding:var(--e-4) var(--e-5); display:flex; flex-direction:column; gap:var(--e-2); }
.gsig-fila{ display:flex; align-items:center; gap:var(--e-4); flex-wrap:wrap; margin-bottom:var(--e-1); }
.gsig-tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.gsig-eti{ font-size:var(--t-meta); font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--medio); }
.gsig-t{ font-size:var(--t-sub); font-weight:500; color:var(--tinta); }
.gsig-mas{ min-width:36px; padding:0; justify-content:center; }
#g-tabbody.gal-soltar{ outline:2px dashed var(--punto); outline-offset:-6px; border-radius:var(--r-flota); }
@media (max-width:560px){ .gsig{ padding:var(--e-3) var(--e-4); } .gsig-fila .btn{ min-height:44px; } }
#g-sig{ margin:var(--e-3) 32px 0; }
@container (max-width:900px){ #g-sig{ margin:var(--e-2) var(--e-4) 0; } }
.gsig-mas-barra > summary{ list-style:none; cursor:pointer; }
.gsig-mas-barra > summary::-webkit-details-marker{ display:none; }
/* La lista como la carta (tren 2, G4): «Te toca» en filas con su boton y «Entregadas» con portada. Solo con estudio.galeria_carta. */
.ent-grupo{ display:flex; flex-direction:column; margin-bottom:var(--e-6); }
.ent-grupo-cab{ display:flex; align-items:baseline; gap:var(--e-2); margin-bottom:var(--e-2); }
.ent-grupo-t{ margin:0; font-size:var(--t-sub); font-weight:500; color:var(--tinta); }
.ent-grupo-n{ font-size:var(--t-texto); color:var(--medio); }
.ent-grupo .gal-grid{ margin-top:var(--e-2); }
.ent-fila{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--e-2) var(--e-3); padding:var(--e-3) 0; border-top:1px solid var(--linea); }
.ent-fila:first-of-type{ border-top:0; }
.ent-fila-abrir{ flex:1 1 240px; min-width:0; display:flex; align-items:center; gap:var(--e-3); padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.ent-mini{ flex:none; width:72px; height:54px; border-radius:4px; overflow:hidden; background:var(--piedra-on); display:grid; place-items:center; color:var(--medio); }
.ent-mini img{ width:100%; height:100%; object-fit:cover; display:block; }
.ent-fila-tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ent-fila-n{ font-size:var(--t-campo); font-weight:500; color:var(--tinta); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ent-fila-s{ font-size:var(--t-texto); color:var(--tinta); }
.ent-fila-m{ font-size:var(--t-meta); color:var(--medio); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ent-fila{ position:relative; padding-right:40px; }
.ent-fila .sc-menu.sc-salamenu{ position:absolute; top:var(--e-3); right:0; }
.ent-fila > .btn{ margin-left:auto; }
.ent-fila .sc-salamas{ background:none; backdrop-filter:none; color:var(--medio); }
:root[data-theme] .ent-fila:is(:hover, :focus-within) .sc-salamas{ opacity:1; }
@media (max-width:560px){ .ent-mini{ width:56px; height:56px; } .ent-fila .btn{ min-height:44px; } .ent-fila-m{ display:none; } }
