/* Ficha Productos Fénix · 2026-09-12-v1. Scope local: no altera otros módulos. */
.fenix-product-detail {
  --pd-bg: #080f1c;
  --pd-panel: #0d192b;
  --pd-field: #091322;
  --pd-line: #23334d;
  --pd-text: #edf2fb;
  --pd-sub: #a2b1cb;
  --pd-accent: #b59aff;
  --pd-shadow: 0 12px 28px rgba(0,0,0,.18);
  width: 100%; height: 100%; min-height: 0; min-width: 0;
  display: flex; flex-direction: column; overflow: hidden;
  container-type: inline-size; container-name: fenix-product-detail;
  border-radius: 20px; border: 1px solid var(--pd-line);
  background: linear-gradient(155deg,var(--pd-panel),var(--pd-bg) 64%);
  color: var(--pd-text); box-shadow: var(--pd-shadow);
}
.fenix-product-detail__scroll { flex: 1; min-height: 0; overflow: auto; padding: 14px; scrollbar-width: thin; scrollbar-color: var(--pd-line) transparent; }
.fenix-product-detail__toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.fenix-product-detail button { font: inherit; cursor: pointer; }
.fenix-product-detail button:disabled, .fenix-product-detail input:disabled, .fenix-product-detail textarea:disabled { cursor: default; opacity: .55; }
.fenix-product-detail button:focus-visible, .fenix-product-detail input:focus-visible, .fenix-product-detail textarea:focus-visible, .fenix-product-detail select:focus-visible { outline: 2px solid var(--pd-accent); outline-offset: 3px; }
.fenix-product-detail__back, .fenix-product-detail__delete, .fenix-product-detail__favorite {
  min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: rgba(18,31,50,.72); border: 1px solid var(--pd-line); border-radius: 14px;
  padding: 8px 12px; color: var(--pd-text); font-size: 12px !important; font-weight: 750 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.fenix-product-detail__back { margin-right: auto; }
.fenix-product-detail__favorite { padding: 8px; min-width: 40px; border-color: transparent; background: transparent; color: var(--pd-sub); font-size: 19px !important; }
.fenix-product-detail__favorite.is-favorite { color: #f5c542; }
.fenix-product-detail__delete { color: #ff9b9b; background: rgba(139,33,52,.16); border-color: rgba(249,96,122,.32); }
.fenix-product-detail__hero {
  display: grid; grid-template-columns: 132px minmax(0,1fr); gap: 20px; align-items: center;
  padding: 18px; border: 1px solid var(--pd-line); border-radius: 18px;
  background: linear-gradient(130deg,rgba(46,70,108,.13),transparent),var(--pd-panel);
  box-shadow: var(--pd-shadow),inset 0 1px 0 rgba(255,255,255,.025);
}
.fenix-product-detail__photo-wrap { position: relative; min-width: 0; }
.fenix-product-detail__photo {
  position: relative; width: 100%; aspect-ratio: 1 / 1.14; min-height: 120px;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  border: 1px solid #d7deed; border-radius: 16px; background: #fff; color: #8b7cf6;
  box-shadow: 0 0 20px rgba(113,146,227,.12); font-size: 28px !important;
}
.fenix-product-detail__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; padding: 5px; }
.fenix-product-detail__photo-pending { position: absolute; bottom: 0; left: 0; right: 0; padding: 4px; background: rgba(8,15,28,.8); color: #fff; font-size: 10px; }
.fenix-product-detail__photo-pending[data-error] { background: rgba(185,28,28,.94); font-weight: 800; cursor: pointer; }
.fenix-product-detail__photo-pending[data-error]:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.fenix-product-detail__gallery { position: absolute; right: -7px; bottom: -7px; width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--pd-panel); background: #7955dc; color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.25); font-size: 15px !important; }
.fenix-product-detail__identity { min-width: 0; }
.fenix-product-detail__category { display: inline-block; max-width: 100%; border: 1px solid rgba(152,111,255,.4); border-radius: 999px; padding: 4px 9px; background: rgba(129,82,233,.12); color: var(--pd-accent); font-size: 11px; font-weight: 600; overflow-wrap: anywhere; }
.fenix-product-detail__name { display: block; width: 100%; margin: 9px 0 10px; padding: 0; font-size: 21px; font-weight: 850; line-height: 1.22; letter-spacing: .015em; color: var(--pd-text); background: transparent; border: 0; border-radius: 4px; resize: none; }
.fenix-product-detail__name:focus { box-shadow: 0 1px 0 var(--pd-accent); }
.fenix-product-detail__field-label { display: block; margin-bottom: 5px; font-size: 11px; font-weight: 600; color: var(--pd-sub); }
.fenix-product-detail__barcode { display: flex; align-items: stretch; min-width: 0; border: 1px solid var(--pd-line); border-radius: 12px; background: var(--pd-field); }
.fenix-product-detail__barcode .fld { width: 100%; min-width: 0; border: 0; background: transparent; padding: 10px; color: var(--pd-text); font-size: 15px; }
.fenix-product-detail__barcode button { flex-shrink: 0; width: 38px; margin: 3px; border: 1px solid var(--pd-line); border-radius: 9px; background: var(--pd-panel); color: var(--pd-accent); font-size: 17px !important; }
.fenix-product-detail__prices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 14px 0; }
.fenix-product-price { --price-rgb: 255,146,78; --price-color: #ff924e; --price-soft: #C2410C; padding: 14px; min-width: 0; border-radius: 17px; border: 1px solid rgba(var(--price-rgb),.46); background: linear-gradient(140deg,rgba(var(--price-rgb),.1),transparent 80%),var(--pd-panel); box-shadow: 0 4px 16px rgba(var(--price-rgb),.08),inset 0 1px 0 rgba(var(--price-rgb),.09); }
.fenix-product-price--costo { --price-color: #ff924e; --price-rgb: 249,115,22; --price-soft: #C2410C; }
.fenix-product-price--menudeo { --price-color: #4cde93; --price-rgb: 34,197,94; --price-soft: #15803D; }
.fenix-product-price--mayoreo { --price-color: #6cb7ff; --price-rgb: 59,130,246; --price-soft: #1D4ED8; }
.fenix-product-price--especial { --price-color: #be94ff; --price-rgb: 168,85,247; --price-soft: #7E22CE; }
.fenix-product-price__heading { display: flex; align-items: center; gap: 9px; color: var(--price-color); }
.fenix-product-price__icon { flex-shrink: 0; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(var(--price-rgb),.45); border-radius: 50%; background: rgba(var(--price-rgb),.13); box-shadow: inset 0 0 12px rgba(var(--price-rgb),.1); font-size: 16px; }
.fenix-product-price__label { font-size: 13px; font-weight: 750; cursor: pointer; line-height: 1.2; }
.fenix-product-price__amount { display: flex; align-items: baseline; gap: 2px; min-width: 0; margin: 6px 0 8px; color: var(--price-color); font-size: 29px; font-weight: 850; line-height: 1.25; font-variant-numeric: tabular-nums; }
.fenix-product-price__amount input { width: 100%; min-width: 0; padding: 0; border: 0; border-radius: 4px; background: transparent; color: inherit; font: inherit; line-height: inherit; appearance: textfield; -moz-appearance: textfield; }
.fenix-product-price__amount input::-webkit-inner-spin-button, .fenix-product-price__amount input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.fenix-product-price__amount input:focus { box-shadow: 0 1px 0 rgba(var(--price-rgb),.75); }
.fenix-product-price__metric { display: flex; align-items: center; gap: 5px; width: fit-content; max-width: 100%; min-height: 28px; padding: 5px 7px; border: 1px solid rgba(var(--price-rgb),.28); border-radius: 10px; background: rgba(var(--price-rgb),.07); color: var(--price-color); font-size: 11px; font-weight: 700; line-height: 1.35; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fenix-product-price__metric.is-loss { border-color: rgba(249,96,122,.45); background: rgba(224,59,82,.1); color: #ff9b9b; }
.fenix-product-price__metric.is-neutral { border-color: var(--pd-line); background: var(--pd-field); color: var(--pd-sub); }
.fenix-product-price__locked { display: flex; align-items: center; gap: 7px; padding: 15px 0; color: var(--pd-sub); font-size: 12px; }
.fenix-product-price.is-locked { border-color: var(--pd-line); background: var(--pd-panel); box-shadow: none; }
.fenix-product-price.is-locked .fenix-product-price__heading { color: var(--pd-sub); }
.fenix-product-detail__continuous { display: flex; align-items: center; gap: 11px; min-height: 62px; padding: 12px 14px; border: 1px solid var(--pd-line); border-radius: 15px; background: var(--pd-panel); cursor: pointer; }
.fenix-product-detail__continuous input { width: 20px; height: 20px; margin: 0; flex-shrink: 0; accent-color: #9565f4; }
.fenix-product-detail__continuous strong { display: block; font-size: 13px; font-weight: 750; }
.fenix-product-detail__continuous small { display: block; margin-top: 3px; color: var(--pd-sub); font-size: 11px; line-height: 1.35; }
.fenix-product-detail__tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 5px; margin: 14px 0; border: 1px solid var(--pd-line); border-radius: 15px; background: var(--pd-field); }
.fenix-product-detail__tabs button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 45px; min-width: 0; padding: 7px 5px; border: 1px solid transparent; border-radius: 11px; background: transparent; color: var(--pd-sub); font-size: 11px !important; font-weight: 650 !important; line-height: 1.3; }
.fenix-product-detail__tabs button i { flex-shrink: 0; font-size: 14px; }
.fenix-product-detail__tabs button span { overflow-wrap: anywhere; }
.fenix-product-detail__tabs button.is-active { color: #eee6ff; border-color: rgba(170,135,255,.6); background: linear-gradient(140deg,rgba(125,77,229,.45),rgba(102,67,202,.22)); box-shadow: 0 0 12px rgba(131,81,238,.18),inset 0 1px 0 rgba(206,184,255,.13); }
.fenix-product-detail__body { min-width: 0; padding: 16px; border: 1px solid var(--pd-line); border-radius: 17px; background: var(--pd-panel); }
.fenix-product-detail__body .fld { min-width: 0; }
.fenix-product-detail__state { width: 100%; display: block; padding: 10px 12px; border: 1px solid var(--pd-line); border-radius: 12px; background: var(--pd-field); }
.fenix-product-detail__state > span { display: block; margin-bottom: 6px; font-size: 12px; color: var(--pd-sub); }
.fenix-product-detail__state select { min-height: 30px; max-width: 100%; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(34,197,94,.3); background: rgba(34,197,94,.14); color: #4cde93; font-size: 12px; font-weight: 750; }
.fenix-product-detail__state select[data-active="false"] { border-color: var(--pd-line); background: var(--pd-panel); color: var(--pd-sub); }
.fenix-product-detail__state option { color: var(--pd-text); background: var(--pd-panel); }
.fenix-product-detail__actions { flex-shrink: 0; display: grid; grid-template-columns: 1fr 1.35fr; gap: 10px; padding: 12px 14px calc(12px + env(safe-area-inset-bottom,0px)); border-top: 1px solid var(--pd-line); background: var(--pd-panel); box-shadow: 0 -8px 24px rgba(0,0,0,.15); }
.fenix-product-detail__cancel, .fenix-product-detail__save { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--pd-line); border-radius: 14px; padding: 10px 14px; background: var(--pd-field); color: var(--pd-text); font-size: 16px !important; font-weight: 750 !important; }
.fenix-product-detail__save { border-color: rgba(183,143,255,.55); background: linear-gradient(115deg,#7c3aed,#a874f8); color: #fff; box-shadow: 0 6px 22px rgba(124,58,237,.23),inset 0 1px 0 rgba(255,255,255,.16); }
.fenix-product-detail__notice { margin-bottom: 12px; padding: 10px 12px; border-radius: 12px; font-size: 12px; line-height: 1.4; }
.fenix-product-detail__notice.is-error { background: rgba(224,59,82,.13); color: #ff9b9b; }
.fenix-product-detail__notice.is-offline { background: rgba(245,158,11,.12); color: #ffcc75; }
.fenix-product-detail__notice.is-saved { background: rgba(34,197,94,.13); color: #4cde93; }
/* ── Productos · modo claro reforzado (2026-09-26) ───────────────
   La ficha tiene su propia paleta. Antes bastaba con cambiar variables,
   pero algunas combinaciones heredaban fondos/textos oscuros y en precio
   $0.00 el número prácticamente desaparecía. Estas reglas son SOLO .light. */
.light .fenix-product-detail {
  --pd-bg:#F7F9FD;
  --pd-panel:#FFFFFF;
  --pd-field:#F5F7FB;
  --pd-line:#D7DFEC;
  --pd-text:#101A35;
  --pd-sub:#61708A;
  --pd-accent:#6334D6;
  --pd-shadow:0 10px 28px rgba(25,42,78,.08);
  background:linear-gradient(180deg,#FFFFFF 0%,#F7F9FD 100%) !important;
  color:#101A35 !important;
  border-color:#D7DFEC !important;
}
.light .fenix-product-detail__scroll,
.light .fenix-product-detail__body{
  color:#101A35 !important;
}
.light .fenix-product-detail__hero,
.light .fenix-product-detail__body,
.light .fenix-product-detail__continuous{
  background:#FFFFFF !important;
  border-color:#D7DFEC !important;
  box-shadow:0 4px 16px rgba(25,42,78,.055) !important;
}
.light .fenix-product-detail__barcode,
.light .fenix-product-detail__state,
.light .fenix-product-detail__tabs{
  background:#F5F7FB !important;
  border-color:#D7DFEC !important;
}
.light .fenix-product-detail__barcode .fld,
.light .fenix-product-detail__name{
  color:#101A35 !important;
  -webkit-text-fill-color:#101A35 !important;
}
.light .fenix-product-detail__field-label,
.light .fenix-product-detail__state > span,
.light .fenix-product-detail__continuous small{
  color:#61708A !important;
}

/* Tarjetas de Costo / Menudeo / Mayoreo / Especial */
.light .fenix-product-price{
  --price-color:var(--price-soft);
  background:#FFFFFF !important;
  border-color:rgba(var(--price-rgb),.34) !important;
  box-shadow:0 5px 16px rgba(25,42,78,.055),inset 4px 0 0 rgba(var(--price-rgb),.70) !important;
}
.light .fenix-product-price--costo{
  background:linear-gradient(135deg,rgba(249,115,22,.07),#FFFFFF 46%) !important;
}
.light .fenix-product-price--menudeo{
  background:linear-gradient(135deg,rgba(34,197,94,.07),#FFFFFF 46%) !important;
}
.light .fenix-product-price--mayoreo{
  background:linear-gradient(135deg,rgba(59,130,246,.07),#FFFFFF 46%) !important;
}
.light .fenix-product-price--especial{
  background:linear-gradient(135deg,rgba(168,85,247,.07),#FFFFFF 46%) !important;
}
.light .fenix-product-price__heading,
.light .fenix-product-price__label{
  color:var(--price-soft) !important;
}
.light .fenix-product-price__icon{
  background:rgba(var(--price-rgb),.10) !important;
  border-color:rgba(var(--price-rgb),.28) !important;
  color:var(--price-soft) !important;
  box-shadow:none !important;
}
.light .fenix-product-price__amount{
  color:var(--price-soft) !important;
  text-shadow:none !important;
}
.light .fenix-product-price__amount input,
.light .fenix-product-price__amount output{
  color:var(--price-soft) !important;
  -webkit-text-fill-color:var(--price-soft) !important;
  opacity:1 !important;
}
.light .fenix-product-price__amount input::placeholder{
  color:rgba(16,26,53,.42) !important;
  -webkit-text-fill-color:rgba(16,26,53,.42) !important;
}
.light .fenix-product-price__metric{
  background:rgba(var(--price-rgb),.08) !important;
  border-color:rgba(var(--price-rgb),.23) !important;
  color:var(--price-soft) !important;
}
.light .fenix-product-price__metric.is-neutral{
  background:#F2F5FA !important;
  border-color:#D9E1ED !important;
  color:#4E5D78 !important;
}
.light .fenix-product-price__metric.is-loss{
  background:#FFF1F3 !important;
  border-color:#F3BBC5 !important;
  color:#B4233C !important;
}
.light .fenix-product-price.is-locked{
  background:#F8FAFD !important;
  border-color:#D7DFEC !important;
}
.light .fenix-product-price__locked,
.light .fenix-product-price.is-locked .fenix-product-price__heading{
  color:#61708A !important;
}

/* Pie de la ficha */
.light .fenix-product-detail__actions{
  background:#FFFFFF !important;
  border-top-color:#D7DFEC !important;
  box-shadow:0 -8px 22px rgba(25,42,78,.06) !important;
}
.light .fenix-product-detail__cancel{
  background:#F5F7FB !important;
  border-color:#D7DFEC !important;
  color:#24324F !important;
}
.light .fenix-product-detail__save{
  background:linear-gradient(100deg,#6D3BE8,#9B68F5) !important;
  border-color:#7443E8 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  box-shadow:0 7px 20px rgba(109,59,232,.20) !important;
}
.light .fenix-product-detail__save:disabled{
  opacity:.62 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
.light .fenix-product-detail__back { background:#F5F7FB !important; color:#24324F !important; }
.light .fenix-product-detail__delete { color:#A92442 !important; background:#FFF4F6 !important; border-color:#F1CBD3 !important; }
.light .fenix-product-detail__tabs button{color:#596985 !important;}
.light .fenix-product-detail__tabs button.is-active { color:#5B2BBE !important; background:#EEE8FF !important; border-color:#CDBDFA !important; }
.light .fenix-product-detail__state select, .light .fenix-product-detail__notice.is-saved { color:#137A3B !important; }
.light .fenix-product-price__metric.is-loss, .light .fenix-product-detail__notice.is-error { color:#B4233C !important; }
.light .fenix-product-detail__notice.is-offline { color:#8A5A10 !important; }
/* ── Fallback portal: tema claro aunque la ficha viva fuera de body:has(.light) ──
   La ficha tiene su propia paleta. Antes bastaba con cambiar variables,
   pero algunas combinaciones heredaban fondos/textos oscuros y en precio
   $0.00 el número prácticamente desaparecía. Estas reglas son SOLO .light. */
body:has(.light) .fenix-product-detail {
  --pd-bg:#F7F9FD;
  --pd-panel:#FFFFFF;
  --pd-field:#F5F7FB;
  --pd-line:#D7DFEC;
  --pd-text:#101A35;
  --pd-sub:#61708A;
  --pd-accent:#6334D6;
  --pd-shadow:0 10px 28px rgba(25,42,78,.08);
  background:linear-gradient(180deg,#FFFFFF 0%,#F7F9FD 100%) !important;
  color:#101A35 !important;
  border-color:#D7DFEC !important;
}
body:has(.light) .fenix-product-detail__scroll,
body:has(.light) .fenix-product-detail__body{
  color:#101A35 !important;
}
body:has(.light) .fenix-product-detail__hero,
body:has(.light) .fenix-product-detail__body,
body:has(.light) .fenix-product-detail__continuous{
  background:#FFFFFF !important;
  border-color:#D7DFEC !important;
  box-shadow:0 4px 16px rgba(25,42,78,.055) !important;
}
body:has(.light) .fenix-product-detail__barcode,
body:has(.light) .fenix-product-detail__state,
body:has(.light) .fenix-product-detail__tabs{
  background:#F5F7FB !important;
  border-color:#D7DFEC !important;
}
body:has(.light) .fenix-product-detail__barcode .fld,
body:has(.light) .fenix-product-detail__name{
  color:#101A35 !important;
  -webkit-text-fill-color:#101A35 !important;
}
body:has(.light) .fenix-product-detail__field-label,
body:has(.light) .fenix-product-detail__state > span,
body:has(.light) .fenix-product-detail__continuous small{
  color:#61708A !important;
}

/* Tarjetas de Costo / Menudeo / Mayoreo / Especial */
body:has(.light) .fenix-product-price{
  --price-color:var(--price-soft);
  background:#FFFFFF !important;
  border-color:rgba(var(--price-rgb),.34) !important;
  box-shadow:0 5px 16px rgba(25,42,78,.055),inset 4px 0 0 rgba(var(--price-rgb),.70) !important;
}
body:has(.light) .fenix-product-price--costo{
  background:linear-gradient(135deg,rgba(249,115,22,.07),#FFFFFF 46%) !important;
}
body:has(.light) .fenix-product-price--menudeo{
  background:linear-gradient(135deg,rgba(34,197,94,.07),#FFFFFF 46%) !important;
}
body:has(.light) .fenix-product-price--mayoreo{
  background:linear-gradient(135deg,rgba(59,130,246,.07),#FFFFFF 46%) !important;
}
body:has(.light) .fenix-product-price--especial{
  background:linear-gradient(135deg,rgba(168,85,247,.07),#FFFFFF 46%) !important;
}
body:has(.light) .fenix-product-price__heading,
body:has(.light) .fenix-product-price__label{
  color:var(--price-soft) !important;
}
body:has(.light) .fenix-product-price__icon{
  background:rgba(var(--price-rgb),.10) !important;
  border-color:rgba(var(--price-rgb),.28) !important;
  color:var(--price-soft) !important;
  box-shadow:none !important;
}
body:has(.light) .fenix-product-price__amount{
  color:var(--price-soft) !important;
  text-shadow:none !important;
}
body:has(.light) .fenix-product-price__amount input,
body:has(.light) .fenix-product-price__amount output{
  color:var(--price-soft) !important;
  -webkit-text-fill-color:var(--price-soft) !important;
  opacity:1 !important;
}
body:has(.light) .fenix-product-price__amount input::placeholder{
  color:rgba(16,26,53,.42) !important;
  -webkit-text-fill-color:rgba(16,26,53,.42) !important;
}
body:has(.light) .fenix-product-price__metric{
  background:rgba(var(--price-rgb),.08) !important;
  border-color:rgba(var(--price-rgb),.23) !important;
  color:var(--price-soft) !important;
}
body:has(.light) .fenix-product-price__metric.is-neutral{
  background:#F2F5FA !important;
  border-color:#D9E1ED !important;
  color:#4E5D78 !important;
}
body:has(.light) .fenix-product-price__metric.is-loss{
  background:#FFF1F3 !important;
  border-color:#F3BBC5 !important;
  color:#B4233C !important;
}
body:has(.light) .fenix-product-price.is-locked{
  background:#F8FAFD !important;
  border-color:#D7DFEC !important;
}
body:has(.light) .fenix-product-price__locked,
body:has(.light) .fenix-product-price.is-locked .fenix-product-price__heading{
  color:#61708A !important;
}

/* Pie de la ficha */
body:has(.light) .fenix-product-detail__actions{
  background:#FFFFFF !important;
  border-top-color:#D7DFEC !important;
  box-shadow:0 -8px 22px rgba(25,42,78,.06) !important;
}
body:has(.light) .fenix-product-detail__cancel{
  background:#F5F7FB !important;
  border-color:#D7DFEC !important;
  color:#24324F !important;
}
body:has(.light) .fenix-product-detail__save{
  background:linear-gradient(100deg,#6D3BE8,#9B68F5) !important;
  border-color:#7443E8 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  box-shadow:0 7px 20px rgba(109,59,232,.20) !important;
}
body:has(.light) .fenix-product-detail__save:disabled{
  opacity:.62 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
body:has(.light) .fenix-product-detail__back { background:#F5F7FB !important; color:#24324F !important; }
body:has(.light) .fenix-product-detail__delete { color:#A92442 !important; background:#FFF4F6 !important; border-color:#F1CBD3 !important; }
body:has(.light) .fenix-product-detail__tabs button{color:#596985 !important;}
body:has(.light) .fenix-product-detail__tabs button.is-active { color:#5B2BBE !important; background:#EEE8FF !important; border-color:#CDBDFA !important; }
body:has(.light) .fenix-product-detail__state select, body:has(.light) .fenix-product-detail__notice.is-saved { color:#137A3B !important; }
body:has(.light) .fenix-product-price__metric.is-loss, body:has(.light) .fenix-product-detail__notice.is-error { color:#B4233C !important; }
body:has(.light) .fenix-product-detail__notice.is-offline { color:#8A5A10 !important; }

@media(max-width:600px) {
  .fenix-product-detail { border-radius: 16px; }
  .fenix-product-detail__scroll { padding: 10px; }
  .fenix-product-detail__toolbar { gap: 5px; margin-bottom: 10px; }
  .fenix-product-detail__back, .fenix-product-detail__delete { padding: 7px 9px; gap: 6px; font-size: 11px !important; }
  .fenix-product-detail__hero { grid-template-columns: minmax(80px,.8fr) minmax(0,1.6fr); gap: 13px; padding: 12px; }
  .fenix-product-detail__name { font-size: 17px; }
  .fenix-product-detail__photo { min-height: 116px; border-radius: 13px; }
  .fenix-product-detail__barcode .fld { padding: 9px 7px; font-size: 13px; }
  .fenix-product-detail__barcode button { width: 29px; font-size: 15px !important; }
  .fenix-product-detail__prices { gap: 9px; margin: 11px 0; }
  .fenix-product-price { padding: 11px; border-radius: 14px; }
  .fenix-product-price__amount { font-size: 27px; }
  .fenix-product-price__heading { gap: 7px; }
  .fenix-product-price__icon { width: 30px; height: 30px; font-size: 14px; }
  .fenix-product-price__label { font-size: 12px; }
  .fenix-product-price__metric { font-size: 10px; padding: 5px 6px; }
  .fenix-product-detail__tabs { margin: 11px 0; }
  .fenix-product-detail__body { padding: 13px; }
}
@media(max-width:360px) {
  .fenix-product-detail__back, .fenix-product-detail__delete { font-size: 10px !important; }
  .fenix-product-detail__favorite { min-width: 30px; padding: 5px; }
  .fenix-product-price { padding: 9px; }
  .fenix-product-price__amount { font-size: 24px; }
  .fenix-product-detail__tabs button { flex-direction: column; gap: 4px; font-size: 10px !important; }
}
/* La ficha de escritorio comparte espacio con la lista y puede ser estrecha
   incluso en un monitor grande. Responde también al ancho de su propio panel. */
@container fenix-product-detail (max-width:560px) {
  .fenix-product-detail__hero { grid-template-columns: minmax(80px,.8fr) minmax(0,1.6fr); gap: 13px; padding: 12px; }
  .fenix-product-detail__name { font-size: 17px; }
  .fenix-product-detail__barcode .fld { padding: 9px 7px; font-size: 13px; }
  .fenix-product-detail__barcode button { width: 29px; font-size: 15px !important; }
  .fenix-product-price { padding: 11px; }
  .fenix-product-price__amount { font-size: 27px; }
  .fenix-product-price__metric { font-size: 10px; }
  .fenix-product-detail__tabs button { font-size: 11px !important; }
}
@media(prefers-reduced-motion:reduce) { .fenix-product-detail *, .fenix-product-detail *::before, .fenix-product-detail *::after { animation: none !important; transition: none !important; } }