 #cont_portfolio { width: 100%; overflow: hidden; position: relative; padding: 10px 0; display: flex; align-items: center; }

.viewport { overflow: hidden; width: 100%; white-space: nowrap; }
.portfolio { display: flex; transition: transform 0.5s ease; }
.portfolio .item { flex: 0 0 300px; display: inline-block; vertical-align: top; text-align: center; padding: 10px; border-radius: 8px; margin-right: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; }

.portfolio .item img { max-width: 100%; height: auto; margin-bottom: 10px; }
.portfolio .item span { font-size: 0.7rem; color: #ffffff; margin-top: auto; opacity: .7 }

#prev, #next, .car_prev, .car_next { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: #fff; border: none; padding: 10px; cursor: pointer; z-index: 10; }

#prev, .car_prev { left: 0px; }
#next, .car_next { right: 0px; }

/* esempi di card in "Grafica personalizzata" (passoV92): come il carosello dei loghi, una card alla volta,
   card intera senza deformarla (390x844), didascalia grigia come i loghi */
#esempi_card { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 0 }
#esempi_card .car_viewport { overflow: hidden; width: 240px; max-width: calc(100% - 70px) }
#esempi_card .car_lista { display: flex }
#esempi_card .item { flex: 0 0 100%; min-width: 0; text-align: center; box-sizing: border-box }
#esempi_card .item a { display: block }
#esempi_card .tel { display: block; padding: 3.2%; border-radius: 15% / 7.2%; background: #0b0d0f; box-shadow: 0 10px 30px rgba(0,0,0,.55), inset 0 0 0 1px #3a4046 } /* telefono come nella scena del carosello: cornice 12/372 */
#esempi_card .tel img { display: block; width: 100%; height: auto; aspect-ratio: 390 / 844; border-radius: 12.9% / 6% } /* mai deformata */
#esempi_card .dida { display: block; font-size: 0.7rem; color: rgba(255,255,255,.7); margin-top: 20px; white-space: normal; overflow-wrap: anywhere }
#esempi_card .dida.yel { color: #f9ae0b }
