/* Ficha del producto (pestañas Técnica, Proveedores y costos, Sucursales; estadísticas y avisos del formulario). Solo usa las variables del tema: sirve en claro y oscuro.
   Responsivo: las rejillas se acomodan solas (de 4 columnas en escritorio a una en el reloj) y todo lo que se toca mide 44 px o más. */
.f76-grupo { margin: 0 0 22px; }
.f76-grupo > h3 { margin: 0 0 8px; padding-bottom: 6px; font-size: 1.05rem; border-bottom: 1px solid var(--regla); }
.f76-grupo > .nota { margin-bottom: 10px; }
.f76-grupo > .f76-rej + .f76-rej, .f76-grupo > .f76-rej + label.campo, .f76-grupo > .f76-rej + .fila-check { margin-top: 12px; }
.f76-grupo > label.campo { margin-top: 12px; }
.f76-rej { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px 14px; align-items: start; }
.f76-rej > * { min-width: 0; margin: 0; }
.f76-rej > .f76-ancho { grid-column: 1 / -1; }
.f76-fila-url { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; margin-bottom: 10px; }
.f76-fila-url > label { flex: 1 1 220px; min-width: 0; margin: 0; }
.f76-fila-url > .btn { flex: 0 0 auto; min-height: 48px; }
.f76-fila-url > a.btn[aria-disabled="true"] { opacity: .45; pointer-events: none; cursor: not-allowed; }
.f76-meta { color: var(--tinta-suave); font-size: .88rem; line-height: 1.4; margin: 4px 0 10px; display: block; }
.f76-meta b { color: var(--tinta); font-weight: 600; }
.f76-err { margin: 0; padding: 10px 12px; border-radius: var(--radio); background: var(--jitomate-fondo); color: var(--jitomate); font-size: .92rem; }
.f76-err.oculto, .f76-aviso.oculto { display: none; }
.f76-res { margin: 10px 0 4px; font-weight: 600; }
.f76-res output { font-weight: 800; font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.f76-fotos { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); gap: 12px; margin-bottom: 10px; }
.f76-foto { margin: 0; border: 1px solid var(--regla); border-radius: 8px; overflow: hidden; background: var(--blanco); display: flex; flex-direction: column; }
.f76-foto img { width: 100%; aspect-ratio: 1; object-fit: contain; background: var(--fondo, #f4f4f4); display: block; }
.f76-foto figcaption { display: flex; flex-direction: column; gap: 6px; padding: 8px; }
.f76-foto figcaption .btn { width: 100%; min-height: 44px; }
.f76-sube { display: inline-flex; align-items: center; min-height: 48px; cursor: pointer; }
.f76-sube-no { opacity: .5; pointer-events: none; }
.f76-res-nota { font-weight: 400; font-size: .85rem; color: var(--tinta-suave); }
.f76-acciones { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 12px; }
.f76-acciones > .btn { flex: 0 1 auto; }
.f76-prov, .f76-suc { border: 1px solid var(--regla); border-radius: 12px; padding: 14px; margin-bottom: 14px; background: var(--blanco); }
.f76-prov .fila-check { flex: 1 1 200px; min-height: 44px; }
.f76-suc h4 { margin: 0 0 6px; font-size: 1.05rem; overflow-wrap: anywhere; }
.f76-sucs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 14px; margin-bottom: 14px; align-items: start; }
.f76-sucs .f76-suc { margin: 0; }
.f76-exist { margin: 0 0 6px; }
.f76-exist-n { font-size: 1.3rem; font-variant-numeric: tabular-nums; }
.f76-suc > label.campo { margin-top: 12px; }
.f76-aviso { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0 12px; padding: 10px 12px; border-radius: var(--radio); background: var(--ambar-fondo); color: var(--ambar); font-size: .93rem; }
.f76-aviso .f76-meta { color: inherit; flex: 1 1 100%; margin: 0; }
.f76-aviso .btn { color: var(--tinta); }
.f76-filtros { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px 14px; }
.f76-filtros > label { margin: 0; min-width: 0; }
#f76-datos .franja { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); }
#f76-datos .franja > div { border-bottom: 1px solid var(--regla); min-width: 0; overflow-wrap: anywhere; }
#f76-datos .franja .cifra { font-size: clamp(1.3rem, 5vw, 2rem); }
#f76-cambiar-codigo-form { justify-self: start; }
.f76-grupo .fila-check { min-height: 48px; align-items: flex-start; padding: 6px 0; line-height: 1.3; }
@media (max-width: 760px) {
  .f76-acciones > .btn, .f76-fila-url > .btn { flex: 1 1 100%; width: 100%; }
  .f76-fila-url > label { flex-basis: 100%; }
  .f76-prov, .f76-suc { padding: 12px; }
  .f76-aviso .btn { flex: 1 1 100%; }
}
@media (max-width: 260px) {
  .f76-res-nota, .f76-grupo > .nota, .f76-aviso .f76-meta { display: none; }
  .f76-prov, .f76-suc { padding: 8px; }
  .f76-grupo > h3 { font-size: .95rem; }
}
.f76-aviso .btn, .f76-acciones .btn, .f76-fila-url .btn, #pp-barato, #f76-cambiar-codigo-form, .ficha-acciones .btn { min-height: 44px; }
#pr-nueva-lista { min-width: 0 !important; flex: 1 1 160px; }
@media (max-width: 420px) {
  #f76-datos .barras { gap: 2px; }
  #f76-datos .etiquetas-dias { gap: 2px; }
  #f76-datos .etiquetas-dias span { font-size: .62rem; min-width: 0; }
  #f76-datos .barras .valor { display: none; }
}
.f76-panel .btn.chico { min-height: 40px; }
@media (max-width: 760px) { .f76-panel .btn.chico { min-height: 44px; } }
.f76-rej { align-items: stretch; }
.f76-rej > label.campo { align-content: end; }