/* Acentos seleccionados: obra enmarcada para modalidades de trabajo. */
.work img{
  width:116px;
  height:84px;
  object-fit:contain;
  padding:7px;
  background:#fbf7f0;
  border:1px solid #681923;
  box-shadow:0 5px 12px rgba(66,17,21,.18),inset 0 0 0 1px rgba(255,255,255,.72);
}

/* En páginas interiores el marco tiene una presencia ligeramente mayor. */
.inner-content .watercolor-inline{
  width:min(40%,340px) !important;
  max-width:340px !important;
  max-height:none !important;
  height:auto !important;
  padding:11px !important;
  background:#fbf7f0 !important;
  border:2px solid #681923 !important;
  box-shadow:0 9px 20px rgba(66,17,21,.22),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  object-fit:contain !important;
  mix-blend-mode:normal !important;
}

/* Tres áreas como tarjetas autónomas, sin trasladar este recurso a otras secciones. */
.area-grid article{
  min-height:254px;
  display:flex;
  flex-direction:column;
  padding:22px 20px 18px;
  background:#ede3d6;
  border:1px solid #cdbbae;
  border-top:3px solid #96232b;
  box-shadow:0 5px 13px rgba(60,35,26,.10);
}
.area-grid span{font-size:29px;margin-bottom:10px}
.area-grid article a{margin-top:auto;align-self:flex-start}

@media(max-width:700px){
  .work img{width:108px;height:78px;padding:6px}
  .inner-content .watercolor-inline{width:min(44%,220px) !important;padding:8px !important}
  .area-grid article{min-height:0;padding:20px 18px}
}