/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?k3lgdc');
  src:  url('fonts/icomoon.eot?k3lgdc#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?k3lgdc') format('truetype'),
    url('fonts/icomoon.woff?k3lgdc') format('woff'),
    url('fonts/icomoon.svg?k3lgdc#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-map-marker:before {
  content: "\f041";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-whatsapp:before {
  content: "\f232";
    font-size: 16pt;
    margin-left: 7px;
    margin-right: -4px;
}
.icon-chevron-thin-down:before {
  content: "\e905";
  color:#692771;
  font-size: 30pt;
  margin-top: 15%;
  transition: 0.5s ease;
}
a .icon-chevron-thin-down:before {
    transition: 0.5s ease;
}
.icon-chevron-thin-left:before {
  content: "\e901";
}
.icon-chevron-thin-right:before {
  content: "\e902";
    vertical-align: middle;
}
.icon-mail:before {
  content: "\e903";
}
.icon-mobile:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e904";
    font-size: 15pt;
    vertical-align: middle;
    margin-right: -5px;
}
.icon-facebook:before:hover {
    font-size: 20pt;
    margin-right: 10px;
    color: #692771;
}

a .icon-facebook {
    font-size: 14pt;
    margin-right: 10px;
    color: #f5a9c7;
    border: 1.7px #f5a9c7 solid;
    padding: 1.3% 1.7%;
    border-radius: 60px;
}
a .icon-instagram {
    font-size: 16pt;
    color: #f5a9c7;
    border: 1.7px #f5a9c7 solid;
    padding: 1.2% 1.4%;
    border-radius: 60px;
}
a .icon-facebook:hover {
    font-size: 17pt;
    transition: 0.6s ease;
    margin-right: 10px;
    background: #692771;
    color: #fbe0eb;
    border: 0;
    padding: 1.3% 1.8%;
    border-radius: 60px;
}
a .icon-instagram:hover {
    font-size: 19pt;
    transition: 0.6s ease;
    margin-right: 10px;
    background: #692771;
    color: #fbe0eb;
    border: 0;
    padding: 1.2% 1.5%;
    border-radius: 60px;
}

