/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Oswald:wght@200;500&family=Poppins:wght@300;600&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?6y9lb8');
  src:  url('fonts/icomoon.eot?6y9lb8#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?6y9lb8') format('truetype'),
    url('fonts/icomoon.woff?6y9lb8') format('woff'),
    url('fonts/icomoon.svg?6y9lb8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-square:before {
  content: "\f082";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-controller-paus:before {
  content: "\e902";
}
.icon-controller-play:before {
  content: "\e903";
}
.icon-download:before {
  content: "\e904";
}
.icon-resize-100:before {
  content: "\e905";
}
.icon-resize-full-screen:before {
  content: "\e906";
}
.icon-clock:before {
  content: "\e90c";
  vertical-align: middle;
  color:#fdb913;
}
.icon-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-location-pin:before {
  content: "\e90d";
  vertical-align: middle;
  color:#fdb913;
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
  vertical-align: middle;
  color:#fdb913;
}
.icon-plus:before {
  content: "\e90a";
}
.icon-popup:before {
  content: "\e90b";
}

#redes .icon-instagram, #redes .icon-google-plus, #redes .icon-facebook-square, footer .icon-instagram { font-size: 22pt; margin-left: 0.5vw;}

footer .icon-instagram, footer .icon-google-plus, footer .icon-facebook-square { font-size: 22pt; margin-left: 0.5vw; color: #e4ca39;}

footer a .icon-instagram:hover, footer a .icon-google-plus:hover, footer a .icon-facebook-square:hover { color: #fff;}

#redes a { color: #e4ca39;}
#redes a:hover { color: #fff; cursor: pointer;}

a, a:link { color: #fff; text-decoration:none;}
a:visited { color: #fff; text-decoration:none;}
a:active { color: #fff; text-decoration:none;}


.whi { color:#fff;}
.bla { color: #471b16;}
.ye { color: #e4ca39;}
.pin { color:#e31383;}
.ora { color:#ed5a34;}
.blu { color:#1e6fb4;}
.blu2 { color:#195498;}
.gre { color:#4aba93;}
.bo { font-weight: 500;}

.title { font-family: 'Dela Gothic One', serif; font-size: 19pt; line-height:24pt;}
a #modulo1 .title:hover { cursor: pointer; color: #471b16;}
a #modulo2 .title:hover { cursor: pointer; color: #195498;}
.title2 { font-family: 'Dela Gothic One', serif; font-size: 18pt; line-height:19pt; }
.title3 { font-family: 'Oswald', sans-serif; font-size: 24pt; line-height:27pt; font-weight: 500;}
.sub { font-family: 'Oswald', sans-serif; font-size:14pt;line-height:16pt; font-weight: 200;} 
.txt { font-family: 'Oswald', sans-serif; font-size: 18pt; line-height:24pt; letter-spacing: 0.5px; font-weight: 200;}

.dish { font-family: 'Poppins', sans-serif; font-size: 11pt; line-height: 14pt; display: block; font-weight: 600; letter-spacing: 0.5px; width: 79%; float: left; margin-right: 1%;}
.prc { font-family: 'Poppins', sans-serif; font-size: 11pt; line-height: 14pt; font-weight: 600; letter-spacing: 0.5px; width: 20%; clear: none; float: left;}
.desc { font-family: 'Poppins', sans-serif; font-size: 11pt; line-height: 14pt; font-weight: 300; display: block; margin: 0 0 3px 10px; float: left; width: 100%;}

#modulo3 .dish { font-size: 11pt; line-height: 15pt; font-weight: 300; width: 100%; margin-right: 0; letter-spacing: 0;}
.foo { font-family: 'Poppins', sans-serif; font-size: 9pt; line-height: 12pt;}
.copy { font-family: 'Poppins', sans-serif; font-size: 7pt; line-height: 8pt;}

#modulos .txt { font-size: 2.4vw; line-height:18pt; letter-spacing: 0.7px;}
#modulos .title { font-size: 3.8vw; line-height: 3.5vw;}

#title.title { font-size: 54pt; line-height:24pt;}

@media screen and (max-width: 800px) {
    #redes .icon-instagram, #redes .icon-google-plus, #redes .icon-facebook-square { font-size: 3.5vw; margin-left: 0.5vw;}
    #modulos .txt { font-size: 22pt; line-height: 24pt;}
    #modulos .title { font-size: 34pt; line-height: 35pt;}
    #title.title { font-size: 40pt; line-height: 26pt;}
}
@media screen and (max-width: 581px) {
    .txt { font-size: 15pt; line-height: 17pt;}
    .title { font-size: 17pt; line-height: 22pt;}
    #title.title { font-size: 30pt;}
    #redes .icon-instagram, #redes .icon-google-plus, #redes .icon-facebook-square { font-size: 20pt; letter-spacing: 4pt;}
    #modulos .txt { font-size: 26pt; line-height: 30pt;}
    #modulos .title { font-size: 40pt; line-height: 35pt;}
    #modulo3 .dish { font-size: 12pt; line-height: 17pt;}
    .foo { font-size: 10pt; line-height: 14pt;}
}