/* ─────────────────────────  CONTINGUT  ───────────────────────── */
.word{ font-size:1.6rem; color:#1a4be0; font-weight:700; margin:2px 0 8px 0; line-height:1.25; }
.desc{ font-size:1rem;  color:#333; line-height:1.5; }

/* ───────────────────── TARGETA PROTAGONISTA ──────────────────── */
.entry-card{
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%);
  border:2px solid #cfe0ff;
  border-radius:16px;
  padding:20px !important;               /* sobreescriu p-3 de Bootstrap */
  box-shadow:
    0 0 0 2px rgba(31,122,224,.05) inset,
    0 8px 20px rgba(13,63,122,.14);
  transition:box-shadow .2s ease, transform .2s ease;
}
.entry-card:hover{
  box-shadow:
    0 0 0 3px rgba(31,122,224,.09) inset,
    0 14px 34px rgba(13,63,122,.22);
  transform:translateY(-1px);
}

/* ID discret (sense fons, gris suau) */
.entry-id,
.entry-card .badge{
  background:transparent !important;
  color:#a6b4c3 !important;
  font-weight:400;
  font-size:12px;
  border:0; padding:0; margin-top:.25rem;
}

/* ────────────────────────── ACCIONS ──────────────────────────── */
.actions{ display:flex; flex-wrap:wrap; gap:8px; padding-left:12px; }
.actions form{ display:inline; }

/* ──────────────── BLOC “AFEGIR NOVA” (només format) ──────────── */
.separaDalt{ margin-top:40px; }                 /* molt separat de dalt */

.addForm.small-form{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}

.add-label{                                     /* text menudet */
  font-size:.85rem; color:#556; margin-right:6px; white-space:nowrap;
}

/* camps grans (amplària + alçada + padding) */
.addForm .form-control{
  height:44px;
  font-size:1rem;
  padding:10px 14px;
}
.addForm .add-nova{   width:320px; max-width:40vw; }
.addForm .add-descrip{width:420px; max-width:50vw; }

.addForm .btn{ height:44px; padding:0 16px; }  /* botó mateix alçada */

/* mòbil: inputs a tota l’amplada */
@media (max-width:576px){
  .addForm .add-nova,
  .addForm .add-descrip{ width:100%; max-width:100%; }
}


/* més separació del bloc */
.separaDalt{ margin-top: 40px; }

/* línia d'inputs en fila */
.addForm.small-form{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}

/* ⚡ fer els DOS camps més llargs (amplària real) */
.addForm.small-form input[name="Nova"],
.addForm.small-form input[name="descrip"]{
  /* ocupen espai de manera flexible i llarga */
  flex: 1 1 420px;         /* base 420px, s’estiren si hi ha lloc */
  min-width: 360px;        /* no menys que això en desktop */
  max-width: 540px;        /* i tampoc massa gegants */
  width: auto !important;  /* anul·la el w-auto de Bootstrap */
}

/* — Afegir nova: una sola línia, camps llargs i lletra menuda — */
.addForm.small-form{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;          /* tot en una línia (desktop) */
  font-size:.9rem;           /* lletra menuda al conjunt */
}

.addForm.small-form .add-label{
  font-size:.8rem;           /* etiqueta més menuda */
  white-space:nowrap;
  margin-right:6px;
}

.addForm.small-form .form-control{
  height:38px;
  font-size:.9rem;           /* text menut dins dels inputs */
  padding:6px 10px;
  width:auto !important;     /* anul·la Bootstrap w-auto */
}

/* Nova paraula: llarg però una mica més curt que la descripció */
.addForm.small-form input[name="Nova"]{
  flex: 1 1 28%;             /* base ~28% i creix si hi ha espai */
  min-width: 280px;
}

/* Descripció: el més llarg */
.addForm.small-form input[name="descrip"]{
  flex: 2 1 48%;             /* base ~48% i creix més que l’anterior */
  min-width: 380px;
}

.addForm.small-form .btn{
  height:38px;
  font-size:.85rem;
  padding:0 14px;
  white-space:nowrap;
}

/* En pantalles estretes, permet fer wrap perquè no desquadre */
@media (max-width: 576px){
  .addForm.small-form{ flex-wrap:wrap; }
  .addForm.small-form input[name="Nova"],
  .addForm.small-form input[name="descrip"]{
    flex: 1 1 100%;
    min-width: 100%;
  }
}