@charset "UTF-8";
/*Partials: Base*/
* {
  margin: 0%;
  padding: 0%;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  scroll-behavior: smooth;
}

/*Colores Variables
$palette-rose:#F4D4E0;
$palette-darkblue:#051f42;
$palette-acqua:#66C6C6;
$palette-blue:#0E3B7C;
$palette-violet:#562fff;
$palette-white:white;
$pañette-black:black;
*/
/*Colores Lista*/
/*Principal*/
/*Secundarias*/
/*Destacados*/
/*Weight*/
/*Ancho Total*/
/*Partials: Components*/
.mainMakers .row .projecto .descriptionProject .buttonPrimary, .mainTransener .buttonPrimary, .mainKvn .row .kvnTitles .buttonPrimary, .mainSf .row .projecto .descriptionProject .buttonPrimary, .mainEnfo .projectTitle .descriptionProject .buttonPrimary, .mainProject .projectTitle .descriptionProject .buttonPrimary {
  background-color: white;
  border: 1.8px solid #562fff;
  border-radius: 30px;
  color: #562fff;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5vh;
  text-transform: uppercase;
  letter-spacing: 1%;
  font-weight: 500;
  padding: 0.8% 2.5%;
  text-decoration: none;
  width: fit-content;
}
.mainMakers .row .projecto .descriptionProject .buttonPrimary:hover, .mainTransener .buttonPrimary:hover, .mainKvn .row .kvnTitles .buttonPrimary:hover, .mainSf .row .projecto .descriptionProject .buttonPrimary:hover, .mainEnfo .projectTitle .descriptionProject .buttonPrimary:hover, .mainProject .projectTitle .descriptionProject .buttonPrimary:hover {
  background-color: #562fff;
  color: white;
}

/*Partials: Functions*/
/*Extend Flexbox*/
body .generalError .errorText .errorCta, .mainTransener .projectTitle, .mainSf .row .videoSmart, .mainProject .projectTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.mainTransener .imagesT, .mainProject .projectTitle .projecto, .mainProject, .headAbout .vanu img {
  display: flex;
  flex-flow: row wrap;
}

/*Mixin Estilos de textos*/
/*Animaciones*/
/*Partials: Layout*/
* {
  margin: 0%;
  padding: 0%;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  scroll-behavior: smooth;
}

/*Colores Variables
$palette-rose:#F4D4E0;
$palette-darkblue:#051f42;
$palette-acqua:#66C6C6;
$palette-blue:#0E3B7C;
$palette-violet:#562fff;
$palette-white:white;
$pañette-black:black;
*/
/*Colores Lista*/
/*Principal*/
/*Secundarias*/
/*Destacados*/
/*Weight*/
header .menuVanu {
  background-color: black;
}
header .menuVanu .logo {
  height: 6%;
  width: 8%;
  transition: 3s;
  -moz-transition: 3s;
  -webkit-transition: 3s;
  -o-transition: 3s;
  margin-left: 5%;
}
header .menuVanu .logo:hover {
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
}
header .menuVanu .navbar-toggler {
  border-color: white;
  padding: 0.25rem 0.5rem;
}
header .menuVanu .navbar-toggler .hamburguesa {
  width: 1.2em;
  height: 1.2em;
  color: white;
  border-color: white;
}
header .menuVanu #navbarNavDropdown {
  justify-content: flex-end;
  margin-right: 8%;
}
header .menuVanu #navbarNavDropdown .nav-item {
  padding: 0 4%;
}
header .menuVanu #navbarNavDropdown .nav-item .menuLink {
  color: white;
  font-family: "Inconsolata", monospace;
  letter-spacing: 4px;
  font-size: 0.9rem;
}

.cabeceraIndex {
  background-image: linear-gradient(to bottom right, white, #F4D4E0);
  padding: 16% 5% 6% 8%;
}
.cabeceraIndex .destacados {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
  font-size: 7vw;
  animation-duration: 2s;
}
.cabeceraIndex .destacados #designMaker {
  font-weight: 500;
  color: #562fff;
}