a:link { text-decoration:none; }
a:visited { text-decoration:none; color: inherit;}
a:active { text-decoration:none;}
.text a { color: #342836;}
.text a:hover { color:#a67bb7; transition: 0.5s ease;}

.gri { color:#b9adbe;}
.lil { color:#a67bb7;}
.pin { color: #f5a9c7;}
.mor { color:#692771;}
.whi { color:#fff;}
.black { color: #342836;}
.med { font-weight: 500;}

h1 { margin: 0; font-family: 'Lexend', sans-serif; font-weight: 600; font-size: 50px; color:#fff; line-height: 52px;}
h2 { margin: 0; font-family: 'Lexend', sans-serif; font-weight: 200; font-size: 50px; color:#692771; line-height: 52px;}

.title { font-family: 'Lexend', sans-serif; font-size: 4.6vw; line-height: 5vw; font-weight: 100;}
.title2 { font-family: 'Lexend', sans-serif; font-size: 4vw; line-height: 4.5vw; font-weight: 200; letter-spacing: 0.7px;}
.sub { font-family: 'Lexend', sans-serif; font-size: 14pt;line-height: 18pt; font-weight: 300;}
.sub2 { font-family: 'Lexend', sans-serif; font-size: 12pt;line-height: 18pt; font-weight: 500; letter-spacing: 3px;} 
.sub3 { font-family: 'Lexend', sans-serif; font-size: 14pt;line-height: 18pt; font-weight: 600;}
.text { font-family: 'Lexend', sans-serif; font-size: 10.5pt; line-height:15.5pt;  color: #342836; font-weight: 300;}
footer.text { font-size: 10pt; line-height:16pt; font-weight: 300;}
.site, .site a { font-size: 10pt; line-height:16pt; color:#692771;}
a.selec { text-decoration: underline;}
.site a:hover { color:#692771; text-decoration: underline;}
#copy.site, #copy.site a { font-size: 8pt; line-height:14pt; color:#692771;}

/*HEADER SECCION*/
#sec-name .sub2 { font-family: 'Lexend', sans-serif; font-size: 15pt;line-height: 22pt;} 
#sec-name .title2 { font-family: 'Lexend', sans-serif; font-size: 40pt; line-height: 45pt; }
#sec-name a .text { font-weight: 400; color:#b9adbe;}

/*CONTACTO*/
#servicio-3 a .icon-facebook {
    font-size: 22pt;
    margin-right: 5px;
    color: #f5a9c7;
    border: none;
    padding: 0;
    vertical-align: middle;
    line-height: 30pt;
}
#servicio-3 a .icon-instagram, #servicio-3 .icon-whatsapp:before, #servicio-3 .icon-mail {
    font-size: 24pt;
    color: #f5a9c7;
    border: none;
    padding: 0;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: 4px;
}
#servicio-3 a .icon-facebook:hover, #servicio-3 a .icon-instagram:hover {
    background: none; color: #692771;
}
#servicio-3 a:hover { color: #692771; cursor: pointer;}


@media screen and (max-width: 800px) {
h1 { font-size: 32px; color:#fff; line-height: 34px;}
h2 { font-size: 32px; color:#692771; line-height: 34px;}

    .title { font-size: 46pt; line-height:44pt;}
    .title2 { font-size: 34pt; line-height: 40pt;}
    .sub { font-size: 16pt; line-height: 20pt;}
    .sub2 { font-size: 14pt;line-height: 18pt;} 
    .sub3 { font-size: 16pt;line-height: 20pt;}
    .text { font-size: 12pt; line-height:17pt;}
    footer.text { font-size: 10pt; line-height:16pt; font-weight: 300;}
    
/*HEADER SECCION*/
    #sec-name .sub2 { font-size: 13pt;line-height: 20pt;} 
    #sec-name .title2 { font-size: 36pt; line-height: 40pt;}
    .subsec-1 .sub { font-weight: 300; font-size: 14pt; line-height: 18pt;}
    .subsec-1 .title { font-size: 38pt; line-height: 40pt;}
}

@media screen and (max-width: 581px) {
    .title { font-size: 40pt; line-height:42pt;}
    .title2 { font-size: 28pt; line-height: 34pt;}
    .sub { font-size: 15pt; line-height: 19pt; font-weight: 400;}
    .sub2 { font-size: 12pt;line-height: 15pt;}
    .sub3 { font-size: 15pt;line-height: 19pt;}
.icon-whatsapp:before {
    font-size: 16pt;
    margin-left: 7px;
    margin-right: -4px;
    vertical-align: middle;
}
a .icon-facebook {
    font-size: 17pt;
    padding: 3% 4.8%;
    }
a .icon-instagram {
    font-size: 20pt;
    color: #f5a9c7;
    padding: 2.7% 3.5%;
    }
a .icon-facebook:hover {
    font-size: 21pt;
    padding: 3% 4.8%;
    }
a .icon-instagram:hover {
    font-size: 23pt;
    padding: 2.8% 3.6%;
    }
    footer .sub2 { font-size: 12pt; letter-spacing: 1px;}
    #copy.site, #copy.site a { font-size: 8pt; line-height:12pt; color:#692771;}
    
/*HEADER SECCION*/
    #sec-name .title2 { font-size: 30pt; line-height: 36pt;}
    .subsec-1 .title { font-size: 30pt; line-height: 34pt;}
    
/*CONTACTO*/
    #servicio-3 .sub { font-size: 12pt; line-height: 16pt; font-weight: 300;}
    #servicio-3 a .icon-facebook {
    font-size: 17pt;
    line-height: 30pt;
}
#servicio-3 a .icon-instagram, #servicio-3 .icon-whatsapp:before, #servicio-3 .icon-mail {
    font-size: 17pt;
}
}