/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rock+Salt&family=Syncopate:wght@400;700&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?8otzvu');
  src:  url('fonts/icomoon.eot?8otzvu#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?8otzvu') format('truetype'),
    url('fonts/icomoon.woff?8otzvu') format('woff'),
    url('fonts/icomoon.svg?8otzvu#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-asterisk:before {
  content: "\f069";
}
.icon-clock-o:before {
  content: "\f017";
  font-size: 14pt;
  margin-right: 2px;
  color:#f4c015;
  vertical-align: middle;
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-map-pin:before {
  content: "\f276";
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-cross:before {
  content: "\e907";
}
.icon-menu:before {
  content: "\e90f";
}
.icon-mobile:before {
  content: "\e90e";
}

#foot2 .icon-whatsapp, #foot2 a .icon-whatsapp  {
  font-size: 16pt;
  margin-right: 2px;
  color:#f4c015;
  vertical-align: middle;
}
#foot2 a .icon-facebook-square, #foot2 a .icon-instagram, #foot2 a .icon-google-plus { font-size: 25pt; margin-right: 8px; line-height: 30pt; color: #fff;}
#foot2 a .icon-facebook-square:hover, #foot2 a .icon-instagram:hover, #foot2 a .icon-google-plus:hover, #foot2 a .icon-whatsapp:hover { color: #f4c015;}

#izq a .icon-facebook-square, #izq a .icon-instagram, #izq a .icon-google-plus, #izq a .icon-whatsapp { font-size: 30pt; margin: 0 8px 0 0; line-height: 40pt; color: #d21c27;}
#izq a .icon-facebook-square:hover, #izq a .icon-instagram:hover, #izq a .icon-google-plus:hover, #izq a .icon-whatsapp:hover { color: #f4c015;}

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

.red { color:#d21c27;}
.whi { color:#fff;}
.yel { color:#f4c015;}
.win { color:#760c0e;}
.bl { color: #462022;}
.bla { color:#000000;}
.med { font-weight: 400;}
.lig { font-weight: 300;}

.title { font-family: 'Syncopate', sans-serif; font-size: 31pt; line-height:33pt;}
.title2 { font-family: 'Syncopate', sans-serif; font-size: 26pt; line-height: 27pt;}
.title3 { font-family: 'Rock Salt', cursive; font-size: 26pt; line-height: 27pt;}
.sub { font-family: 'Poppins', sans-serif; font-size:19pt;line-height:23pt; font-weight: 600; margin: 0;} 
.sub2 { font-family: 'Poppins', sans-serif; font-size:14pt;line-height:26pt; font-weight: 500; letter-spacing: 5pt;} 
.sub3 { font-family: 'Poppins', sans-serif; font-size:19pt;line-height:23pt; font-weight: 300;} 
.text { font-family: 'Poppins', sans-serif; font-size: 13pt; line-height: 17pt; font-weight: 300; margin: 0;}

h1 { font-family: 'Poppins', sans-serif; font-size: 16pt; line-height: 20pt; font-weight: 700; margin: 0;}
h2 { font-family: 'Syncopate', sans-serif; line-height: 24pt; font-weight: 400; margin: 0; font-size: 18pt;}
p { font-family: 'Poppins', sans-serif; font-size: 12pt; line-height: 16pt; font-weight: 300; margin: 0; }
h2.loc, h2 .loc { font-family: 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: 2pt; font-size: 11pt; font-weight: 800; margin-bottom: 11px;}

.fila1 .txt, .fila3 .txt, .fila4 .txt, .fila6 .txt { font-family: 'Poppins', sans-serif; font-size: 2vw; line-height: 2.4vw; font-weight: 300;}
.fila1 .title, .fila3 .title, .fila4  .title, .fila6  .title { font-family: 'Rock Salt', cursive; font-size: 3.4vw; line-height: 4vw;}
.fila1 .title:hover, .fila3 .title:hover, .fila4  .title:hover, .fila6  .title:hover { transition: 0.6s ease; font-size: 3.8vw;}

#foot2.text, #foot3 .text { font-size: 11pt; line-height: 15pt; }
#foot2.text a:hover { color:#d21c27;}
.site a, .site { font-family: 'Poppins', sans-serif; font-size: 10pt; line-height: 13pt; }
.site a:hover { color:#d21c27; }
.copy, .copy a { font-weight: 300; font-family: 'Poppins', sans-serif; font-size: 8pt; line-height: 8pt; }
.copy a:hover { color:#f4c015; }

@media screen and (max-width: 869px) {
    .title { font-size: 28pt; line-height:29pt;}
    .text { font-size: 12pt; line-height: 16.5pt;}
    .sub { font-size: 15pt;line-height:17pt;}
    .fila1 .txt, .fila3 .txt, .fila4 .txt, .fila6 .txt { font-size: 2.9vw; line-height: 3.5vw;}
    .fila1 .title, .fila3 .title, .fila4  .title, .fila6  .title { font-size: 5vw; line-height: 5.6vw;}
    footer .text { font-size: 9pt; line-height: 13pt; }
    #foot2 a .icon-facebook-square, #foot2 a .icon-instagram, #foot2 a .icon-google-plus { font-size: 21pt; margin-right: 4px; line-height: 28pt;}
    .copy { font-size: 7pt; line-height: 8pt;}
}
@media screen and (max-width: 581px) {
    .title { font-size: 22pt; line-height: 25pt;}
    .sub { font-size: 15pt;line-height:18pt;} 
    .text { font-size: 12pt; line-height:16pt; letter-spacing: 0.4px;}
    #copy.text { font-size: 8pt; line-height: 12pt; }
    .fila1 .txt, .fila3 .txt, .fila4 .txt, .fila6 .txt { font-size: 19pt; line-height: 22pt;}
    .fila1 .title, .fila3 .title, .fila4  .title, .fila6  .title { font-size: 34pt; line-height: 39pt;}
    .fila1 .title:hover, .fila3 .title:hover, .fila4  .title:hover, .fila6  .title:hover { font-size: 37pt;}
    .title2 { font-size: 22pt; line-height: 24pt;}
    .sub2 { font-size: 12pt; line-height: 20pt; font-weight: 500; letter-spacing: 4pt;}
    .sub3 { font-size: 17pt; line-height: 22pt;} 
    #foot2.text, #foot3 .text { font-size: 10pt; line-height: 13pt; }
    h2.loc { margin-bottom: 15px;}
    p { font-size: 11pt; line-height: 16pt; }

}