/*==============================================*/
/*              CLASES GENERALES                */
/*==============================================*/
@font-face {
  font-family: "ManierRegular";
  src: url("../fonts/ManierRegular.otf");
  font-weight: normal;
  font-style: normal;
}
body {
  min-height: 100%;
  font-family: "bely", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  overflow-x: hidden !important;
  max-width: 100vw !important;
  background-color: #fff;
  padding: 0px;
}

.noVisible {
  visibility: hidden;
  position: absolute;
  margin-top: -100000px;
}

.contTopContacto h1, .contTopNosotros h1, .contTopInicio h2, .contTopInicio h1, .menuOffTop, .enlacesDir li a:hover, .enlacesSociales li a:hover, .contTopServicios h1 {
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
}

.spacer25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.spacer10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contenedorTopServicios {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 50vh;
  overflow: hidden;
}
@media screen and (max-width: 425px) {
  .contenedorTopServicios {
    height: 100vh;
  }
}

.contTopServicios {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 90%;
  text-align: center;
}
.contTopServicios h1 {
  font-family: "bely", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 32px !important;
  color: #f7e8d5 !important;
}

.imgBannerServicios {
  top: 0;
  width: 100vw;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 425px) {
  .imgBannerServicios {
    width: 380vw;
  }
}

.contenedorServicios {
  height: fit-content;
  padding: 9px;
  background-color: #f7e8d5 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
.contenedorServicios h2 {
  color: #cd6536 !important;
  font-family: "ManierRegular";
  font-size: 32px !important;
}
@media screen and (max-width: 425px) {
  .contenedorServicios h2 {
    text-align: center;
  }
}

#cardsServicios {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  height: fit-content;
  width: 90%;
}