.generalWork {
  max-width: 100%;
}
.generalWork .worksTitle {
  font-family: "Inconsolata", monospace;
  letter-spacing: 2px;
  color: black;
  font-size: 2vw;
  padding-top: 5%;
  padding-bottom: 0%;
  text-transform: uppercase;
  letter-spacing: 6%;
}
.generalWork p {
  text-align: center;
  font-family: "Inconsolata", monospace;
  font-size: 1.2rem;
  padding: 0% 30%;
}
.generalWork .buttonPrimary {
  background-color: white;
  border: 1.8px solid #562fff;
  border-radius: 30px;
  color: #562fff;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5vh;
  text-transform: uppercase;
  letter-spacing: 1%;
  font-weight: 500;
  padding: 0.8% 2%;
  text-decoration: none;
}
.generalWork .buttonPrimary:hover {
  background-color: #562fff;
  color: white;
}
.generalWork .imageWorks {
  padding: 4% 4% 6% 4%;
  border-radius: 50%;
}

.containerWhy {
  padding: 6%;
}
.containerWhy .title {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #F4D4E0;
  font-size: 14vw;
  font-weight: lighter;
}
.containerWhy .itemsWhy h4 {
  font-family: "Inconsolata", monospace;
  letter-spacing: 10px;
  color: black;
  font-size: 2vw;
  padding-top: 4%;
  font-size: 1.8vw;
}
.containerWhy .itemsWhy h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: black;
}
.containerWhy .itemsWhy p {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2vh;
  color: black;
}

.projects {
  padding: 8%;
  background-color: black;
}
.projects article {
  padding: 2% 3%;
}
.projects article .caption {
  font-family: "Inconsolata", monospace;
  letter-spacing: 10px;
  color: white;
  font-size: 2vw;
  text-align: center;
  letter-spacing: 10px;
  padding: 1em;
}
.projects article p {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #F4D4E0;
  font-size: 4vw;
  text-align: center;
  font-weight: lighter;
}
.projects article p span {
  color: #562fff;
}

.contact {
  background-image: linear-gradient(to right, #051f42, #0E3B7C);
  padding: 12% 6%;
}
.contact #hello {
  font-family: "Inconsolata", monospace;
  letter-spacing: 10px;
  color: white;
  font-size: 2vw;
  padding-bottom: 1em;
  letter-spacing: 10px;
  text-align: left;
}
.contact p {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #F4D4E0;
  font-size: 5vw;
  line-height: 6.5vw;
  font-weight: 500;
}

footer {
  background-color: #051f42;
  padding: 1.5rem;
  font-family: "Inconsolata", monospace;
  font-size: 0.9rem;
  color: #66C6C6;
}
footer .footerContact {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 576px) {
  footer .footerContact {
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
  }
}
footer .footerContact .footerCopy {
  display: flex;
  padding-left: 4%;
}
footer .footerContact .footerSocial {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-right: 2%;
}
footer .footerContact .footerSocial ul {
  display: flex;
  flex-wrap: wrap;
}
footer .footerContact .footerSocial ul li {
  list-style: none;
  cursor: pointer;
  margin: 1rem;
}
footer .footerContact .footerSocial ul li a {
  text-decoration: none;
  color: #66C6C6;
}
footer .footerContact .footerSocial ul li a:hover {
  color: white;
}

/*About Section*/
.headAbout {
  padding-top: 35%;
}
.headAbout .quote {
  padding: 15% 8%;
  font-size: 4vw;
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
}
@media (max-width: 768px) {
  .headAbout .quote {
    padding: 20% 15% 5% 12%;
    font-size: 7vw;
  }
}
.headAbout .vanu {
  padding-top: 10%;
}
.headAbout .vanu img {
  height: 90%;
  justify-content: center;
  animation-duration: 5s;
  animation-name: aparecer;
}
@keyframes aparecer {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .headAbout .vanu img {
    width: 100%;
    height: auto;
  }
}

/*About Me*/
.containerAbout {
  padding-bottom: 8%;
}
.containerAbout .title {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #F4D4E0;
  font-size: 14vw;
  font-weight: lighter;
}
.containerAbout .about h4 {
  font-family: "Inconsolata", monospace;
  color: #0E3B7C;
  font-size: 0.8 rem;
  padding-bottom: 2%;
}

/*CV*/
.containerCv .clients {
  padding-bottom: 5%;
}
.containerCv .clients .cvTitle {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 2% 10% 2% 10%;
}
.containerCv .clients .contenido {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  padding: 2% 10% 2% 10%;
}
.containerCv .workExp {
  padding-bottom: 5%;
}
.containerCv .workExp .cvTitle {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 2% 10% 2% 10%;
}
.containerCv .workExp .exp {
  padding: 2% 10% 0% 10%;
}
.containerCv .workExp .exp h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  color: #0E3B7C;
}
.containerCv .workExp .exp .contenido {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
}
.containerCv .skills .cvTitle {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 2% 10% 2% 10%;
}
.containerCv .skills .contenido {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  padding: 2% 10% 2% 10%;
}

