/* =========================
   Helpers / Utilidades
========================= */
.box{
  border: var(--bd);
  border-radius: var(--radius);
  margin: var(--sp-1);
  padding: var(--sp-3);
}

.mainbox{
  margin: 7px; /* valor distinto al resto, se mantiene */
  padding: var(--sp-3);
}

.metainfo{
  padding: var(--sp-1);
  font-size: .8em;
  /*font-weight: bold;*/
  text-align: left;
}

.toolbox{ display: none; }

section.text {
  text-align: left;
  font-size: .9em;
}

section.text h1 {
  /*border-left: 6px solid var(--c-text);*/
  padding-left: var(--sp-1);
  font-size: 1.1em;
  font-weight: 600;
}


/* =========================
   Accesibilidad / Motion
========================= */
@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; }
}

img.icon {
  height: 20px;
  align-items: center;
}