* {
    margin: 0;
    padding: 0;
}


/* ESTILOS GENÉRICOS */

body {
    font-size: large;
    font-family: "Century Gothic";
    overflow-y: hidden;
}

h1 {
    text-align: center;
    color: #000;
    text-shadow: #CC9AFB 3px 3px;
    position: sticky;
}

h2 {
    text-align: center;
    color: #000;
    text-shadow: #ffa767 3px 3px;
}

h3 {
    text-align: left;
    color: #000;
    text-shadow: #8def8d 2px 2px;
}

h4 {
    text-align: center;
    color: #000;
    text-shadow: deeppink 2px 2px;
}

h5 {
    font-weight: bold;
    text-decoration: underline;
}

p {
    text-align: justify;
    color: #000;
}

ul li, ol li {
    text-align: justify;
    line-height: 5vh;
}

a {
    cursor: pointer;
}

.img {
    width: 20vh;
    height: 20vh;
    border-radius: 50%;
    box-shadow: #000 2px 2px 2px 2px;
    margin: auto;
    display: block;
}

.imgRepr {
    width: 40vh;
    height: 40vh;
    border-radius: 20%;
    float: right;
    margin-left: 2vh;
}

.card {
    border: none;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	width: 100%;
	height: 92vh;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}


 /* ESTILOS DEL INDEX */

