@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Instrument+Serif:ital@0;1&family=Ojuju:wght@200..800&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?gtyl2s');
  src:  url('fonts/icomoon.eot?gtyl2s#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?gtyl2s') format('truetype'),
    url('fonts/icomoon.woff?gtyl2s') format('woff'),
    url('fonts/icomoon.svg?gtyl2s#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-messenger:before {
  content: "\e903";
  color: #00b2ff;
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-thumb-tack:before {
  content: "\f08d";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-lightbulb-o:before {
  content: "\f0eb";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-behance:before {
  content: "\f1b4";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-map-pin:before {
  content: "\f276";
}
.icon-chevron-thin-down:before {
  content: "\e904";
}
.icon-chevron-up:before {
  content: "\e906";
}
.icon-address:before {
  content: "\e907";
}
.icon-email:before {
  content: "\e902";
}
.icon-link:before {
  content: "\e900";
  font-size: 16pt;
  vertical-align: middle;
}
.icon-mail:before {
  content: "\e901";
}
.icon-mobile:before {
  content: "\e905";
}
.icon-paper-plane:before {
  content: "\e908";
}



.hero h1 {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-size: 140px;
  line-height: 120px;
  letter-spacing: -3px;
  color: #2a2924;
}
.hero h1 .solu { margin-right: 160px;}
.hero h1 .talla { margin-left: 120px;}
#typing{
  font-style: italic;
  color:#00BABD;
}
.high-header h1 {
    font-size: 40px;
    font-family: "Instrument Serif", serif;
    font-style: italic;
    font-weight: 100;
    margin: 0;
    white-space:nowrap;
}
.gracias h1 {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-size: 120px;
  line-height: 110px;
  letter-spacing: -3px;
  color: #2a2924;
  margin: 0 0 40px;
}
.gracias p { margin: 0;}
h2 {
  font-size:90px;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 600;
  line-height: 100px;
  color: #2a2924; 
}

p {
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
  color: #2a2924;
}

.high p {
margin-top:22px;
font-size:18px;
display:flex;
gap:8px;
transition:opacity .3s ease;
font-weight: 400;
opacity: 0.85;
text-align: right;
}

.high a p, .high a { text-decoration: none; text-align: right;}

/**TEAM**/

.team-grid h2 {
    font-size:20px;
    letter-spacing: 0.4px;
    line-height: 24px;
    text-align: center;
}

h3 {
text-align:center;
color: #fff;
font-family: "Google Sans Flex", sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
line-height: 20px;
}
h3 b { font-size: 25px; font-weight: 200; text-transform: capitalize; letter-spacing: 0.2px; color: #ffd400;}

footer p, footer p a {
    font-size:12px;
    letter-spacing: 0.2px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #2a2924;
    text-decoration: none;
}

footer p a:hover {
text-decoration:none;
opacity:.8;
transition:.3s;
color:#00BABD;
}

.project-content h1 { font-size: 18px; line-height: 20px; margin: 0; font-weight: 800;}
.tipo { font-size: 17px; line-height: 20px; color: #2a2924; font-weight: 300; opacity: 0.6;}
.project-content p { font-size: 16px; line-height: 22px; margin: 0;}

.entregables p { font-size: 13px; line-height: 19px; text-transform: uppercase; letter-spacing: 1.5px; color: #2a2924; font-weight: 400;}
.entregables p b { font-weight: 500;}

@media (max-width:900px){
.hero h1 {
  font-size: 110px;
  line-height: 95px;
}
.hero h1 .solu, .hero h1 .talla { margin-right: 0; margin-left: 0px;}

    h3 { color: #2a2924;}
    h3 b { color: #2a2924; font-size: 18px; font-weight: 500; text-transform: capitalize; letter-spacing: 0.2px;}

}

@media (max-width:600px){
h2 { font-size: 70px;}
.hero h1 {
  font-size: 80px;
  line-height: 72px;
}    
.high p {
margin-top: 5px;
font-size: 14px;
}

.services p { font-size: 18px; line-height: 26px; width: 80%;}
    
.project-content h1 { font-size: 19px; line-height: 21px;}
.entregables p { font-size: 12px; line-height: 18px; }
    
}