@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");
@import
	url("https://fonts.cdnfonts.com/css/lato");

@font-face {
	font-family: "Lato";
	src: url("https://fonts.cdnfonts.com/css/lato");
	color: #000;
}
.main-area {
	background-color: #ffffff !important;
}

.main-area{
	color:#000000;
}
.titolo-area .titolo-content h1.title{
       font-family: "Lato";
color: #C91E18;
text-transform: none;
font-weight: 700;
font-style: normal;
}

.eventi-item-area .eventi-item img {
        background: #C91E18;}

.section {
	background: #fffffff ;
}

/* HEADER */

.header-area .header-nav .navigation {
	background-color: #C91E18;
}
.header-area .header-nav .navigation .navbar .navbar-nav .nav-item a {
	text-transform: none;
font-weight: 400;
font-style: normal;
	color: #fff; 
}
.header-nav .navigation .navbar .navbar-nav .nav-item a::before {
	background: #fff;
}
.header-area .header-nav .navigation.sticky {
	background: #C91E18 ;
}
.wizard .content p{
        color:#fff !important;
}
.titolo-area .titolo-content table th {
         color:#171616;
}

/* FOOTER */

.footer-area.footer-area-1 .footer-overlay { 
	background-color: #C91E18 ;
}

/* MOBILE */

.header-nav .navigation .navbar .navbar-toggler .toggler-icon {
	background-color: #fff;
}
@media (max-width: 767px) {
	.header-nav .navigation .navbar .navbar-collapse {
	background-color: #C91E18 ;
	}
}

.badge{
	white-space: collapse;
}
.form-area a {
	text-decoration:underline;
} 
@media (max-width: 767px) {
	.header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
		color:#fff;
		font-size: 20px;
      }
}
@media {
	.ordini-area .ordini-content table th  {
	min-width: 80px;
color:#C91E18 ;
	}
}

@media(max-width: 767px) {
	#mainWrapper {
		display: inline-table;
	}
}

.header-area .header-nav .navigation .navbar .navbar-nav .nav-item a {
   font-family: "Lato";
text-transform: none;
    font-weight: 400;
    font-style: normal;
    color: #fff;
}

.navbar-brand img {
    max-height: 80px;
    max-width: 700px;
vertical-align: bottom;
padding: 10px;

}



.titolo-area .titolo-content h1.title {
    font-family: "Lato";
    color: #C91E18;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
font-size: 34px;
}
.titolo-area .titolo-content h2.title {
    font-size: 0px;
}

.titolo-area .info li {
    /* font-size: 0.9em; */
}



.titolo-info > h3{
        text-transform: none;
         ffont-family: "Lato";
}


h1{
	font-family: "Lato";
color: #999999;
text-transform: none;
font-weight: 700;
font-style: normal;
font-size: 24px;
}
h2{
	font-family: "Lato";
text-transform: none;
font-weight: 400;
font-style: normal;
font-size: 17px;
}

h2{
	font-family: "Lato";
text-transform: none;
font-weight: 400;
font-style: normal;
font-size: 15px;
}
h5{
	font-family: "Lato";
color: #999999;
text-transform: uppercase;
font-weight: 400;
font-style: normal;
font-size: 13px;
}
h6{
	font-family: "Lato";
color: #999999;
text-transform: none;
font-weight: 400;
font-style: normal;
font-size: 13px;
}
p {
	font-family: "Lato";
color: #999999
text-transform: none;
font-weight: 300;
font-style: normal;
font-size: 13px;
}

body {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal;
    color: #575757;
    background: rgb(200,219,243);
    background: linear-gradient(180deg, rgba(229,241,255,1) 0%, rgba(255,255,255,1) 200px);
    background-repeat: no-repeat;
    min-height: 100%;
}

.eventi-item-area .eventi-item .eventi-overlay h4.title {
    color: #fff;
    font-size: 18px;
    font-family: "Lato";
    font-weight: 700;
}

h2, h3, h4, h5, h6 {
    font-family: "Lato";
    font-weight: 400;
    color: #002249;
    margin: 0px;
}

.eventi-item-area .eventi-item:hover .eventi-overlay {
	bottom: 0;
	background: rgba(200, 2, 5, 0.9);
}

