/* Fuentes */
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-ExtraBlack.woff2') format('woff2'),
        url('../fonts/Gotham-ExtraBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-ExtraLight.woff2') format('woff2'),
        url('../fonts/Gotham-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Regular.woff2') format('woff2'),
        url('../fonts/Gotham-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

header {
    padding: .3rem 0;
}
main {
    padding: 2rem 0;
}
h1{
    font-size: 2.5rem;
    padding: 0;
    margin: 1rem 0;
    text-align: center;
    color:#1A75CF;
}
h2{
	font-family: Gotham, Arial;
	font-size: 36px;
	font-weight: 400;
	line-height: 40px;
	color: #000;
}
h4{
    font-size: 1.3rem;
    padding:0;
    margin: 1.8rem 0 1rem 0;
    text-align: center;
    font-weight: bold;
}
p{
	font-family: Gotham, Arial;
	font-size: 22px;
	font-weight: 400;
	line-height: 27px;
	color: #000;
}
.azul{
	color:#1A75CF;
}
.negrita{
    font-weight: bold;
}
.c-azul{
    color: #00A9E3;
}

header p{
    font-family: Gotham, Arial;
    font-size: 18px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
    margin-bottom:0;
}
.cantidad{
    font-family: Gotham, Arial;
    font-size: 48px;
    font-weight: 300;
    line-height: 100%;
    color: #00A9E3;
}
.blq-1 .agualleva{
	margin-top: 30px;
  	margin-bottom: 60px;
}
.blq-2{
	margin:30px 0;
}
.blq-2 .row{
	background-image: url("/images/bg-ondas-v2.png");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	height: 290px;
}
.btn-participa{
    background-color:#1A75CF;
    border-radius:50px;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-family:Gotham;
    font-weight: 400;
    font-size:36px;
    padding:38px 40px 34px 40px;
    text-decoration:none;
    line-height: 100%;
}
.btn-participa:hover{
    background-color:#fff;
    color:#1A75CF;
    border:1px solid #1A75CF;
}
.blq-3 img{
    margin-right:20px;
}

.cookies p{
    font-size: 1rem;
    text-align: left;
    padding: 0;
    margin: 1rem 0;
    width: 100%;
  }

footer p{
    font-family: Gotham, Arial;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
    color: #000;
    text-decoration: none;
}
footer p a{
    color:#000;
    text-decoration: none;
}
footer .idioma{
    text-align:center;
}
footer .idioma a{
    text-decoration: none;  
    font-weight: 400;  
    font-size: 13px;  
    color: #000;
}
footer .idioma a:hover{
    text-decoration: underline;
}