.cardServicio {
  position: relative;
  width: 25%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.cardServicio .eye {
  position: absolute;
  z-index: 3;
  right: 10px;
  top: 10px;
  color: #f7e8d5 !important;
  transition: 0.35s ease-in-out;
}
.cardServicio h2 {
  color: #f7e8d5 !important;
  font-family: "ManierRegular";
  font-size: 18px !important;
  text-align: center;
  z-index: 3;
}
.cardServicio .detalles {
  color: #f7e8d5 !important;
  font-family: "bely", sans-serif;
  font-size: 16px !important;
  text-align: center;
  z-index: 3;
  opacity: 0;
  transition: 0.35s ease-in-out;
  -moz-transform: translateY(15px);
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
}
.cardServicio .solidoServicio {
  width: 100%;
  height: 100%;
  background-color: #cd6536 !important;
  opacity: 0.7;
  position: absolute;
  z-index: 2;
  transition: 0.35s ease-in-out;
}
.cardServicio img {
  width: 100%;
  filter: brightness(0.4);
  position: absolute;
  z-index: 1;
}
.cardServicio:hover {
  cursor: pointer;
}
.cardServicio:hover .solidoServicio {
  opacity: 0.3;
}
.cardServicio:hover .eye {
  opacity: 0;
}
.cardServicio:hover .detalles {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
@media screen and (max-width: 425px) {
  .cardServicio {
    width: 80vw;
  }
}

.contSD {
  width: 90vw;
  position: relative;
  background-color: #cd6536 !important;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0px;
  flex-direction: row;
  max-height: fit-content;
}
.contSD button {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 3;
  border: none;
  border-radius: 5px;
  background-color: #54642d !important;
  color: #f7e8d5 !important;
  transition: 0.35s ease-in-out;
}
.contSD button:hover {
  background-color: #f7e8d5 !important;
  color: #54642d !important;
}
.contSD img {
  height: 480px;
}
.contSD div {
  position: relative;
  width: 50vw;
  padding: 9px;
  margin-left: 15px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
}
.contSD div h2 {
  color: #f7e8d5 !important;
  font-family: "ManierRegular";
  font-size: 32px !important;
}
.contSD div p {
  color: #f7e8d5 !important;
  font-size: 18px !important;
  text-align: left;
}
@media screen and (max-width: 425px) {
  .contSD img {
    width: 100%;
    height: auto;
  }
  .contSD div {
    width: 100%;
  }
  .contSD div h2 {
    text-align: center;
    width: 100%;
  }
  .contSD div p {
    text-align: center;
  }
}

.menu {
  height: 100px;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  padding: 10px 20px;
  position: fixed; /* Ensure nav is positioned relative for absolute positioning of enlacesMenu */
  z-index: 100;
  transition: background-color 0.35s ease-in-out;
}

.menuOffTop {
  background-color: #cd6536 !important;
}

.enlacesMenu {
  font-family: "bely", serif;
  font-style: normal;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.enlacesDir {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.enlacesDir li a {
  color: #f7e8d5 !important;
  text-decoration: none;
  padding: 10px;
  display: block;
  transition: 0.35s ease-in-out;
}
.enlacesDir li a:hover {
  color: #cd6536 !important;
}

.enlacesSociales {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.enlacesSociales li a {
  color: #f7e8d5 !important;
  text-decoration: none;
  padding: 10px;
  display: block;
  transition: 0.35s ease-in-out;
}
.enlacesSociales li a:hover {
  color: #cd6536 !important;
}
@media screen and (max-width: 425px) {
  .enlacesSociales {
    margin-top: -600px;
  }
}

.brand img {
  max-width: 150px; /* Adjust as needed */
}

#burger {
  display: none;
  cursor: pointer;
  z-index: 1000;
}

#burger i {
  color: #f7e8d5 !important;
  font-size: 24px;
}

.enlacesMenu.active {
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: #cd6536 !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100; /* Make sure it's on top */
}

.btnAccionC {
  border-radius: 5px;
  font-size: 16px !important;
  border-style: none;
  font-family: "bely", serif;
  text-decoration: none;
  display: inline-block;
  color: #cd6536 !important;
  background-color: #f7e8d5 !important;
  width: auto;
  padding: 9px;
  text-align: center;
  cursor: pointer;
  transition: 0.35s ease-in-out;
}
.btnAccionC:hover {
  background-color: #cd6536 !important;
  color: #f7e8d5 !important;
}

.btnAccionO {
  border-radius: 5px;
  font-size: 16px !important;
  border-style: none;
  font-family: "bely", serif;
  text-decoration: none;
  display: inline-block;
  color: #f7e8d5 !important;
  background-color: #cd6536 !important;
  width: auto;
  padding: 9px;
  text-align: center;
  cursor: pointer;
  transition: 0.35s ease-in-out;
}
.btnAccionO:hover {
  background-color: #f7e8d5 !important;
  color: #cd6536 !important;
}

.btnAccionV {
  border-radius: 5px;
  font-size: 16px !important;
  border-style: none;
  font-family: "bely", serif;
  text-decoration: none;
  display: inline-block;
  color: #f7e8d5 !important;
  background-color: #54642d !important;
  width: auto;
  padding: 9px;
  text-align: center;
  cursor: pointer;
  transition: 0.35s ease-in-out;
}
.btnAccionV:hover {
  background-color: #cd6536 !important;
  color: #f7e8d5 !important;
}

.btnMenu {
  margin-left: 18px;
  margin-right: 25px;
}
@media screen and (max-width: 425px) {
  .btnMenu {
    margin-top: 400px;
  }
}

.footer {
  background-color: #f7e8d5 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}

.mapa {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
}

.enlacesFooter {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  height: fit-content;
  padding: 9px;
}
.enlacesFooter img {
  width: 75px;
  height: auto;
}
@media screen and (max-width: 425px) {
  .enlacesFooter {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.enlacesI {
  display: inline-block;
  list-style: none;
  color: #cd6536 !important;
  font-size: 16px !important;
  margin: 0;
}
.enlacesI li {
  margin: 0;
  padding: 9px;
}
@media screen and (max-width: 425px) {
  .enlacesI {
    text-align: center;
  }
}

.enlacesD {
  display: inline-flex;
  list-style: none;
  color: #cd6536 !important;
  font-size: 16px !important;
}
.enlacesD li {
  margin-left: 25px;
  padding: 9px;
}
.enlacesD li a {
  text-decoration: underline;
  color: #cd6536 !important;
  transition: 0.35s ease-in-out;
}
.enlacesD li a:hover {
  color: #54642d !important;
}
.enlacesD li i {
  margin-left: 10px;
}
.enlacesD span {
  font-family: "ManierRegular";
}

.copyright {
  width: 100vw;
  padding: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright p {
  text-align: center;
  width: 80%;
}
.copyright p a {
  color: #cd6536 !important;
}

@media (max-width: 768px) {
  .enlacesMenu ul {
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .enlacesMenu ul li {
    width: 90%;
  }
  .enlacesMenu ul li a {
    font-family: "memogramItalic";
    text-align: center;
  }
  #burger {
    display: block;
  }
  .enlacesMenu {
    display: none;
  }
}
.contenedorTopInicio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100vh;
}

.contTopInicio {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 90%;
  text-align: center;
}
.contTopInicio h2 {
  font-family: "ManierRegular";
  font-size: 32px !important;
  color: #f7e8d5 !important;
}
.contTopInicio h2 span {
  font-size: 50px !important;
}
.contTopInicio h1 {
  font-family: "bely", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 32px !important;
  color: #f7e8d5 !important;
}

.imgBannerTop {
  top: 0;
  width: 100vw;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 425px) {
  .imgBannerTop {
    top: 0;
    width: 380vw;
    position: absolute;
    margin-left: 600px;
    z-index: 0;
  }
}

.contenedorServiciosSEO {
  position: relative;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 425px) {
  .contenedorServiciosSEO {
    height: fit-content;
    overflow: hidden;
  }
}

.eslogan {
  position: relative;
  height: 20%;
  background-color: #cd6536 !important;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.eslogan p {
  line-height: 40px;
  font-family: "bely", serif;
  font-size: 32px !important;
  font-weight: 100;
  text-align: center;
  margin-left: 25px;
  margin-right: 25px;
  color: #f7e8d5 !important;
}
@media screen and (max-width: 425px) {
  .eslogan {
    padding: 9px;
  }
}

.serviciosSEO {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 80%;
  width: 100%;
  background-color: #f7e8d5 !important;
}
.serviciosSEO h2 {
  color: #cd6536 !important;
}
.serviciosSEO p {
  color: #cd6536 !important;
  font-size: 18px !important;
}
@media screen and (max-width: 425px) {
  .serviciosSEO {
    padding: 9px;
  }
  .serviciosSEO h2 {
    text-align: center;
    margin-top: 25px;
  }
  .serviciosSEO p {
    text-align: center;
  }
}

#cardsServiciosSEO {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  width: 90%;
}

.servicio-seo {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22%;
  background-color: #cd6536 !important;
  padding: 9px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.servicio-seo h2 {
  color: #f7e8d5 !important;
  font-size: 18px !important;
  font-family: "ManierRegular";
}
.servicio-seo p {
  color: #f7e8d5 !important;
  text-align: center;
  font-size: 16px !important;
}
@media screen and (max-width: 425px) {
  .servicio-seo {
    width: 80%;
  }
}

.contenedorAgendaCita {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: #cd6536 !important;
  height: 50vh;
}

.esloganCita {
  position: relative;
  height: 50vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #f7e8d5 !important;
}

.globo {
  width: 25vw;
  margin-left: 5%;
  z-index: 2;
}
@media screen and (max-width: 425px) {
  .globo {
    width: 70vw;
    margin-top: 150px;
    margin-left: 0;
  }
}

.fotoGlobo {
  width: 30vw;
  margin-left: -60%;
}
@media screen and (max-width: 425px) {
  .fotoGlobo {
    width: 70vw;
  }
}

.agendaCita {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.agendaCita h3 {
  font-size: 32px !important;
  color: #f7e8d5 !important;
  font-family: "ManierRegular";
}
.agendaCita p {
  color: #f7e8d5 !important;
  font-size: 18px !important;
}
@media screen and (max-width: 425px) {
  .agendaCita {
    padding: 9px;
  }
  .agendaCita p {
    text-align: center;
  }
}

.contenedorTopNosotros {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100vh;
}

.contTopNosotros {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 90%;
  text-align: center;
}
.contTopNosotros h1 {
  font-family: "bely", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 32px !important;
  color: #f7e8d5 !important;
}

.imgBannerNosotros {
  top: 0;
  width: 100vw;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 425px) {
  .imgBannerNosotros {
    width: 380vw;
    margin-left: 270px;
  }
}

.contenedorQS {
  position: relative;
  background-color: #f7e8d5 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: fit-content;
  padding: 9px;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 425px) {
  .contenedorQS {
    flex-direction: column;
  }
}

.imgQS {
  width: 25vw;
  height: 25vw;
  overflow: hidden;
}
.imgQS img {
  width: 100%;
}
@media screen and (max-width: 425px) {
  .imgQS {
    width: 80vw;
    height: 80vw;
  }
}

.contQS {
  padding: 9px;
  width: 50vw;
  height: fit-content;
  margin-left: 25px;
}
.contQS h2 {
  font-family: "ManierRegular";
  font-size: 32px !important;
  color: #cd6536 !important;
}
.contQS p {
  font-size: 18px !important;
  color: #cd6536 !important;
}
@media screen and (max-width: 425px) {
  .contQS {
    width: 80vw;
  }
  .contQS h2 {
    margin-top: 50px;
  }
}

.contenedorMVV {
  background-color: #f7e8d5 !important;
  position: relative;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 9px;
  padding-bottom: 50px;
}

.cardMVV {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22%;
  background-color: #cd6536 !important;
  padding: 9px;
  margin: 15px;
  margin-bottom: 25px;
}
.cardMVV h3 {
  color: #f7e8d5 !important;
  font-size: 18px !important;
  font-family: "ManierRegular";
}
.cardMVV p {
  color: #f7e8d5 !important;
  text-align: center;
  font-size: 16px !important;
}
@media screen and (max-width: 425px) {
  .cardMVV {
    width: 80%;
  }
}

.contenedorTopContacto {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 80vh;
  overflow: hidden;
}

.contTopContacto {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 90%;
  text-align: center;
}
.contTopContacto h1 {
  font-family: "bely", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 32px !important;
  color: #f7e8d5 !important;
}

.imgBannerContacto {
  top: 0;
  width: 100vw;
  position: absolute;
  z-index: 0;
}

.contContacto {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #f7e8d5 !important;
  height: 70vh;
  width: 100%;
}
@media screen and (max-width: 425px) {
  .contContacto {
    flex-direction: column;
    height: fit-content;
  }
}

.contCCita {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  width: 40vw;
  padding: 9px;
}
.contCCita h2 {
  font-family: "ManierRegular";
  font-size: 32px !important;
  color: #cd6536 !important;
  width: 80%;
}
.contCCita p {
  font-family: "bely", sans-serif;
  font-size: 18px !important;
  color: #cd6536 !important;
}
.contCCita p span {
  font-weight: 600;
}
.contCCita img {
  width: 150px;
}
@media screen and (max-width: 425px) {
  .contCCita {
    width: 80vw;
    align-items: center;
  }
  .contCCita h2 {
    text-align: center;
    width: 100%;
  }
  .contCCita p {
    text-align: center;
    width: 1005;
  }
}

.contFormCita {
  width: 40vw;
}
.contFormCita h3 {
  font-size: 14px !important;
  color: #54642d !important;
}
@media screen and (max-width: 425px) {
  .contFormCita {
    width: 80vw;
  }
}

.formulario label {
  color: #cd6536 !important;
  margin-top: 10px;
}
.formulario input,
.formulario select,
.formulario textarea {
  border: none;
  margin-bottom: 10px;
}
.formulario .pR {
  padding-right: 10px;
}
.formulario .pL {
  padding-left: 10px;
}

.contPrivacidad {
  position: relative;
  background-color: #cd6536 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contPrivacidad h1 {
  font-family: "ManierRegular";
  color: #f7e8d5 !important;
}
.contPrivacidad p {
  width: 80vw;
  color: #f7e8d5 !important;
}

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