/* oferta-simple.css -- «Tu oferta» (plan PLAN-crm-simple-resto-2026-10, Z6). Solo tokens de Cuarto Oscuro. Todo cuelga de .os-*: sin `estudio.pantallas_simple` nada de esto se pinta. */
.os-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:var(--e-4); margin-top:var(--e-4); align-items:start; }
.os-card{ display:flex; flex-direction:column; gap:var(--e-2); padding:var(--e-4); border-radius:var(--r-flota); background:var(--piedra); box-shadow:inset 0 0 0 1px var(--linea); min-width:0; }
.os-card.os-arch{ opacity:.75; }
.os-cover img{ display:block; width:100%; height:120px; object-fit:cover; border-radius:4px; }
.os-t{ font-size:var(--t-campo); font-weight:600; color:var(--tinta); overflow-wrap:anywhere; }
.os-p{ font-size:var(--t-titulo); font-weight:500; color:var(--tinta); font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
.os-s{ font-size:var(--t-meta); color:var(--medio); }
.os-l{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:3px; font-size:var(--t-texto); color:var(--texto); }
.os-l li::before{ content:"· "; color:var(--medio); }
.os-l .os-mas-n{ color:var(--medio); }
.os-pill{ align-self:flex-start; padding:1px var(--e-2); border-radius:var(--r-pildora); box-shadow:inset 0 0 0 1px var(--punto); font-size:var(--t-meta); color:var(--medio); }
.os-acc{ display:flex; align-items:center; gap:var(--e-2); margin-top:var(--e-2); }
.os-btn{ 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; }
.os-ico{ min-width:36px; min-height:36px; border:0; border-radius:var(--r-pildora); background:transparent; color:var(--medio); cursor:pointer; display:grid; place-items:center; }
@media (hover:hover){ .os-btn:hover{ background:var(--punto); } .os-ico:hover{ background:var(--piedra-on); color:var(--tinta); } }
.os-ver-arch{ margin:var(--e-4) 0 0; min-height:36px; padding:0; border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; cursor:pointer; }
.os-vacio{ padding:var(--e-6) var(--e-4); }
.os-sueltos{ margin-top:var(--e-5); border-radius:var(--r-flota); background:var(--piedra); box-shadow:inset 0 0 0 1px var(--linea); }
.os-sueltos > summary{ display:flex; flex-direction:column; gap:2px; padding:var(--e-3) var(--e-4); cursor:pointer; list-style:none; min-height:44px; justify-content:center; }
.os-sueltos > summary::-webkit-details-marker{ display:none; }
.os-sd-t{ font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.os-sd-d{ font-size:var(--t-meta); color:var(--medio); }
.os-sd-c{ padding:0 var(--e-4) var(--e-4); }
.os-suelto{ display:flex; justify-content:space-between; gap:var(--e-3); padding:var(--e-2) var(--e-2); border-radius:var(--r); cursor:pointer; }
@media (hover:hover){ .os-suelto:hover{ background:var(--piedra-on); } }
.os-su-n{ color:var(--tinta); font-size:var(--t-texto); overflow-wrap:anywhere; }
.os-su-p{ color:var(--medio); font-size:var(--t-texto); white-space:nowrap; font-variant-numeric:tabular-nums; }
.os-nada{ padding:var(--e-2); font-size:var(--t-meta); color:var(--medio); }
.os-x{ display:flex; flex-wrap:wrap; gap:var(--e-2); align-items:center; margin-top:var(--e-5); }
.os-x-pre{ font-size:var(--t-meta); color:var(--medio); margin-right:var(--e-1); }
.os-xchip{ min-height:36px; padding:0 var(--e-4); border-radius:var(--r-pildora); background:transparent; color:var(--tinta); border:1px solid var(--punto); font:inherit; font-size:var(--t-texto); cursor:pointer; }
@media (hover:hover){ .os-xchip:hover{ background:var(--tinte-toque); } }
.os-link{ border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; cursor:pointer; padding:0; }
.os-conf{ margin-top:var(--e-3); padding:var(--e-3) var(--e-4); border-radius:var(--r-flota); background:var(--piedra-on); }
.os-conf-t{ font-size:var(--t-texto); color:var(--tinta); font-weight:600; }
.os-conf-b{ display:flex; flex-wrap:wrap; gap:var(--e-2); margin-top:var(--e-3); }
@media (max-width:560px){ .os-grid{ grid-template-columns:1fr; } .os-btn, .os-xchip{ min-height:44px; } .os-ico{ min-width:44px; min-height:44px; } }