/*Ancho Total*/
/*Section Work*/
.headWork {
  background-color: black;
}
.headWork .row {
  padding: 16% 8%;
}
.headWork .row .stranger {
  font-family: "Inconsolata", monospace;
  letter-spacing: 2px;
  color: white;
  font-size: 2vw;
  letter-spacing: 10px;
  text-align: center;
  padding-bottom: 5vh;
}
.headWork .row .posts {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #F4D4E0;
  font-size: 5.5vw;
  text-align: center;
}
.headWork .row .posts a {
  text-decoration: none;
  color: #562fff;
}

/*TripAdvisor*/
.mainProject {
  width: 100%;
}
.mainProject .projectTitle {
  padding: 4%;
}
.mainProject .projectTitle .projecto {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
  align-items: flex-start;
}
.mainProject .projectTitle .descriptionProject {
  width: 50%;
  border-left: 1px solid black;
  margin: 4%;
  padding: 2% 3%;
}
.mainProject .projectTitle .descriptionProject p {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2vh;
  color: black;
  text-align: left;
}
@media (max-width: 768px) {
  .mainProject .projectTitle .descriptionProject {
    border-left: none;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .mainProject .projectTitle {
    padding: 15% 4%;
  }
}
.mainProject .itemDouble {
  width: 100%;
}
.mainProject .itemHalf {
  width: 50%;
}

/*Enfocarte*/
.mainEnfo {
  width: 100%;
}
.mainEnfo .projectTitle {
  padding: 0% 5%;
}
.mainEnfo .projectTitle .projecto {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
}
.mainEnfo .projectTitle .descriptionProject p {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2vh;
  color: black;
  text-align: left;
}
@media (max-width: 768px) {
  .mainEnfo .projectTitle {
    padding: 20% 10%;
  }
}

/*SmartFarming*/
.mainSf .row .projecto {
  padding: 10% 25%;
}
.mainSf .row .projecto h3 {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
}
.mainSf .row .projecto .descriptionProject {
  margin: 4%;
  padding: 2% 3%;
}
.mainSf .row .projecto .descriptionProject p {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2vh;
  color: nth #F4D4E0, #0E3B7C, #051f42, #66C6C6, #562fff, white, black, #C7E325, 7;
}
@media (max-width: 768px) {
  .mainSf .row .projecto .descriptionProject {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .mainSf .row .projecto {
    padding: 25% 4%;
  }
}
.mainSf .row .videoSmart {
  padding-bottom: 10%;
}
.mainSf .row .videoSmart video {
  width: 80%;
}
@media (max-width: 768px) {
  .mainSf .row .videoSmart video {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .mainSf .row .videoSmart {
    padding: 0;
    margin: 0;
  }
}

/*Kevingston*/
.mainKvn {
  height: fit-content;
}
.mainKvn .row .kvnTitles {
  padding: 4%;
}
.mainKvn .row .kvnTitles h3 {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
}
.mainKvn .row .kvnTitles p {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2vh;
  color: nth #F4D4E0, #0E3B7C, #051f42, #66C6C6, #562fff, white, black, #C7E325, 7;
}
@media (max-width: 768px) {
  .mainKvn .row .kvnTitles {
    width: 90%;
    padding: 20% 5%;
  }
}
.mainKvn .row .kvnGirl img {
  height: 70%;
}
@media (max-width: 768px) {
  .mainKvn .row .kvnGirl img {
    height: 85%;
  }
}

/*Transener Transba*/
.mainTransener .projectTitle {
  padding: 10% 10% 1% 10%;
  text-align: center;
}
.mainTransener .projectTitle .projecto {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
}
.mainTransener .projectTitle .descriptionProject {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2vh;
  color: black;
  padding: 0 5%;
  text-align: center;
  width: 60%;
}
@media (max-width: 768px) {
  .mainTransener .projectTitle .descriptionProject {
    width: 90%;
  }
}
.mainTransener .imagesT {
  align-items: center;
  justify-content: center;
  padding-bottom: 15%;
}
.mainTransener .imagesT .itemThird {
  width: 30%;
}
.mainTransener .itemDouble {
  width: 100%;
}

/*App Dona Vida*/
/*Makers*/
.mainMakers .row .projecto {
  padding: 10% 25%;
}
.mainMakers .row .projecto h3 {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: black;
}
.mainMakers .row .projecto .descriptionProject {
  margin: 4%;
  padding: 2% 3%;
}
.mainMakers .row .projecto .descriptionProject p {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2vh;
  color: nth #F4D4E0, #0E3B7C, #051f42, #66C6C6, #562fff, white, black, #C7E325, 7;
}
@media (max-width: 768px) {
  .mainMakers .row .projecto {
    width: 90%;
    padding: 20% 5%;
  }
}

/*Ancho Total*/
* {
  margin: 0%;
  padding: 0%;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  scroll-behavior: smooth;
}

/*Section Contact*/
.connectHeader {
  background-color: black;
  max-width: 100%;
}
.connectHeader .row {
  padding: 14% 8%;
  margin: 0;
}
.connectHeader .row .stranger {
  font-family: "Inconsolata", monospace;
  letter-spacing: 2px;
  color: white;
  font-size: 2.5vh;
  letter-spacing: 10px;
  text-align: center;
  padding-bottom: 5vh;
}
@media (max-width: 768px) {
  .connectHeader .row .stranger {
    font-size: 2vh;
  }
}
.connectHeader .row .posts {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #C7E325;
  font-size: 5vw;
  text-align: center;
  padding: 0;
  font-weight: 600;
}
@media (max-width: 768px) {
  .connectHeader .row .posts {
    font-size: 6vh;
  }
}
.connectHeader .row #posts2 {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #C7E325;
  font-size: 5vw;
  text-align: center;
  padding: 0 5%;
}
@media (max-width: 768px) {
  .connectHeader .row #posts2 {
    font-size: 6vh;
  }
}
.connectHeader .row p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5vw;
  color: white;
  text-align: center;
  padding: 1% 25%;
}
@media (max-width: 768px) {
  .connectHeader .row p {
    font-size: 2.5vw;
    padding: 2% 5%;
  }
}
.connectHeader .row span {
  font-size: 7vw;
  text-align: center;
  padding: 0;
}
@media (max-width: 768px) {
  .connectHeader .row {
    width: 90%;
    padding: 25% 5% 15% 5%;
  }
}

