/* Bloques que anade el panel a las noticias nuevas. El resto del diseno es el de main.css. */
.article .cms-img{ margin:1.6em 0; }
.article .cms-img img{ width:100%; height:auto; border-radius:6px; }
.article .cms-img figcaption{ font-size:.9em; opacity:.75; margin-top:.5em; }
.article .cms-gallery{ display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:10px; margin:1.6em 0; }
.article .cms-gallery img{ width:100%; aspect-ratio:1; object-fit:cover; border-radius:6px; display:block; }
.article .video-embed{ position:relative; aspect-ratio:16/9; margin:1.6em 0; }
.article .video-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:6px; }
.article::after{ content:''; display:block; clear:both; }
@media (min-width:720px){
  .article .cms-img--izquierda{ float:left; width:44%; margin:.4em 1.6em 1em 0; }
  .article .cms-img--derecha{ float:right; width:44%; margin:.4em 0 1em 1.6em; }
}
.cms-hp{ position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-note[data-kind="ok"]{ font-weight:700; }