@charset utf-8;
/*
Theme Name: Programa
Author: Ricardo Juárez
Author URI: http://rjvv.com/
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2021 Ricardo Juárez
*/

:root {
    --small: 15px;
    --body: 24px;
    --medium: 30px;
    --big: 40px;
    --huge: 50px;
    --line: 1;
    --serif: 'TT Commons', sans-serif;
    --border: 1px solid var(--contrast);
	--primary: white;
	--contrast: #000;
	--accent: #e65e48;
	--gris: #00b882;
	--pad:20px;
	--dis: 'TT Commons', sans-serif;
}
#cabecera{
	padding: 0 0 20px;
	text-align: center;
}
#cabecera img{
margin-bottom: 20px;}


.actividad img{
	padding-top:20px;
}

#premios{
padding: 20px 20px 40px;
}
#premios h2{
	margin-top:40px;
	color:var(--primary);
}

b, strong{
	font-weight: 500;
}


#premios strong, #premios b{
	color: var(--accent);
}

header h1{
	padding:20px 20px 0;
	line-height:1;
	font-family: var(--dis);
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	color: var(--accent);
}

.desc{
	font-family: var(--dis);
	font-weight: 500;
	color: var(--gris);
	text-align:center;
	margin:20px auto;
	font-size: 40px;
	line-height: 1;
}

*{
	overscroll-behavior: none;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
            -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;

}
html, body
{
margin:0;
font-size:100%;
width:100%;
background-color: var(--contrast);
color: var(--primary);
     }
     
     	html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 0px !important; }
		* html body { margin-top: 0px !important; }
	}


#pie{
	background-color:var(--contrast);
	padding: 20px;
}

body {
 line-height: 1.3;
         display: flex;
  min-height: 100vh;
  flex-direction: column;     
margin:0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
font-size: var(--body);
font-family: var(--serif);
font-weight: 300;
}

h1, h2, h3{
	font-family: var(--serif);
	text-align: center;
}
h3, h4{
	text-align: center;
}
h1, h2, h3, h4{
	margin-bottom: 0;
}

#main{
    max-width: 800px;
    margin: 0px auto;
    width: 100%;
}

ul.ui-tabs-nav{
		display: flex;    flex-wrap: wrap;
	justify-content: center;
	padding-top: 10px;
	font-weight: 500;
position: sticky;
top: 0;
}
ul.ui-tabs-nav li a{
	padding: 10px 20px 7px;	
	}
	ul.ui-tabs-nav li{
	background-color: var(--accent);
	color: var(--primary);
font-size: var(--body);	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-bottom: none;
	border: 1px solid var(--contrast);
	border-radius: 10px 10px;
}
ul.ui-tabs-nav li.ui-state-active{
	background-color: var(--gris);
	color: var(--contrast);
}

.actividad{
	padding: 20px 0;
	border-bottom: 1px solid var(--primary);
}


.ui-tabs-panel{
	background-color: var(--contrast);
	padding: 20px;
}

.hora{
	text-align: center;
}
.artista{
	font-family: var(--dis);
	font-weight: 500;
	color: var(--accent);
}
.titulo{
	font-family: var(--dis);
	font-weight: 300;
}
h2{
	font-size: var(--medium);
}
.coreo{
	color: var(--gris);
	margin-bottom: var(--pad);
	text-align: center;
}
.creditos{
	justify-content: space-between;
	display: flex;
	margin-bottom: 10px;
}
.tipo{
	color: var(--gris);
}

.tipo, .nombre{
	flex-basis: calc(50% - 10px)
}
.extra{
	margin-top: var(--pad);
}


.post-content p, 
.post-content h2,
.post-content h3, 
.post-content h4{
	margin-bottom: 20px;
} 

	  
@media all and (-ms-high-contrast:none){}