.boxautorericetta img {width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover;}
.tipodiportata {display: inline-block;padding: .2em .4em; background: var(--orange); color: var(--white); font-size: 1.2em;}
.specialitainfo {background: var(--white);}
.introimage img {box-sizing: border-box; border: solid 1em var(--white);}


/* posizione blocchi */
.contenuto {grid-column: 1 / span 1; grid-row: 1 / span 3;}
.ricetta {grid-column: span 1 / -1; grid-row: 1 / span 1;}




.ricetta {background: var(--white); padding: 1em;}
.tempodipreparazione {display: grid; grid-template: auto / 1fr 2fr 2fr; grid-gap: .3em; margin-top: 1em;}
.tempodipreparazione span {display: flex; align-items: center;}
.titletempo {text-align: left; font-size: 1.1em; line-height: .9em;}
.minutiditempo {font-size: 3em;}
.minutiditempo em {font-size: .5em; margin-left: .2em;}

ul.ingredientibox {list-style: none; margin: 0; padding: 0; display: grid; grid-template: min-content / 1fr 7fr; grid-row-gap: .5em;}
ul.ingredientibox p.uno {text-align: right; border-right: solid 2px var(--orange);}
ul.ingredientibox p {margin: 0; padding: .5em; line-height: 1em; font-size: 1.2em; border-bottom: solid 1px var(--bkg);}
ul.ingredientibox p:nth-child(4n - 3),
ul.ingredientibox p:nth-child(4n - 2) {}

ul.ingredientibox li {display: flex; flex-flow: row nowrap; gap:.3em;}
ul.ingredientibox li p:first-child {width: 3rem; border-right: solid 2px var(--orange); text-align: right; padding: 0 .2em 0 0;}
ul.ingredientibox li p {margin: 0;}


@media (max-width: 600px) {
	.rowcontentarticle {display: grid; grid-template: auto / 100%; grid-gap: 1em;}
	/* posizione blocchi */
	.contenuto {grid-column: 1 / span 1; grid-row: 2 / span 1;}
	.ricetta {grid-column: span 1 / -1; grid-row: 1 / span 1;}
}