@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

	
	
	:root{
		--color--dorado: #330000; 
		--color--plateado: #E0BA66;

	}

	body{
		background-color: #dfcbb0 !important;
		/*background: linear-gradient(313deg, rgba(116,116,116,1) 1%, rgba(118,118,118,1) 10%, rgba(68,66,63,1) 19%, rgba(48,48,47,1) 27%, rgba(0,0,0,1) 40%);*/
	}

	h1,h2,h3,p,div{
		font-family: "Afacad", sans-serif  !important;
		text-transform: uppercase !important;
	}

	hr{
		border-top: 3px dashed var(--color--dorado) !important;
	}

	.tituloMediano{
		font-size: 1rem;
	}

	.tituloGrande{
		font-size: 1.5rem;
	}

	.colorDorado{
		color: var(--color--dorado) !important;
	}

	.colorPlateado{
		color: var(--color--plateado) !important;
	}

	.colorBlanco{
		color: white !important;
	}

	.margin_input{
		margin-bottom: 5%;
	}
	.responsive {
		width: 100vw;
	}

	.ocultar {
		display: none !important;
	}
/*
	.fondo{
		background-image: url(fondo.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}*/


	.sky-form2 .input input, .sky-form2 .select select, .sky-form2 .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 8px 10px;
    outline: none;
    background: transparent;
    font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
    color: var(--color--dorado) !important;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
}

.sky-form2 .input input, .sky-form2 .select select, .sky-form2 .textarea textarea, .sky-form2 .radio i, .sky-form2 .checkbox i, .sky-form2 .toggle i {
    border-color: transparent;
    border-bottom: 2px solid var(--color--dorado);
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    /* -webkit-transition: border-color 0.3s; */
    width: 100%;
}

.bottom-arr {
		position: fixed;
		z-index: 999;
		bottom: 5.5vh;
        right: 5.5vw;
		background-color: #f1c30f;
		height: 45px;
		width: 45px;
		border-radius: 5px;
		display: flex;
		color: black;
		margin-bottom: 1px;
		text-align: center;
		justify-content: center;
		align-items: center;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		-webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
		box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
		opacity: 0;
		visibility: hidden;
		font-size: 26px;
		line-height: 40px;
		transition: .8s ease;
		cursor: pointer;
	}

	.bottom-arr.fixed-at-bottom {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.bottom-arr.fixed-at-bottom {
		background-color: #FFF;
		color: #333;
	}

	.tituloP {
		max-width: 600px;
		text-align: center;
		font-size: xx-large;
	}

	.boton {
		padding: 4% 7%;
		color: white !important;
		background: rgb(117, 117, 117);
		background: linear-gradient(55deg, rgb(79, 78, 78) 1%, rgb(66, 66, 63) 48%, rgb(53, 53, 53) 83%);
		text-decoration: none;
		margin: 2%;
		border: none;
		border-radius: 15px;
		text-align: center;
		font-size: 0.7rem;
		text-transform: uppercase;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 900;
		cursor: pointer;
	}

	.boton3 {
		padding: 2% 7%;
		background: transparent;
		/*background: rgb(149,127,22);
		background: linear-gradient(55deg, rgba(149,127,22,1) 1%, rgba(236,193,47,1) 48%, rgba(207,160,3,1) 83%);*/
		color:  rgb(149,127,22) !important;
		text-decoration: none;
		margin: 2%;
		border: 1px solid rgb(149,127,22);
		border-radius: 15px;
		text-align: center;
		font-size: calc(0.7rem + 0.5vw);
		text-transform: uppercase;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 500;
		cursor: pointer;
	}

	.boton2 {
    padding: 2% 7%;
    color:var(--color--dorado) !important;
    text-decoration: none;
    margin: 2%;
    border-radius: 15px;
    text-align: center;
    font-size: small;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
}

.borderBDorado {
	border-bottom: 3px solid var(--color--dorado) !important;
}

.borderBPlateado {
    border-bottom: 3px solid var(--color--plateado) !important;
}

.borderAllDorado {
	border-color: var(--color--dorado) !important;
}

.borderAllPlateado {
	border-color:var(--color--plateado) !important;
}

.BgPlateado {
	color: #fff;
	background: rgb(149,127,22);
		background: linear-gradient(55deg, rgba(149,127,22,1) 1%, rgba(236,193,47,1) 48%, rgba(207,160,3,1) 83%);
}
	.colorCheck{
	/*background: <?=$color?> !important;*/
	border: 3px solid var(--color--dorado);
	/*color: #EFEFEF !important;*/
}

.invalid{
	color: red !important;
}

.invalido{
	color:red !important;
}

fieldset{
    min-width: 100% !important;
}

.contenedor_corazones {
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	color: var(--color--dorado) !important;
}

.contenedorpreguntas{
	color: var(--color--dorado) !important;
}

.buttonSelect {
    background-color: var(--color--dorado) !important;
    color: white !important;
}

.button_heard {
    font-size: calc(1rem + 1.5vw);
    margin: 5%;
	color: var(--color--dorado);
}

.button_heard:hover {
	color: gray;
}

.seleccionaBoton{
    border: 2px solid red ;
    }

#descripcion {
        text-align: justify;
        padding: 20px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
}

/* sidebar*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
	background: rgb(149,127,22);
	background: linear-gradient(55deg, rgba(149,127,22,1) 1%, rgba(236,193,47,1) 48%, rgba(207,160,3,1) 83%);
}

.nominados_img{
	display: flex;
	flex-wrap: wrap;
	padding: 3%;
	justify-content: center;
}

.nominados_img a{
	max-width: 600px;
	padding: 2%;
}

.equis{
position: absolute;
z-index: 10000;
color: white;
width: 75%;
display: flex;
justify-content: end;
max-width: 290px;
}

.burge{
position: absolute;
z-index: 100;
color: var(--color--dorado);
display: flex;
justify-content: end;
}
.wrapper {
display: none;
}

#sidebar {
min-width: 290px;
max-width: 290px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
/* top layer */
z-index: 9999;
}

.overlay {
display: none;
position: fixed;
/* full screen */
width: 100vw;
height: 100vh;
/* transparent black */
background: rgba(0, 0, 0, 0.7);
/* middle layer, i.e. appears below the sidebar */
z-index: 998;
opacity: 1;
/* animate the transition */
transition: all 0.5s ease-in-out;
}

.overlay.active{
display: flex;
opacity: 1;
}
/* display .overlay when it has the .active class */
.overlay.active {
display: block;
opacity: 1;
}

#dismiss {
width: 35px;
height: 35px;
position: absolute;
/* top right corner of the sidebar */
top: 10px;
right: 10px;
}

.custom-menu button{
position: absolute;
top: 0;
left: 0;
}



	@media screen and (min-width:600px) {
		.agenda {
			display: grid;
  		    grid-template-columns: 1fr 1fr;

		}

		.responsive {
			width: 100%;
		}

		.fondo{
			background-size: cover;
		}

        .bottom-arr {
            bottom: 1vh;
            right: 0.2vw;
        }

		.boton {
			padding: 2% 7%;
			font-size:  calc(0.7rem + 0.5vw);
		}

		.contenedor{
			display: grid;
			grid-template-columns:100%;
		}
	
		.overlay{
			display: none !important;
		}
		.equis{
			display: none !important;
		}
	
		.wrapper{
			display: block !important;
		}
	}


	@media screen and (max-width:600px) {
		.btns_env,.cont_btn{
			flex-direction: column;
		}

	}