@charset "UTF-8";

@import "/css/bootstrap/css/bootstrap.min.css";
@import "./main.css";

/* @import "./normalize.css"; */
/* raleway-200 - latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local(""),
    url("/assets/fonts/raleway-v19-latin-200.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("/assets/fonts/raleway-v19-latin-200.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-regular - latin */

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""),
    url("/assets/fonts/raleway-v19-latin-regular.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+,  Firefox 39 + */
      url("/assets/fonts/raleway-v19-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-600 - latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(""),
    url("/assets/fonts/raleway-v19-latin-600.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("/assets/fonts/raleway-v19-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
  font-family: "Raleway", sans-serif;
  font-weight: 200;
}
#Header img {
  width: 120px;
}

#Carousel p {
  margin-left: 5.6px;
  font-size: 1.2rem;
  font-weight: 600;
}

#Carousel h1 {
  font-family: "Raleway";
  font-weight: 600;
}
/* @media only screen and (max-width: 320px) {
  #Carousel .car-img {
    height: 50vh;
  }
} */
/* 
#Carousel .car-img {
  width: 1400px;
  max-height: 70vh;
}

@media (min-width: 768px) {
  #Carousel p {
    font-size: 1.6rem;
  }
} */

.logo-index {
  height: 40vh;
}

#Carousel > .carousel {
  position: relative;
}
#Carousel .overlay {
  position: absolute;
  z-index: 1;
  color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

#Carousel .overlay .container,
#Carousel .overlay .row {
  height: 100%;
}
#Carousel .carousel-item img {
  height: 40vh;
}
/* #Subtitulo .picture{
  height: 400;
} */

#Subtitulo img {
  height: 414px;
  width: 100%;
}

#Subtitulo .container {
  height: 100%;
}

#Subtitulo p {
  font-size: 1.2rem;
}

#Subtitulo button {
  font-size: 1.2rem;
}

#Trabajos img,
#Galeria img {
  height: 325px;
  width: 100%;
}

/* #quota {
  height: 130px;
} */

#quota p {
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
}

#quota .autor {
  font-size: 0.9rem;
}

#Recomendaciones .logo {
  height: 80px;
  width: 80px;
  background-size: cover;
  background-position: center;
}

#Recomendaciones .logo-1 {
  background-image: url("https://static.wixstatic.com/media/b79c5c268339492891db2d787acafa98.png/v1/fill/w_300,h_300,al_c,q_85,usm_0.66_1.00_0.01/Client%206.webp");
}

#Recomendaciones .logo-2 {
  background-image: url("https://static.wixstatic.com/media/8083f7b02b824feaac22f26d88b3f5a8.png/v1/fill/w_300,h_300,al_c,q_85,usm_0.66_1.00_0.01/Client%203.webp");
}

#Recomendaciones .logo-3 {
  background-image: url("https://static.wixstatic.com/media/0fa92a967c76420a83938ecadb5ba4f2.png/v1/fill/w_300,h_300,al_c,q_85,usm_0.66_1.00_0.01/Client%202.webp");
}

#Recomendaciones .box {
  height: fit-content;
}
.box__user {
  margin-top: 1.5rem;
  margin-bottom: 0;
  text-align: center;
}
.user__cargo {
  font-size: small;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.692);
}
.box__p {
  font-size: 18px;
  margin-top: 0;
  columns: rgba(255, 255, 255, 0.945);
}

.user__name {
  margin-bottom: 0;
}
/* 
#Recomendaciones .user_photo {
  background-image: url("https.");
} */

#Siguenos {
  height: 300px;
  background-image: linear-gradient(
      115deg,
      rgba(0, 0, 0, 0.33),
      rgba(0, 0, 0, 0.22)
    ),
    url("/assets/img/foto-seccion-de-siguenos.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Siguenos > div {
  z-index: 1;
  height: 100%;
}

#Siguenos h3 {
  font-weight: 400;
  font-size: 3rem;
}

#Siguenos button {
  color: #fff;
  width: 130px;
  background-position: center;
  background-size: cover;
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

#Siguenos button:hover {
  background: linear-gradient(
    45deg,
    #ca7a24 0%,
    #bb522c 25%,
    #bb2037 50%,
    #b61c5a 75%,
    #a8177a 100%
  );
}

#Siguenos button i {
  display: block;
  height: 30px;
  width: 30px;
  margin: auto;
  background-size: cover;
  background-position: center;
}

.footer-logo {
  width: 214px;
  height: 144px;
  margin-top: 1rem;
}

.icon {
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-phone {
  background-image: url(../assets/icons/phone.svg);
}

.icon-correo {
  background-image: url("../assets/icons/correo.svg");
}

.icon-facebook {
  background-image: url("../assets/icons/facebook.svg");
}
.icon-facebook-d {
  background-image: url("../assets/icons/facebook-d.svg");
}
.icon-instagram-d {
  background-image: url("../assets/icons/instagram-d.svg");
  margin-left: 2px;
}

#Footer .icon-wathsapp {
  background-image: url("../assets/icons/wp.svg");
}

.icon-instagram {
  background-image: url("../assets/icons/instagram.svg");
}

.icon-instagram-w {
  background-image: url("/assets/icons/instagram-white.svg");
}

#icons {
  width: 190px;
  margin-left: auto;
  margin-right: auto;
}

#Footer .footer-link {
  list-style: none;
  text-decoration: none;
  color: #fff;
}

#Footer #informacion ul {
  padding-left: 24px;
}

#Post-footer {
  padding: 0;
}

#Post-footer p {
  user-select: none;
  padding: 0;
  margin: 0;
  color: #ffffff47;
  background-color: #111213;
}

#arturo {
  text-decoration: none;
  font-weight: bold;
  color: inherit;
}

#arturo:hover {
  color: #ff101f;
}

@media (min-width: 600px) {
  #Trabajos img,
  #Galeria img {
    height: 250px;
    width: 100%;
  }
  #Carousel .carousel-item img {
    height: 70vh;
    object-fit: cover;
  }
  #Siguenos h3 {
    font-weight: 400;
    font-size: 4.5rem;
  }
}