.formContact {
  max-width: 100%;
}
.formContact .row {
  padding-bottom: 5%;
}
.formContact .row .connect {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
  color: #C7E325;
  font-size: 12vw;
  font-weight: lighter;
  padding: 2% 2% 0% 2%;
}
@media (max-width: 768px) {
  .formContact .row .connect {
    padding: 7% 0% 0% 2%;
  }
}
.formContact .row .imageContact {
  padding: 8%;
}
@media (max-width: 768px) {
  .formContact .row .imageContact {
    padding: 2%;
  }
}
.formContact .row .contactame {
  padding: 3%;
  width: 40%;
}
.formContact .row .contactame .form-label {
  font-weight: bolder;
}
.formContact .row .contactame .estilosSelectors:checked {
  background-color: #562fff;
  border-color: #562fff;
}
.formContact .row .contactame .sendMessage {
  background-color: white;
  border: 1.8px solid #562fff;
  border-radius: 30px;
  color: #562fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
.formContact .row .contactame .sendMessage:hover {
  background-color: #562fff;
  color: white;
}
@media (max-width: 768px) {
  .formContact .row .contactame {
    width: 95%;
    padding: 10%;
  }
}

/*Tipografia para destacados*/
@font-face {
  font-family: "Canela";
  src: url(Canela-Thin.ttf);
}
/*Error 404*/
body .generalError {
  margin-bottom: 6rem;
}
body .generalError .imageError {
  padding-top: 12rem;
  width: 50%;
}
body .generalError .errorText {
  padding: 1rem;
}
body .generalError .errorText h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: black;
  text-align: center;
}
body .generalError .errorText p {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  color: black;
  text-align: center;
}
body .generalError .errorText .errorCta {
  margin-bottom: 3rem;
}
body .generalError .errorText .errorCta button .errorBotones {
  background-color: #0E3B7C;
  color: white;
  border: 1px solid #0E3B7C;
  border-radius: 2%;
}
body .generalError .errorText .errorCta button .errorBotones:hover {
  color: white;
  background-color: #66C6C6;
  cursor: pointer;
}

/*# sourceMappingURL=style.css.map */