.menu {
	height: 10vh;
    background-color: #CC9AFB;
    color: #FFF;
    text-shadow: #000 1px 1px;
    text-align: center;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.menu a {
    color: #FFF;
    text-decoration: none;
    font-size: large;
}

.sec1, .active {
    line-height: 8vh;
    font-size: 1.5vw;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.sec1 button {
    color: #FFF;
    text-shadow: #000 1px 1px;
}

.sec1:hover, .sec1:active {
    background-color: #B184DB;
    color: #FFF;
}
.sec1 a:visited {
    color: #FFF;
}

.sec1 ul li {
    color: #000;
    text-shadow: #9346DA 1px 1px;
}

.sec1 btn {
    width: .5vh;
}

.menu .active {
    background-color: #9346DA;
	height: auto;
}

.menu ul li {
	padding-right: 2vh;
	padding-left: 2vh;
	background-color: #CC9AFB;
}

.logo img {
    width: 15vh;
    align-items: center;
}
.login {
    background-color: transparent;
    border-style: none;
}
.login input {
    width: 20vh;
    font-size: small;
}

.login button {
    font-size: small;
    padding: .5vh;
}

.desplegable {
    float: right;
    margin-right: 15vh;
}

.panel-central {
    z-index: 998;
    background-color: #FFF;
	width: 100%;
	height: 81vh;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x: hidden;
}

.cargaContenido {
    padding: 5vh;
}

.cargaContenido::-webkit-scrollbar {
	-webkit-appearance: none;
}

.sec2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25vh;
}

.sec2 img {
	height: 20vh;
	width: 25vh;
	padding: 2vh;
}

.sec2p {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: small;
	padding: 2vh;
}

.sec2:hover img {-webkit-transform: scale(1.8); transform:scale(1.8);}

.pie {
    background-color: #CC9AFB;
    height: 9vh;
    width: 100%;
    color: #000;
    text-shadow: #FFF 1px 1px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
}

.pie p {
    font-size: medium;
    line-height: 7vh;
    margin-bottom: 0;
	padding-left: 2vh;
}

.pie img {
    float: right;
    height: 7vh;
    margin-bottom: 0;
}

.pie iframe {
    width: 100%;
    height: 7.8vh;
    margin-bottom: 0;
}


/* -- CONTACT -- */
.rrss {
    margin-right: 5vh;
}

.rrss img {
    float: left;
    height: 13vh;
}

.formulario {
    border-style: double;
    padding: 3vh;
    margin-left: 5vh;
    width: 100vh;
}

.formulario input, textarea {
    width: 90vh;
    maxlenght: 100;
}

/* -- LOGIN -- */
.loginInput input {
    width: 30vh;
    font-size: small;
    justify-items: center;
}

.loginButton button {
	width: 15vh;
	font-size: smaller;
	justify-items: center;
}


/* -- MULTIMEDIA -- */
.cd {
    width: 100%;
    border: 1px solid #9346DA;
    box-shadow: #B184DB 2px 2px;
    margin-bottom: 1vh;
}

.audio {
    border-radius: 12px;
    width: 100%;
    height: 8vh;
    frameBorder: "0";
    allowfullscreen: "";
    allow: "autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture;"
}

.menuvideo {
    float: left;
}

.menuvideo ul {
    list-style-image: url("../img/corLista.png");
    margin-left: 1vh;
    margin-right: 1vh;
    width: auto;
}

.menuvideo ul li a {
    padding: .5vh .5vh .5vh .5vh;
    display: block;
    text-decoration: none;
    color: #000;
    background-color: #FFF;
    align-items: center;
}

.menuvideo ul li a:hover, ul li a:active {
    background-color: #B184DB;
    color: #000;
}

.video {
    width: 100%;
    height: 100%;
}

/* CRONOLOGÍA - CERTÁMENES */

th, td {
    vertical-align: center;
    border: 1px solid #9346DA;
    padding: 1vh;
    color: #000;
}

th {
    background-color: #CC9AFB;
}

.certamen {
    background-color: rgba(195, 171, 218, 0.93);
    width: 20vh;
    float: left;
    margin: 1vh;
}

.tabla {
    margin: auto;
    font-size: small;
}

.tabla th {
    font-size: medium;
    text-align: center;
}

.centrado {
    text-align: center;
}

/* PAÍSES PARTICIPANTES */

.corazones img {
    width: 8vh;
    height: 8vh;
    margin-bottom: 1vh;
    margin-left: 5vh;
}

.participaciones {
    background-color: rgba(195, 171, 218, 0.93);
    width: 40vh;
    font-weight: bold;
    text-shadow: #FFF 1px 1px;
    margin-left: 40%;
}

.participacion-ganadora {
    background-color: rgba(255, 222, 114, 0.93);
}

.participacion-ganadora, .no-participation td {
	text-shadow: #FFF 1px 1px;
	font-weight: bold;
}

.zero-points {
	background-color: #FF0000;
}

.zero-points td {
	color: #FFF;
	text-shadow: #000 1px 1px;
}

.no-participation {
	background-color: lightgrey;
}

.spotify {
	width: 30%;
	height: 80px;
	border-radius: 12px;
	display: block;
	margin: auto;
}

.flechas img {
	height: 15vh;
	padding: 1vh;
	float: right;
}

/* REPRESENTANTES - ARTISTAS */

.contenedor {
    width: 100%;
    height: 60vh;
}

.carpeta {
    float: left;
    padding: 2vh;
    position: relative;
    display: inline-block;
    text-align: center;
}

.carpeta img {
    width: 15vh;
}

.carpeta .texto {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5vh;
    color: #FFF;
    text-shadow: 2px 2px #000;
}

/* FORMULARIO - API */
.canciones label {
	color: deeppink;
	font-weight: bold;
}
.botonVer {
	background-color: deeppink;
	color: #FFF;
	text-shadow: #000 1px 1px;
	width: 50vh;
	margin-left: 15vh;
}

.botonVer:hover, .botonVer:active {
	background-color: #f866dd;
	color: #000;
	text-shadow: #FFF 1px 1px;
}

.mensaje {
	border: #9346DA solid 1px;
	padding: 5vh;
	text-align: justify;
}

#contenidoPublico {
	display: none;
}

/* LISTADO DE RESULTADOS */
.botonResult {
	background-color: #CC9AFB;
	color: #000;
	text-shadow: #FFF 1px 1px;
	width: 80%;
	margin-left: 10%;
	padding: 1.5vh;
	font-weight: bold;
	font-size: large;
}