/*
	
	rojo: #e30512
	negro: #1c1c1a
	
*/

.principal { color: #e30512; }
.secundario { color: #1c1c1a; }

.fondo-principal { background-color: #1c1c1a; color: white; }
.fondo-secundario { background-color: #e30512; color: white; }
.fondo-principal *, .fondo-secundario * { color: white; }

.degradado { background-image: linear-gradient(to right, #e30512, #1c1c1a); color: white !important; }
.degradado * { color: white; }

body { background-color: black; font-family: 'Montserrat', sans-serif; }

.navbar-brand { padding: 2px 20px; }
.navbar-brand > img { height: auto; width: 200px; }


.navbar { /* min-height: 100px; */ }
.navbar.navbar-inverse { background-color: #1c1c1a; }
.navbar-header { width: 100%; }
.nav.navbar-nav.navbar-right { float: right; margin-top: 5px; }

.notifyBordeBlanco { border: 1px white solid; }

.resumen .progress-micro  { margin-top: 15px; width: 90%; }
.resumen i, .resumen svg { margin-right: 2px; width: 26px !important; display: inline-block !important; }

.formulario { margin: 50px 0; }
.formulario .row .campo { margin-bottom: 12px; }



.mismaAltura { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.cajaMismaAltura { display: -webkit-flex; display: flex; }
.cajaMismaAltura > div { width: 100%; }


.registro.nuevo { 
	border: 5px dashed #ccc;
	text-align: center;
	height: 250px;
	margin-top: 20px;
	padding: 60px 50px;
	color: #ccc;
	font-size: 24px;
}
.registro.nuevo .icono { 
	font-size: 50px;
	margin-bottom: 20px;
}

input.nuevoNombre { max-width: 80%; width: 400px; margin: 0 auto; font-size: 20px; border: none; text-align: center; }


input[type="radio"] { float: left; width: 30px; }


.btn-primary { background-color: #1c1c1a; border: none; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited { background-color: #e30512; border: none; }

.btn-red { background-color: #e30512; border: none; color: white !important; }
.btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:visited { background-color: #ac0a14 !important; border: none; color: white; }

a { color: #1c1c1a; }
a:hover { color: #e30512; }

.btnEnviar { margin: 5px 0 0 10px; }

.linkMarcado { text-decoration: underline; }
.linkMarcado:hover { text-decoration: none; }

.login-container { width: 320px; margin: 0 auto; }

.icon-4x { font-size: 64px; }


.degradado input, .degradado select, .degradado .select2-selection__rendered { color: black; }
.degradado .heading-elements.visible-elements { background-image: linear-gradient(to right, #1c1c1a, #e30512); color: white !important; }

.panel.seleccionado { border: 2px solid #1c1c1a !important; box-shadow: 2px 2px 10px #999;}

#debug { padding: 10px; }
#debugZone { border-top: 4px solid #1c1c1a; margin-top: 40px; padding-top: 20px; }

.obligatorio { color: red !important; }

.seleccionable { background-color: #8f8f8f; background-clip: padding-box; border: 12px solid transparent; padding: 8px; text-align: center; color: white; }
.seleccionable.activo { box-shadow: 0 0 8px #1c1c1a; background-color: #1c1c1a; }

.choice span, .checker span { border: 2px solid #1c1c1a; color: #1c1c1a; }

.disabled { background-color: #ccc; opacity: 0.6; padding: 3px; }

.label.estadoPago { cursor: default !important; }


.filters input { width: 60px; }
tr[data-url] { cursor: pointer; }

td.linkAcceso a { font-size: 110%; text-decoration: underline; font-weight: 700; }

.repertorio { width: 80%; margin: 30px auto; }
.repertorio th { padding: 5px 10px; text-align: center; font-weight: 700; font-size: 120%; }
.repertorio td { padding: 5px 10px; }
.repertorio .bis td { border-top: 1px solid #999; }
.repertorio tfoot th { border-top: 2px solid #333; padding-top: 20px; font-size: 22px !important; }


.repertorio .tiempoTotal { padding: 2px 4px; background-color: #999; color: white; font-size: 70%; }

.repertorio tr.estado_0 td { background-color: red; color: white; }
.repertorio tr.estado_1 td { background-color: red; color: white; }
.repertorio tr.estado_2 td { background-color: red; color: white; }
.repertorio tr.estado_3 td { background-color: red; color: white; }
.repertorio tr.estado_4 td { background-color: red; color: white; }
.repertorio tr.estado_5 td { background-color: #cc567d; color: white; }
.repertorio tr.estado_6 td { background-color: #b856cc; color: white; }
.repertorio tr.estado_7 td { background-color: #6756cb; color: white; }
.repertorio tr.estado_8 td { background-color: #2fb2a9; color: white; }
.repertorio tr.estado_9 td { background-color: green; color: white; }



							

#acordeonRepertorio { max-width: 600px; margin: 30px auto; margin-top: 0px !important; }
#acordeonRepertorio .btnCabecera { width: 100%; }

#acordeonRepertorio .titulo-programa {
	text-align: center;
	font-size: 22px !important;
	font-weight: 700;
	margin: 5px auto !important;
	color: white;
}
#acordeonRepertorio .titulo-evento {
	text-align: center;
	font-size: 26px !important;
	font-weight: 700;
	text-transform: uppercase;
	margin: 5px auto !important;
	color: white;
}
#acordeonRepertorio .fecha-evento {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: white;
}
#acordeonRepertorio .texto-evento {
	text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 30px;
	color: white;
}		
#acordeonRepertorio .boton-cv {
	margin-top: 40px !important;
	margin-bottom: 50px !important;
	text-align: center;
}
#acordeonRepertorio .boton-cv * {
	font-size: 15px;
	font-weight: 700;
	color: white;
}	




#acordeonRepertorio .card { background-color: #333; }
#acordeonRepertorio.publico .card { transition: background-color 2s; }
#acordeonRepertorio .card.bloque { background-color: #EEE !important; }
#acordeonRepertorio .card.bloque * { color: black !important; }
#acordeonRepertorio .card.bloque titulo { font-size: 20px !important; }
#acordeonRepertorio .card[data-bis="1"][data-ocultar="1"] { display: none; }
#acordeonRepertorio .card[data-estado="actual"] { background-color: green; }
#acordeonRepertorio .card[data-estado="pasada"] { background-color: #999; }

#acordeonRepertorio titulo { font-size: 18px; font-weight: 400; float: left; color: white; }
#acordeonRepertorio titulo.bloque { font-size: 6vw; font-weight: 700 !important; }
#acordeonRepertorio autor { font-size: 16px; font-weight: 700; float: right; padding-top: 10px; text-transform: uppercase; color: white; }
#acordeonRepertorio .card-body { background-color: #222; color: white; padding: 20px; font-size: 18px; }
#acordeonRepertorio .card-body descripcion { display: block; font-size: 80% !important; line-height: 1.3em !important;   white-space: pre-line; margin: 0 0 30px 0; }
#acordeonRepertorio .card-body valoracion .estrellas { display: inline-block; }
#acordeonRepertorio .card-body valoracion .badge { background-color: #e30512; color: white;  }
#acordeonRepertorio .card-body valoracion tuvaloracion { display: block; color: black; display: none; }
#acordeonRepertorio .card-body valoracion { float: right; margin-bottom: 2px; font-weight: 100; color: #e30512; }
#acordeonRepertorio .card-body valoracion .notaValoracion { font-size: 28px !important; background-color: white; color: #e30512; text-align: center; padding: 3px 8px; margin: 0; margin-right: 2px; border: 3px solid black; display: inline-block; cursor: pointer; font-weight: 900; margin-bottom: 25px; }
#acordeonRepertorio .card-body valoracion .notaValoracion .fad { --fa-primary-color: #e30512;  --fa-secondary-color: #666; }
#acordeonRepertorio .card-body valoracion .notaValoracion.activo { background-color: #e30512; color: white; }
#acordeonRepertorio .card-body epoca { float: left; margin-bottom: 2px; font-weight: 400; }
#acordeonRepertorio .card-body .separadorCuerpo { clear: both; height: 20px; width: 100%; }
#acordeonRepertorio .card-body a { color: #e30512; }
#acordeonRepertorio .avisoActual { width: 80%; max-width: 400px; margin: 20px auto; text-align: center; background-color: white; color: green; font-size: 18px; padding: 6px; }
/* #acordeonRepertorio .avisoActual { width: 80%; max-width: 400px; margin: 0; text-align: center; background-color: white; color: green; font-size: 4vw; padding: 6px; display: block; opacity: 0; height: 0; transition: opacity 2s, margin 2s, content 2s;  content: ""; } */
#acordeonRepertorio .card[data-estado="actual"] .avisoActual { }
/* #acordeonRepertorio .card[data-estado="actual"] .avisoActual { opacity: 1; height: auto;  content: "INTERPRETANDO AHORA";  margin: 20px auto;  } */
#acordeonRepertorio .esBis { width: 150px; margin: 10px; text-align: center; background-color: white; color: #e30512; font-size: 20px; padding: 6px; }

#acordeonRepertorio i { color: #777; text-align: center !important; display: block; }


.btnActivarPrograma { color: white; padding: 20px; }
.btnActivarPrograma:hover { color: white !important; font-weight: 900 !important; }
.btnActivarPrograma[data-estado="0"] { background-color: red; }
.btnActivarPrograma[data-estado="1"] { background-color: green; }



.letra { line-height: 1.2em; font-style: italic; font-size: 90%; text-align: right; }


.titulo-cv { font-weight: 700 !important; font-size: 30px !important; }
.textos-cv { margin-bottom: 40px; }
.textos-cv * { color: white; }

@media (max-width: 600px) {	
	#acordeonRepertorio autor { font-size: 12px !important; font-style: italic; }
	#acordeonRepertorio titulo { font-size: 14px !important; text-transform: uppercase; font-weight: 700 !important; }
	#acordeonRepertorio .card-body descripcion { font-size: 16px !important; }
	.titulo-cv { font-weight: 700 !important; font-size: 22px !important; }
}

/*
@media screen and (min-width: 800px) {	
	#acordeonRepertorio h1 { font-size: 4.2vw; }
	#acordeonRepertorio h3 { font-size: 3.2vw; }
	#acordeonRepertorio titulo { font-size: 3vw; }
	#acordeonRepertorio autor { font-size: 1.8vw; }
	#acordeonRepertorio .avisoActual { font-size: 2.4vw; }
	#acordeonRepertorio .card-body { font-size: 2.5vw; }
}

@media screen and (min-width: 1200px) {	
	#acordeonRepertorio h1 { font-size: 3.4vw; }
	#acordeonRepertorio h3 { font-size: 2.6vw; }
	#acordeonRepertorio titulo { font-size: 2.6vw; }
	#acordeonRepertorio autor { font-size: 1.5vw; }
	#acordeonRepertorio .avisoActual { font-size: 2vw; }
	#acordeonRepertorio .card-body { font-size: 2vw; }
}

@media screen and (min-width: 1400px) {	
	#acordeonRepertorio h1 { font-size: 40px; }
	#acordeonRepertorio h3 { font-size: 30px; }
	#acordeonRepertorio titulo { font-size: 34px; }
	#acordeonRepertorio autor { font-size: 24px; }
	#acordeonRepertorio .avisoActual { font-size: 28px; }
	#acordeonRepertorio .card-body { font-size: 24px; }
}
*/


.footer * { color: white; }

.page-header-content * { color: white !important; }