.sf_beige {background:#f5f1e9;}

/* voce */

@media (max-width: 991px) 
{
	.txt_voce .tit7 {
		 font-size: clamp(24px, 3.8vw, 46px);
		 line-height:1.4;
	}
}



/* hero */

.bg {
    height: 100%; 
    background-position: center 18%;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 991px) 
{
	.bg {
		background-position: center;
	}
}

.sfumatura-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70vh;
    pointer-events: none;
    z-index: 996;

    background: linear-gradient(
        to top,
        rgba(33, 30, 27, 0.8) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}


/* bio */

.container_small {max-width:700px; margin:0 auto; text-align:justify;}
@media (max-width: 991px) {
    .container_small {width:768px; max-width:100% }
}

/* produzioni */

.container_produzioni {max-width:1400px; margin:0 auto; }
@media (max-width: 991px) {
    .container_produzioni {width:768px; max-width:100% }
}



/* programmi */

.container_programmi {max-width:1400px;  margin:0 auto; font-size:0.9em;}




/* appuntamento */

.appuntamento {
    width: 100%;
    min-height: 204px;
    padding: 40px 4%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: #f1eadb;
    border: 1px solid #3f3b35;
}


/* ANNO */

.appuntamento-anno-cont {
    width: 22%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.appuntamento-anno {
  font-family: "Bodoni Moda", serif;
  font-weight: 400;
  font-size: clamp(48px, 6.4vw, 92px);
  line-height: 0.88;
  color: #822b2b;
}

.appuntamento-stagione {
    margin-top: 15px;
  font-family: "EB Garamond", serif;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #7a7263;
}


/* SEPARATORE */

.appuntamento-separatore {
    width: 1px;
    height: 108px;
    margin: 0 5%;
    flex-shrink: 0;
    background: #2a261f;
}


/* INFO */

.appuntamento-info {
    flex: 1;
    min-width: 0;
}

.appuntamento-titolo {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 20px;
}

.appuntamento-nome {
font-family: "Bodoni Moda", serif;
  font-weight: 400;
  font-size: clamp(25px, 3vw, 42px);
  line-height: 1.04;
  color: #2a261f;
}

.appuntamento-ruolo {
  font-family: "Bodoni Moda", serif;
  font-weight: 400;
  font-size: clamp(25px, 3vw, 42px);
  line-height: 1.04;
  font-style: italic;
  color: #8d242b;
}

.appuntamento-descrizione {
  margin-top: 13px;
  font-family: "EB Garamond", serif;
  font-size: clamp(12px, 1.1vw, 15px);
  color: #7a7263;
}


/* DEBUTTO */

.appuntamento-debutto {
    width: 122px;
    height: 42px;
    margin-left: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #2a261f;
  font-family: "EB Garamond", serif;
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f5f1e9;
  white-space: nowrap;
}
@media (max-width: 991px) 
{
	.appuntamento-debutto {
		 margin-left: auto;
		 margin-right:20px;
	}
}


/* TXT SOTTO */

.txt_sm_beige {
  font-family: "EB Garamond", serif;
  font-style: italic;
  font-size: 17px;
  color: #7a7263;
  white-space: nowrap;
}

@media (max-width: 991px) {

    .appuntamento {
        min-height: auto;
        padding: 35px 5%;

        display: grid;
        grid-template-columns: 1fr 1px 1fr;
        grid-template-rows: auto auto;

        column-gap: 25px;
        row-gap: 30px;

        align-items: center;
    }

    .appuntamento-anno-cont {
        width: auto;
        grid-column: 1;
        grid-row: 1;
    }

    .appuntamento-separatore {
        grid-column: 2;
        grid-row: 1;

        width: 1px;
        height: 90px;
        margin: 0;
        background: #2a261f;
    }

    .appuntamento-info {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align:center;
    }

    .appuntamento-titolo {
        justify-content: center;
        gap: 5px 15px;
    }
    
    .appuntamento-descrizione {
        text-align: center;
    }

    .appuntamento-debutto {
        position: static;
        margin: 0;

        grid-column: 3;
        grid-row: 1;

        justify-self: center;
        align-self: center;
    }

}



/* footer */

#footerInt i {font-size:30px; margin:0 0 0 30px;}

@media (max-width: 991px) {
    #footerInt i {font-size:24px; margin:0 25px 0 0;}
}