/* Extra image layouts for cases (bento, wide, square, portrait, four, row by proportion).
   Double class so they win over the theme's own .hd-imgs rules. */
.hd-imgs + .is-style-legenda { margin-top: 14px !important; }
.hd-imgs + .hd-imgs { margin-top: 16px !important; }
.hd-imgs.hd-imgs--quadrado > figure img { aspect-ratio: 1 / 1 !important; }
.hd-imgs.hd-imgs--retrato > figure img { aspect-ratio: 4 / 5 !important; }
.hd-imgs.hd-imgs--largo > figure img { aspect-ratio: 21 / 9 !important; }
.hd-imgs.hd-imgs--quatro { grid-template-columns: 1fr 1fr; }
.hd-imgs.hd-imgs--quatro > figure img { aspect-ratio: 4 / 5 !important; }
.hd-imgs.hd-imgs--bento { grid-template-columns: 1fr 1fr; }
.hd-imgs.hd-imgs--bento > figure img { aspect-ratio: 4 / 5 !important; }
.hd-imgs.hd-imgs--bento > :first-child { grid-column: 1 / -1; }
.hd-imgs.hd-imgs--linha > figure.wp-block-image img, .hd-imgs.hd-imgs--linha > figure.wp-block-image img[style] { height: auto !important; }
.hd-imgs.hd-imgs--linha > .hd-l-104 img { aspect-ratio: 1.039 !important; }
.hd-imgs.hd-imgs--linha > .hd-l-100 img { aspect-ratio: 1 / 1 !important; }
.hd-imgs.hd-imgs--linha > .hd-l-80 img { aspect-ratio: 4 / 5 !important; }
.hd-imgs.hd-imgs--linha > .hd-l-75 img { aspect-ratio: 3 / 4 !important; }
.hd-imgs.hd-imgs--linha > .hd-l-67 img { aspect-ratio: 2 / 3 !important; }
@media (max-width: 639px) {
	.hd-imgs.hd-imgs--tres.hd-imgs--quadrado > :last-child img, .hd-imgs.hd-imgs--tres.hd-imgs--retrato > :last-child img { aspect-ratio: 16 / 10 !important; }
}
@media (min-width: 760px) {
	.hd-imgs.hd-imgs--quatro { grid-template-columns: repeat(4, 1fr); }
	.hd-imgs.hd-imgs--bento { grid-template-columns: 2fr 1fr; }
	.hd-imgs.hd-imgs--bento > :first-child { grid-column: auto; grid-row: span 2; position: relative; }
	.hd-imgs.hd-imgs--bento > :first-child img { position: absolute; inset: 0; height: 100% !important; aspect-ratio: auto !important; }
	.hd-imgs.hd-imgs--linha { display: flex !important; align-items: flex-start; }
	.hd-imgs.hd-imgs--linha > figure { flex: 1; }
	.hd-imgs.hd-imgs--linha > .hd-l-104 { flex: 1.039; }
	.hd-imgs.hd-imgs--linha > .hd-l-100 { flex: 1; }
	.hd-imgs.hd-imgs--linha > .hd-l-80 { flex: 0.8; }
	.hd-imgs.hd-imgs--linha > .hd-l-75 { flex: 0.75; }
	.hd-imgs.hd-imgs--linha > .hd-l-67 { flex: 0.667; }
}
.hd-imgs.hd-imgs--video > .wp-block-video { margin: 0 !important; }
.hd-imgs.hd-imgs--video > .wp-block-video video { width: 100%; height: auto; aspect-ratio: 16 / 9 !important; object-fit: cover; display: block; background: #D42A1E; }