.gallery-block {
  width: 100%;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.thumbs-wrap {
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumb {
  max-width: 220px;
  max-height: 160px;
  object-fit: contain;
  margin-bottom: 10px;
}
.thumbs-wrap, .muted[style*="El modelo no contiene imágenes"] {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Badge DESTACADO para modelos */
.badge-destacado {
  position: absolute;
  top: 14px;
  left: 14px;
  display: flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(90deg, #ffe066 0%, #ffd700 60%, #fffbe6 100%);
  color: #a16207;
  font-weight: 800;
  font-size: 1.08rem;
  padding: 7px 18px 7px 13px;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(255, 215, 0, 0.18), 0 2px 8px rgba(0,0,0,0.10);
  border: 2px solid #facc15;
  letter-spacing: 0.7px;
  z-index: 2;
  text-shadow: 0 1px 2px #fffbe6, 0 0px 1px #fff;
  user-select: none;
}
:root{--bg:#f8fafc;--card:#ffffff;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-2:#1d4ed8;--radius:16px;--border:#e2e8f0;--input-bg:#f1f5f9}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial}
.wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.card{width:100%;max-width:520px;background:var(--card);
  border:1px solid var(--border);border-radius:var(--radius);padding:clamp(16px,5vw,40px);box-shadow:0 1px 3px rgba(0,0,0,.1)}
h2{margin:0 0 .5rem;color:var(--text)}
p.muted{color:var(--muted);margin:.25rem 0 1rem}
form{display:grid;gap:12px}
.input{padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--input-bg);color:var(--text)}
.input:focus{outline:none;border-color:#4f7fff;box-shadow:0 0 0 4px rgba(79,127,255,.18)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:14px;border:none;
  background:linear-gradient(180deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;cursor:pointer}
.alert{padding:12px;border-radius:12px;box-sizing:border-box;max-width:100%}
.alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.alert.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
/* Mensaje de error compacto en formularios (login) */
.field-error{
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#991b1b;
  padding:8px 10px;
  border-radius:10px;
  font-size:.85rem;
  margin-bottom:10px;
  display:inline-block; /* evita que ocupe el alto completo */
  max-width:100%;
  box-sizing:border-box;
}
.dropdown-menu input.input{background:#ffffff;border:1px solid var(--border)}
.btn.link{background:transparent;color:#2563eb;padding:0}
.row{display:flex;gap:10px;flex-wrap:wrap}
/* Toast */
.toast{
  position:fixed; top:14px; right:16px; background:#ffffff; color:#0f172a; padding:.6rem .9rem;
  border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.15); border:1px solid var(--border);
  opacity:0; transform:translateY(-10px); transition:opacity .18s ease, transform .18s ease; z-index:9999;
  max-width:min(92vw, 420px); width:auto; box-sizing:border-box;
}
.toast.show{opacity:1; transform:translateY(0)}
.toast.success{background:#10b981;color:#ffffff}
.toast.error{background:#ef4444;color:#ffffff}

/* Form layout: two equal columns on desktop */
.form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.form-row .col{flex:1 1 0;min-width:260px}
@media (max-width: 768px){
  .form-row{flex-direction:column}
  .form-row .col{min-width:unset}
}

/* Tablas en admin con scroll horizontal si es necesario */
.table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-container .table {
  min-width: 960px;
}

/* (highlight retirado) */
.table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-container .table {
  min-width: 960px;
}