html {
    scroll-behavior: smooth;
}

body {
    font-size: 16px!important;
    overflow-x: hidden;
    background-color: #292929!important;
}
a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
}

img {
    margin: 0;
    max-width: 100%;
}
:focus {
    outline: none;
}

/*=============== fonts ================*/


 @font-face {
            font-family: "SIFONN_BASIC_OUTLINE";
            src: url("../fonts/SIFONN_BASIC_OUTLINE.woff");
        }
 @font-face {
            font-family: "Arista-Pro-Alternate-Bold-trial";
            src: url("../fonts/Arista-Pro-Alternate-Bold-trial.woff");
        }
 @font-face {
            font-family: "Arista-Pro-Alternate-Regular-trial";
            src: url("../fonts/Arista-Pro-Alternate-Regular-trial.woff");
        }
 @font-face {
            font-family: "MyriadPro-Regular";
            src: url("../fonts/MyriadPro-Regular.woff");
        }


/*=============== Main styles ================*/

#h-alta{
    background-image: url(../img/bg-header.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right;
    padding: 70px 0 220px;
    border-bottom: 1px solid #b0c934;
    overflow: hidden;
}
#h-alta h1{
    font-size: 7.188rem;
    color:#46b7b7;
    font-family: "SIFONN_BASIC_OUTLINE";
}
#h-alta h3{
    font-size: 2.188rem;
    color:#fff;
    font-family: "Arista-Pro-Alternate-Regular-trial";
}
#h-alta h2{
    font-size: 3rem;
    color:#46b7b7;
    font-family: "Arista-Pro-Alternate-Regular-trial";
    font-weight: 700;
}
#h-alta img{
   width: 182px;
    margin-bottom: 100px; 
}

.cajas-amarillas{
    background-color:#cbe15c;
}
.cajas-amarillas-central{
   background-color:#b0c934;
    padding:50px 0;
}

#primera-edicion p{
  font-family: "Arista-Pro-Alternate-Regular-trial";
    font-size: 2.188rem;
    line-height: 2.5rem;
}
#primera-edicion p span{
    font-weight: 700;
}
#consiste{
  border-top: 1px solid #b0c934;
  border-bottom: 1px solid #b0c934;
}
.border-amarillo-right{
  border-right: 1px solid #b0c934;  
}
.border-amarillo-right{
  border-right: 1px solid #b0c934;  
}
.borde-amarillo-left{
  border-left: 1px solid #b0c934;  
}

#consiste .container h2{
    color:#b0c934;
    font-family: "SIFONN_BASIC_OUTLINE";
    font-size: 3.75rem;
}
.consite-yellow-box{
    border:1px solid #b0c934;
}
.consite-yellow-box p{
  font-size: 1.75rem;
    font-family: "Arista-Pro-Alternate-Regular-trial";
    line-height: 2.63rem;
}
.consite-yellow-box p span{
    font-weight: 700;
}
#consiste .container .consite-box-left p{
    line-height: 2.26rem!important;
}
.cajas-azules{
    background-color:#65dfdf;
}
.cajas-azules-central{
   background-color:#46b7b7;
    padding:50px 0 30px;
}
#botones-bases{
  border-top: 1px solid #46b7b7;
  border-bottom: 1px solid #46b7b7;
}
.border-azul-right{
  border-right: 1px solid #46b7b7;  
}
.border-azul-left{
  border-left: 1px solid #46b7b7;  
}
#botones-bases .container .enlaces{
    background:#46b7b7;
    border-radius: 20px;
    padding:15px 15px;
    color:#292929;
    width:60%;
}
.enlaces a{
    color:#292929; 
    font-family: "MyriadPro-Regular";
    font-size:2.5rem;
    line-height: 2.8rem;
    font-weight: 900;
}
.enlaces a:hover{
    text-decoration: none;
    color:#292929; 
}
.bolque-participar h2{
   color:#46b7b7;
    font-family: "SIFONN_BASIC_OUTLINE";
    font-size: 3.75rem; 
}
.bolque-participar p{
   font-size: 2.188rem;
    font-family: "MyriadPro-Regular";
    line-height: 2.8rem;
    
}
.bolque-participar p a{
    font-weight: 900;
    color:#46b7b7;
    
}
.bolque-participar ul{
    list-style: none;
     font-size: 2.188rem;
    font-family: "MyriadPro-Regular";
    line-height: 2.8rem;
    padding-left:8%;
    
}
.bolque-participar ul li::before{
    content: "";
    width:10px;
    height: 10px;
    background-color:#46b7b7;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    top:-8px;
}
.bolque-participar ul a{
    font-weight: 900;
    color:#46b7b7;
    
}
.bolque-participar h3{
   font-size: 2.188rem;
    font-family: "MyriadPro-Regular";
    line-height: 2.8rem;
    font-weight: 900;
    
}
.bolque-participar::before{
     content: "";
    background-image: url(../img/silueta-home.png);
     background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position:absolute;
    width: 218px;
    height:490px;
    background-size: contain;
    left: -17%;
    top: 23%;
}
#participar{
    border-bottom: 1px solid #46b7b7;
}
.cajas-degrade-left{
    background: rgb(63,129,129);
background: linear-gradient(36deg, rgba(63,129,129,1) 0%, rgba(70,183,183,1) 89%);
}
.cajas-degrade-right{
    background: rgb(195,215,94);
background: linear-gradient(126deg, rgba(195,215,94,1) 0%, rgba(176,201,52,1) 89%);
    
}
#teneis-dudas p{
    font-size: 2.188rem;
    font-family: "MyriadPro-Regular";
    line-height: 2.8rem;
     color:#292929; 
}
#teneis-dudas p a{
   font-weight: 900;
     color:#292929; 
}
footer{
  background:#b0c934;  
}
footer a {
    font-size: 1.4rem;
    font-family: "Arista-Pro-Alternate-Regular-trial";
    color: #292929;
    line-height: 1.4rem;
}
footer a:hover{
    color:#292929;
}
footer .copyright p{
	font-size:0.9rem;
    font-family: "MyriadPro-Regular";
    color: #292929;
}
.img-box{
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#teneis-dudas h2 {
    font-family: "SIFONN_BASIC_OUTLINE";
    font-size: 3.75rem;
}
.coni-footer img{
width:90px;

}
.img-verawards-footer{
width:100px;
}
/*=============== LEGALES ================*/