.eventi-item-area .eventi-item .eventi-overlay > .info {
	color: #fff;
	font-size: 13px;
	padding-top: 30px;
}

.eventi-item-area .eventi-item .eventi-overlay .box {
	position: absolute;
	top: -15px;
	left: 20px;
	height: 30px;
	width: 100px;
	background: rgba(200, 34, 73, 0.7);
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
}

.eventi-item-area .eventi-item .eventi-overlay {
	position: absolute;
	bottom: -90px;
	left: 0;
	width: 100%;
	height: 180px;
	background-color: rgba(200, 34, 73, 0.7);
	padding: 20px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.eventi-item-area {
   padding: 10px 0 20px;
}
/* Teatro Da Ponte — card leggibili, immagini senza sovrapposizioni */
body {background:#fff;color:#232321;}
.eventi-item-area .eventi-item {height:auto!important;border:1px solid #dedbd3;border-radius:18px;overflow:hidden;background:#f7f5f0;vertical-align:top;box-shadow:none;transition:box-shadow .2s ease;}
.eventi-item-area .eventi-item:hover {border-radius:18px;box-shadow:0 8px 24px #23232116;}
.eventi-item-area .eventi-item:focus-visible {outline:3px solid #C91E18;outline-offset:4px;}
.eventi-item-area .eventi-item img {display:block;width:100%;height:auto!important;aspect-ratio:870/1292;object-fit:cover;object-position:center;background:#f7f5f0;}
.eventi-item-area .eventi-item .eventi-overlay,
.eventi-item-area .eventi-item:hover .eventi-overlay {position:relative!important;inset:auto!important;height:auto!important;min-height:220px;padding:20px!important;background:#f7f5f0!important;color:#232321;transform:none!important;transition:none;display:flex;flex-direction:column;gap:10px;}
.eventi-item-area .eventi-item .eventi-overlay .box {position:static!important;order:-2;width:auto!important;height:auto!important;background:transparent!important;text-align:left;line-height:1.35;color:#C91E18;font-size:17px;font-weight:700;}
.eventi-item-area .eventi-item .eventi-overlay .box span {display:inline!important;margin-left:6px;}
.eventi-item-area .eventi-item .eventi-overlay .status {position:static!important;order:3;align-self:flex-start;}
.eventi-item-area .eventi-item .eventi-overlay .status .badge {height:auto;padding:7px 10px;line-height:1.35;border-radius:6px;white-space:normal;}
.eventi-item-area .eventi-item .eventi-overlay h4.title {font-size:23px;font-weight:700;color:#232321;line-height:1.2;text-transform:none;}
.eventi-item-area .eventi-item .eventi-overlay h5.title {font-size:15px;font-weight:600;color:#46463f;line-height:1.4;text-transform:none;}
.eventi-item-area .eventi-item .eventi-overlay > .info {padding-top:0!important;color:#46463f;font-size:14px;line-height:1.5;margin:0;}
.header-area .header-nav .navigation .navbar .navbar-nav .nav-item a:hover {color:#F2E7D5!important;}
/* Etichette dritte sulle sedute del Ridotto rivolte al palco in basso. */
#mapsvg .posto[transform*="rotate(180)"] > text {transform-box:fill-box;transform-origin:center;transform:rotate(180deg);}

.eventi-item-area .eventi-item .eventi-overlay .box,.eventi-item-area .eventi-item .eventi-overlay .box span{color:#C91E18!important;text-align:left!important;font-size:17px!important;}
.eventi-item-area .eventi-item .eventi-overlay .info li,.eventi-item-area .eventi-item .eventi-overlay .info li i{color:#46463f!important;}

/* Compagnia nascosta nelle sole card del catalogo. */
.eventi-item-area .eventi-item .eventi-overlay h5.title {display:none!important;}

#mapsvg .posto[transform*="rotate(180)"] > text {transform-box:view-box!important;transform-origin:0px 0px!important;transform:matrix(-1,0,0,-1,18,14)!important;font-size:8px!important;text-anchor:middle!important;}

/* Da Ponte — continuita visiva su tutte le pagine */
:root{--dp-red:#c91e18;--dp-ink:#242420;--dp-cream:#f7f5ef;--dp-line:#dfdcd3}
body,h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea{font-family:'Outfit',Arial,sans-serif!important}
body{color:var(--dp-ink);background:#fff;font-size:17px;line-height:1.6}
h1,h2,h3,h4,h5,h6{color:var(--dp-ink);font-weight:600;letter-spacing:-.025em}
p{font-size:17px!important;font-weight:400!important;line-height:1.65!important;color:var(--dp-ink)}
.header-area .header-nav{background:var(--dp-red)!important;box-shadow:0 2px 12px #0000000d}
.header-area .navbar{max-width:1400px;margin:auto;padding:18px 24px}
.header-area .navbar-nav .nav-link{font-size:17px!important;font-weight:500!important;color:white!important}
.header-area .navbar-nav .nav-link:hover,.header-area .navbar-nav .nav-link:focus{color:#f2e7d5!important}
.main-area .container{max-width:1280px}
.general-area,.titolo-area,.eventi-item-area{padding-top:55px!important;padding-bottom:65px!important}
.titolo-content h1.title{font-size:clamp(32px,4vw,54px);line-height:1.12;margin-bottom:14px}
.titolo-content h2.title{font-size:22px;line-height:1.4;margin-bottom:22px}
.titolo-content h3.title{font-size:20px;color:#68675e;margin-bottom:24px}
.titolo-thumb img,.film-locandina{border-radius:18px;overflow:hidden}
.titolo-content .info,.titolo-info .info{padding:22px 26px;background:var(--dp-cream);border:1px solid var(--dp-line);border-radius:16px}
.titolo-content .info li,.titolo-info .info li{font-size:17px;color:var(--dp-ink);line-height:1.8}
.main-btn,.btn-success,.btn-primary,.wizard>.actions a{background:var(--dp-ink)!important;border-color:var(--dp-ink)!important;color:#fff!important;border-radius:9px!important;font-family:'Outfit',Arial,sans-serif;font-weight:600!important;text-transform:none!important;box-shadow:none!important}
.main-btn:hover,.main-btn:focus,.btn-success:hover,.btn-primary:hover,.wizard>.actions a:hover{background:var(--dp-red)!important;border-color:var(--dp-red)!important;color:#f2e7d5!important}
.selezTipo .main-btn{display:block;white-space:normal;text-align:left;line-height:1.5;padding:26px 30px;min-height:116px}
.section-title h2.title{font-size:clamp(32px,4vw,48px);line-height:1.2}
.input-box input:not([type=checkbox]):not([type=radio]),.input-box textarea,.input-box select,.select2-container--default .select2-selection--single{border:1px solid #bdbab1!important;border-radius:8px!important;background:#fff!important;color:var(--dp-ink)!important;font-size:17px}
.input-box input:focus,.input-box textarea:focus{outline:2px solid var(--dp-red);outline-offset:2px}
.rn_abbonamenti .eventi-item{width:calc(33.333% - 32px);min-width:260px}
.rn_abbonamenti .eventi-overlay{min-height:245px!important;padding:28px!important}
.rn_abbonamenti .eventi-overlay .box{font-size:16px!important;color:#66645c!important}
.rn_abbonamenti .eventi-overlay .info{font-size:23px;font-weight:600}
.badge-success{background:#edf3e8!important;color:#345526!important}
.wizard>.steps .current a{background:var(--dp-red)!important;color:#fff!important}
.wizard>.steps .done a{background:#eae3d5!important;color:var(--dp-ink)!important}
.wizard>.content{background:#fff!important}
table.eventi{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--dp-line);border-radius:12px;overflow:hidden}
table.eventi td{padding:12px;border-bottom:1px solid var(--dp-line)}
table.eventi tr.settore{background:var(--dp-cream);font-weight:600}
.modal-content{border-radius:16px;border:1px solid var(--dp-line)}
.footer-area,.footer-overlay{background:var(--dp-cream)!important;color:var(--dp-ink)!important}
.footer-copyright p,.footer-copyright a{color:#66645c!important;font-size:13px!important}
.footer-copyright a:hover{color:var(--dp-red)!important}
@media(max-width:767px){.header-area .navbar{padding:12px 16px}.rn_abbonamenti .eventi-item{width:100%;margin-left:0!important}.general-area,.titolo-area,.eventi-item-area{padding-top:28px!important;padding-bottom:35px!important}.titolo-content .info{padding:16px}.selezTipo .main-btn{padding:20px}}

/* Da Ponte: scheda evento e acquisto essenziali */
.rn_eventoAcquista .titolo-info > p.mt-40:first-of-type{display:none!important}
.rn_evento .titolo-content > h2.title{display:none!important}
.rn_evento .titolo-content{display:flex;flex-direction:column}
.rn_evento .titolo-content > .status{order:1;margin-top:24px!important;align-self:flex-start}
.rn_evento .titolo-content > p{order:2}
.rn_evento .titolo-content > .status ~ *{order:3}

/* Da Ponte: controlli e legenda su mobile */
@media(max-width:767px){
.rn_eventoAcquista #add-codicesconto-mappa .text-right{text-align:left!important}
.rn_eventoAcquista #add-codicesconto-mappa .main-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin:12px 0 0!important;padding:14px 12px!important;min-height:48px;font-size:16px!important;line-height:1.3!important}
.rn_eventoAcquista #ph-mappa{margin-top:24px!important}
.rn_eventoAcquista .maplegend{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 8px;margin:0 0 16px!important;text-align:left!important}
.rn_eventoAcquista .maplegend>span{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:0!important;min-width:0;font-size:14px;line-height:1.25}
.rn_eventoAcquista .maplegend svg{flex:0 0 20px}
.rn_eventoAcquista #map{width:100%!important;height:520px!important;max-height:75svh;position:relative}
.rn_eventoAcquista #map[data-mapid="217"]{height:360px!important}
.rn_eventoAcquista #mapsvg{width:100%!important;height:100%!important}
.rn_eventoAcquista .mapcontrol{display:flex!important;align-items:center;gap:4px;left:0!important;top:0!important;padding:4px!important;background:#fff;border-radius:0 0 10px 0}
.rn_eventoAcquista .mapcontrol .btn{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;margin:0!important;padding:0!important;font-size:18px;line-height:1}
.rn_eventoAcquista #map .mobileScroll{right:-40px!important;left:auto!important;width:36px!important;height:100%;display:flex;flex-direction:column;justify-content:center;gap:24px}
.rn_eventoAcquista #map .mobileScroll>i{position:static!important;display:flex;align-items:center;justify-content:center;width:36px;height:44px;margin:0!important;font-size:25px}
}

/* Da Ponte - colori posti pubblico: 2026-09-28 */
:root body svg .posto path{fill:#ffffff!important;fill-opacity:1!important;stroke:#555555!important;stroke-width:.75}
:root body svg .posto text{fill:#242420!important}
:root body svg .posto.occupato path,
:root body svg .posto.bloccato path,
:root body svg .posto.disabled path,
:root body svg g.disabled .posto path,
:root body svg g.settore.ghost .posto path{fill:#c91e18!important;fill-opacity:1!important;stroke:#8e1511!important}
:root body svg .posto.occupato text,
:root body svg .posto.bloccato text,
:root body svg .posto.disabled text,
:root body svg g.disabled .posto text,
:root body svg g.settore.ghost .posto text{fill:#ffffff!important}
:root body svg .posto.selected path,
:root body svg .posto.selected.recpren path,
:root body svg g.disabled .posto.selected path{fill:#64e0ff!important;fill-opacity:1!important;stroke:#17677f!important;stroke-width:1.2!important}
:root body svg .posto.selected text{fill:#172f38!important}

/* Da Ponte - non disponibili neri, occupati rossi: 2026-09-28 */
:root body svg .posto.disabled:not(.selected) path,
:root body svg .posto.bloccato:not(.selected) path,
:root body svg g.disabled .posto:not(.selected) path,
:root body svg g.settore.ghost .posto:not(.selected) path{fill:#242420!important;stroke:#111111!important;fill-opacity:1!important}
:root body svg .posto.disabled:not(.selected) text,
:root body svg .posto.bloccato:not(.selected) text,
:root body svg g.disabled .posto:not(.selected) text,
:root body svg g.settore.ghost .posto:not(.selected) text{fill:#ffffff!important}