/* Variables */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@1,400;1,700&display=swap");
@font-face {
  font-family: "Helvnew-Bold";
  src: url("../fonts/Helvnew-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvnew-Bold.otf") format("opentype"), url("../fonts/Helvnew-Bold.woff") format("woff"), url("../fonts/Helvnew-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvnew-Regular";
  src: url("../fonts/Helvnew-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvnew-Regular.otf") format("opentype"), url("../fonts/Helvnew-Regular.woff") format("woff"), url("../fonts/Helvnew-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvnew-Medium";
  src: url("../fonts/Helvnew-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvnew-Medium.otf") format("opentype"), url("../fonts/Helvnew-Medium.woff") format("woff"), url("../fonts/Helvnew-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.crimson-text-regular-italic {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: italic;
}

.crimson-text-bold-italic {
  font-family: "Crimson Text", serif;
  font-weight: 700;
  font-style: italic;
}

/* Media Queries */
@media (min-width: 992px) {
  .bg-contacto {
    background-image: url("../img/banners/Banner-contacto.jpg?v=2");
    background-size: auto;
  }
}
body {
  font-family: "Helvnew-Regular", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
  line-height: 1.3;
}

header {
  position: relative;
  height: 90vh;
  min-height: 30rem;
  width: 100%;
  overflow: hidden;
  color: #fff;
}

header p {
  font-size: 0.85rem !important;
}

header .container {
  position: relative;
  z-index: 2;
}

/* Bootstrap */
.navbar-brand img {
  max-width: 110px;
}

.fw-bold,
strong {
  font-family: "Helvnew-Bold", serif;
  font-weight: 500;
  font-style: normal;
}

.navbar-nav {
  font-family: "Helvnew-Bold", serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1rem;
}

.navbar-toggler:focus,
.navbar-toggler {
  box-shadow: 0 0 0 0.15rem white;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav .nav-link {
  color: white;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
  color: rgb(149, 67, 80);
}

.bg-dark {
  background-color: transparent !important;
}

.bg-dark.scrolled {
  background-color: rgba(0, 0, 0, 0.9) !important;
  transition: background-color 200ms linear;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%);
}

.fixed-menu {
  background-color: transparent;
  opacity: 1;
}

.fixed-menu.scrolled {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.fixed-menu.scrolled .navbar picture,
.fixed-menu.scrolled .navbar img {
  transition: 500ms ease;
  max-width: 110px !important;
  height: auto;
}

.text-justify {
  text-align: justify;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: italic;
}

h1 {
  font-size: 2.85rem;
  font-size: normal;
  line-height: 1.1 !important;
}

h2 {
  font-size: 2.55rem;
  font-size: normal;
  line-height: 1 !important;
}

h3 {
  font-size: 2.35rem;
  font-size: normal;
  line-height: 1 !important;
}

h4 {
  font-size: 2rem;
  font-size: normal;
  line-height: 1 !important;
}

/* Buttons */
.btn {
  border-radius: 0.45rem;
  font-family: "Crimson Text", serif;
  font-size: 1.5rem;
}

.btn-principal {
  background-color: #7b5824;
  color: #fff;
  padding: 0.3rem 0.8rem;
}
.btn-principal:hover {
  background-color: rgb(149, 67, 80);
  color: #fff;
}

.btn-secundario {
  background-color: #000;
  color: #fff;
  padding: 0.3rem 0.8rem;
}
.btn-secundario:hover {
  background-color: rgb(149, 67, 80);
  color: #000;
}

.bg-home {
  background-image: url("../img/banners/Banner_top.jpg");
  background-position: center -80px !important;
  background-repeat: no-repeat;
  background-color: #000;
}

.bg-darkbrown {
  background-color: #181109;
  color: #fff;
}

.bg-nosotros {
  background-image: url("../img/banners/Banner-nosotros.jpg");
  background-position: bottom center !important;
  background-repeat: no-repeat;
  color: #fff;
}
.bg-nosotros .container .row {
  min-height: 600px;
}

.bg-ribera {
  background-image: url("../img/banners/Banner-ribera-chapala.jpg");
  background-position: bottom center !important;
  background-repeat: no-repeat;
  color: #fff;
}
.bg-ribera .container .row {
  min-height: 500px;
}

.bg-proceso {
  background-image: url("../img/banners/Banner-proceso.jpg");
  background-position: top center !important;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 1.2rem;
}
.bg-proceso .container .row {
  min-height: 650px;
}

.bg-contacto {
  background-image: url("../img/banners/Banner-contacto.jpg?v=2");
  background-position: top center !important;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: cover;
  color: #fff;
}

.form-control {
  background-color: transparent;
  border-color: transparent transparent white transparent;
  border-radius: 0;
  color: white;
}
.form-control:focus {
  color: white;
  background-color: transparent;
  border-color: transparent transparent white transparent;
}

footer {
  font-size: 0.75rem;
}
footer a {
  color: inherit;
  text-decoration: none;
}
footer a:hover {
  color: #ccc;
}
footer img {
  max-width: 100px !important;
}
footer div {
  padding: 0.35rem 0;
}

.form-control.is-invalid, .was-validated .form-control:invalid,
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-width: 2px;
  border-color: yellow;
}/*# sourceMappingURL=styles.css.map */