/* CSS Document */
/* //rojo oar: #ca191f */

:root {
  --color_fondo_primario: 195, 43, 33;
  --color_fondo_secundario: 0, 98, 46;
  --color_fondo_terciario: 156, 155, 155;  
}
#intro .play-btn {
    background: radial-gradient(#C00 50%, rgba(255,255,255, 0.65) 52%)!important;
}

#intro
{
	width: 100% !important;
	height: 100vh !important;
	background-image: url(../img/logo_evento_2026.png) !important;
	/* background-image: url(../img/logo_restaura_cmyk_1000x.png) !important; */

	background-position: top 55px center !important;
	background-repeat: no-repeat !important;
	/*     background-size: contain!important; */
	background-size: 800px !important;

	overflow: hidden;
	position: relative;
}

#intro .intro-container
{
	bottom: 30px !important;
}

@media (max-width: 1399px)
{
	#intro
	{
		background-position: top 55px center !important;
		background-size: 600px !important;
	}

	#intro .intro-container
	{
		bottom: 10px !important;
	}

}


@media (max-width: 1199px)
{
	#intro
	{
		background-position: top 50px center !important;
		background-size: 600px !important;
	}

	#intro .intro-container
	{
		bottom: 10px !important;
	}
}


@media (max-width: 991px)
{
	#intro
	{
		background-position: top 5rem center !important;
		background-size: 500px !important;
	}
}

@media (max-width: 767px) {

}

@media (max-width: 575px) {

}

.nav-menu li.buy-tickets a{
	background:#fff!important;
	border-color:#fff!important;
	color:#C00!important;
}

.nav-menu li.buy-tickets:hover a{
	border-color:#00622e!important;
}

#intro:before {
	background-color:rgb(0 98 46 / 10%)!important;
}


#header, #header.header-scrolled, #header.header-fixed{
	background-color: rgba(var(--color_fondo_primario), 1)!important;	
}


#header #logos {
    float: left;
    margin-top: -10px;
}

#header #logos img.logo_diputacion{
	max-width:180px;	
}

#evento:before {
    background-color: rgba(var(--color_fondo_primario), 0.8)!important;
}


#intro h1 {
	font-family: "Open Sans", sans-serif!important;
    font-size: 30px!important;
    font-weight: 600;
	color:  rgb(var(--color_fondo_primario))!important;	
	text-shadow: 3px 3px 5px #c7c4c4!important;
}

#intro p{
	font-size:18px!important;	
	color:#4b4b4b!important; 
	text-shadow:none!important;
}

#intro h1 span, #intro p span {
    font-size: 32px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    text-shadow: 3px 3px 5px #131313!important;
}

#intro .about-btn{
	margin-top:10px!important /* define la separación del botón respecto al bloque del título */	
}


#evento {
	background-image: url(../img/logo_restaura_monocromatico_blanco.png)!important;
	background-color:#CCC!important;	
}