.p-cookies{
padding-left: 7%;
}


/*=============== RESPONSIVE ================*/

@media only screen and (min-width: 2000px) {

}

@media only screen and (max-width: 1800px) {
  
}
@media only screen and (max-width: 1400px) {

	.bolque-participar{
		padding: 0 10%!important;	
	}
	.bolque-participar::before {
		left: -8%;
	}
	.consite-yellow-box p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.bolque-participar p{
		font-size: 1.9rem;
		line-height: 2.3rem;
    
	}

	.bolque-participar ul{
	     font-size: 1.9rem;
	    line-height: 2.3rem;    
	    	}
.bolque-participar h3 {
     font-size: 1.9rem;
	    line-height: 2.3rem;   
}
}
@media only screen and (max-width: 1199.98px) {
   
    #h-alta h1 {
        font-size: 6rem;       
    }
    #h-alta h3 {
        font-size: 1.8rem;
    }
    #h-alta h2 {
        font-size: 2.5rem;
    }
    #h-alta img{
        width: 160px;
        margin-bottom: 75px; 
    }
    #h-alta {
        background-position: 106% center;
        padding: 40px 0 100px;
    }
    #primera-edicion p {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    #consiste .container h2 {
        font-size: 3rem;
    }
    .consite-yellow-box p {
        font-size: 1.6rem;
    }
    #consiste .container .consite-box-left p {
        line-height: 1.8rem;
    }
    #consiste .container .consite-box-left img{
        width:50%;
    }
    .enlaces a {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
    .bolque-participar h2 {
        font-size: 3rem;
    }
    .bolque-participar p {
        font-size: 1.6rem;
        line-height: 2.1rem;
    }
    .bolque-participar ul {
        font-size: 1.6rem;
        line-height: 2.1rem;
    }
    .bolque-participar h3 {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
    #teneis-dudas p {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
    .bolque-participar::before {
        left: -24%;
    }
    	.bolque-participar{
		padding: 0!important;	
	}
       .consite-yellow-box p {
        font-size: 1.2rem;
        line-height:1.8rem;
    }
    .img-box img{
        width:150px;
    }
     .img-box{
       height: 150px;
    }
    #teneis-dudas h2{
    font-size: 3rem;
}
.img-verawards-footer {
    width: 80px;
}
.coni-footer img {
    width: 70px;
}

}

@media only screen and (max-width: 991.98px) {
    
    #teneis-dudas p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    #primera-edicion p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .bolque-participar{
        padding: 0 12%!important;
    }
    .bolque-participar p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .bolque-participar ul {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .bolque-participar h3 {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    #botones-bases .container .enlaces {
        width: 70%;
    }
    .bolque-participar::before {
    left: -14%;
}
           .consite-yellow-box p {
        font-size: 1rem;
        line-height:1.4rem;
    }
    .img-box img{
        width:100px;
    }
     .img-box{
       height:75px;
    }
    .p-cookies {
    padding-left: 12%;
}
}

@media only screen and (max-width: 767.98px) {
    
    #h-alta img {
        width: 130px;
        margin-bottom: 65px;
    }
    #h-alta h1 {
        font-size: 5rem;
    }
    #h-alta h3 {
        font-size: 1.3rem;
    }
    #h-alta h2 {
        font-size: 2rem;
    }
    #primera-edicion p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .enlaces{
        margin:0 auto;
    }
    .bolque-participar::before {
        left: -26%;
        top: 28%;
    }
    #teneis-dudas p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    footer a {
        font-size: 1.1rem;
        line-height: 1.4rem;
    }
        .bolque-participar p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .bolque-participar ul {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .bolque-participar h3 {
        font-size: 1.4rem;
        line-height: 2rem;
    }
               .consite-yellow-box p {
        font-size: 1.4rem;
        line-height:2rem;
    }
    .img-box img{
        width:150px;
    }
     .img-box{
       height:120px;
    }
}

@media only screen and (max-width: 575.98px) {

    .bolque-participar::before {
        display:none;
    }
    .bolque-participar p a {
        overflow-wrap: break-word;
    }
    .bolque-participar ul a {
        overflow-wrap: break-word;
    }
    #teneis-dudas p a {
        overflow-wrap: break-word;
    }
    #h-alta {
        background-image: unset;
        padding: 40px 0 70px;
    }
    #h-alta h1 {
        font-size: 3.5rem;
    }
    #h-alta h2 {
        font-size: 1.6rem;
    }
    .consite-yellow-box p {
        font-size: 1.2rem;
         line-height: 1.6rem;
    }
    #consiste .container .consite-box-left p {
         line-height: 1.6rem!important;
    }
    .bolque-participar {
        padding: 0 4%!important;
    }
    .legales{
        display: block!important;
    }
     .legales a{
        display: block!important;
         text-align: center;
         margin:15px 0;
    }
.enlaces a {
    font-size: 1.2rem;
    line-height: 1.6rem;
}
footer .copyright p {
    font-size: 0.7rem;
}
    .p-cookies {
    padding-left:0;
}
    
}












