@charset "utf-8";


.carosello{
	float:left;
	
}

 
.esterno {
	background-color: #ffffff;
	overflow:  auto;
	position: fixed; 
	width: 100%;
	left: 0px;
    margin-top: 180px;
    height:80%;
}

.carosello_bar {
	background-color: #e9e9e9;
	width: 100%;
	height:400px;
	left: 0px;
}

/*.carosello_bar {
	background-color: #ffffff;
	overflow: auto;
	width: 100%;
	height:400px;
	position: fixed;  
	left: 0px;
    margin-top: 180px;
}*/

.carosellotrasparente{
	width:1024px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	
}


  /* Overlay più leggibile su immagine */
  .custom-caption{
    right: 0;
    left: 0;
    bottom: 0.75rem;
    padding: 0 1rem;
  }
  .overlay-box{
    display: inline-block;
    max-width: min(900px, 92vw);
    background: rgba(0,0,0,.65);
    border-radius: 14px;
    padding: 1rem 1.25rem;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
  }
  .overlay-box h2,
  .overlay-box p{ color: #fff; }

/* ===============================
   Pulsanti Progetto Donatello
   =============================== */

.carousel-caption .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* dimensioni uniformi */
  min-width: 230px;
  height: 38px;

  /* testo */
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1;

  /* forma */
  border-radius: 999px; /* pill perfetta */
  padding: 0 16px;

  /* reset differenze bootstrap */
  box-shadow: none;
  white-space: nowrap;
}

/* opzionale: hover più elegante */
.carousel-caption .btn:hover {
  transform: translateY(-1px);
  opacity: 0.95;
}

/* focus pulito */
.carousel-caption .btn:focus {
  box-shadow: none;
}