/* Fuentes */
@font-face {
    font-family: 'Gotham-ExtraBlack';
    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-ExtraLight';
    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-Bold';
    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-Light';
    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-Black';
    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-Regular';
    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-Medium';
    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: 1rem 0 .5rem 0;
}
main {
    padding: 2rem 0;
}
h1{
    font-size: 2.5rem;
    padding: 0;
    margin: 1rem 0;
    text-align: center;
    color:#1A75CF;
}
h2{
	font-family: Gotham-Regular, Arial;
	font-size: 55px;
	font-weight: 400;
	line-height: 55px;
	color: #000;
    text-align: left;
}
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-family: Gotham-Black, Arial;
}
.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-Light, Arial;
    font-size: 48px;
    font-weight: 300;
    line-height: 100%;
    color: #1A75CF;
}
.vasoscabecera{
    font-family: Gotham-Light, Arial;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    color: #000;
}
.blq-1 .row{
	background-image: url("/images/fondo1.png");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	height: 400px;
}
.blq-2{
    padding: 40px 0;
}
.blq-3{
	background-image: url("/images/fondo3.png");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
    height: 300px;
}

.blq-3-alto{
    height: 700px;
}
.btn-sumo{
    background-color:#fff;
    border-radius:30px;
    display:inline-block;
    cursor:pointer;
    color:#1A75CF;
    font-family:Gotham-Regular;
    font-weight: 400;
    font-size:36px;
    padding:20px 40px 15px 40px;
    text-decoration:none;
    line-height: 100%;
    border:1px solid #000;
}
.btn-sumo:hover{
    background-color:#1A75CF;
    color:#fff;
    border:1px solid #000;
}
.btn-preguntas{
    background-color:#fff;
    border:1px solid #000;
    border-radius:30px;
    display:inline-block;
    cursor:pointer;
    color:#1A75CF;
    font-family:Gotham-Black;
    font-size:36px;
    padding:15px 50px 10px 50px;
    text-decoration:none;
    line-height: 100%;
    margin-left:20px;
    margin-right:20px;
}
.btn-preguntas:hover{
    background-color:#1A75CF;
    color:#fff;
}
.preguntas{
    color:#fff;
    font-size:40px;
    font-weight: 400;
    line-height: 40px;
    font-family: Gotham-Light;
}
.vasos{
    color:#fff;
    font-size:20px;
    font-weight: 400;
    font-family: Gotham-Light;
    line-height: 15px;
}
.vasosinterlinea{
    color:#fff;
    font-size:20px;
    font-weight: 400;
    font-family: Gotham-Light;
    line-height: 25px;
}
.vasostotales{
    color:#fff;
    font-size:20px;
    font-weight: 400;
    font-family: Gotham-Bold;
}
.equivalencias{
    color:#fff;
    font-size:15px;
    font-weight: 400;
    font-family: Gotham-Light;
    line-height: 15px;
}
.tick{
    text-align: right;
    margin-top: -20px;
    margin-bottom: 20px;
    margin: -50px auto 50px auto;
}
.linea{
    color:#fff;
}
.demuestra{
    text-align:center;
    font-family: Gotham-Regular, Arial;
    font-size: 40px;
    font-weight: 400;
    color: #000;
    line-height: 40px;
}
.cuantos{
    text-align:center;
    font-family: Gotham-Regular, Arial;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    line-height: 30px;
}
.flecha{
    margin-right:-80px;
    margin-top:30px;
}


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

footer p{
    font-family: Gotham-Light, Arial;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
    color: #000;
    text-decoration: none;
}
footer p a{
    color:#000;
}
footer p a:hover{
    color:#1A75CF;
}
footer ul{
    list-style-type: none;
    padding-left:0;
}
footer ul li{
    display: inline;
}
footer ul li img{
    height:30px;
    margin-right:10px;
}

/*Paginas del pie*/
.body-container{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
.cookies p{
    font-size: 1rem;
    text-align: left;
    padding: 0;
    margin: 1rem 0;
    width: 100%;
}
.cookies h2{
    font-size: 2rem;
    padding: 0;
    margin: 1rem 0;
    text-align: center;
}
.cookies h4{
    font-size: 1.3rem;
    padding:0;
    margin: 1.5rem  0 1rem 0;
    text-align: center;
}

/* compartir en redes */
.icon-rs {
  font-family:Gotham-Black;
}
.img-actuo {
  width: 214px;
}
.pie-i i {
  font-size: 2.5rem;
  list-style: 3rem;
  color: #fff;
  cursor:pointer;
}
.pie-i p{
    color:#fff;
    font-size:18px;
    line-height:20px;
}


/* ----------------------------- 992px ----------------------------- */
@media screen and (max-width: 992px) {
  .img-actuo{
    width:150px;
  }
  .pie-i i{
    font-size:2rem;
  }
  .preguntas{
    font-size:30px;
    line-height:30px;
  }
  .blq-3-alto{
    height:900px;
  }
  .demuestra{
    font-size:35px;
    line-height:35px;
  }
}

/* ----------------------------- 967px ----------------------------- */
@media screen and (max-width: 967px) {
  
}

/* ----------------------------- 812px ----------------------------- */
@media screen and (max-width: 812px) {
  .btn-preguntas{
    font-size:30px;
    padding: 13px 40px 7px 40px;  
    margin-left:5px;
    margin-right:5px;
    }
}

/* ----------------------------- 575px ----------------------------- */
@media screen and (max-width: 575px) {
  .blq-3-alto{
    height:1300px;
    padding-top:150px;
    padding-bottom:250px;
  }
}