/*
      Theme Name: DonMesero
      Theme URI:
      Author: Donmesero
      Author URI: https://www.facebook.com/donmeserocreativo
      Description: Tema creado para Radical Arquitectura
      Version: 1.0.1
      License: GNU General Public Licence v2 or later
      License URI: http://www.gnu.org/licenses/gpl-2.0.html
      Tags: web, flexbox, css, grid, boostrap
      Text Domain: arquitectura
  */
/** fuentes **/
@font-face {
  font-family: BricolageGrotesque-Regular;
  src: url("assets/fonts/BricolageGrotesque-Regular.ttf");
}

@font-face {
  font-family: AfacadFlux-Regular;
  src: url("assets/fonts/AfacadFlux-Regular.ttf");
}

@font-face {
  font-family: Poppins-Medium;
  src: url("assets/fonts/Poppins-Medium.ttf");
}

@font-face {
  font-family: BricolageGrotesque-Bold;
  src: url("assets/fonts/BricolageGrotesque-Bold.ttf");
}

@font-face {
  font-family: BricolageGrotesque-Medium;
  src: url("assets/fonts/BricolageGrotesque-Medium.ttf");
}

@font-face {
  font-family: AfacadFlux-Bold;
  src: url("assets/fonts/AfacadFlux-Bold.ttf");
}

@font-face {
  font-family: AfacadFlux-Light;
  src: url("assets/fonts/AfacadFlux-Light.ttf");
}

@font-face {
  font-family: BricolageGrotesque-SemiBold;
  src: url("assets/fonts/BricolageGrotesque-SemiBold.ttf");
}

@font-face {
  font-family: Poppins-Light;
  src: url("assets/fonts/Poppins-Light.ttf");
}

:root {
  /*fuentes*/
  --Bricolage-Regular: "BricolageGrotesque-Regular";
  --Afacad-Regular: "AfacadFlux-Regular";
  --Poppins-Medium: "Poppins-Medium";
  --Bricolage-Bold: "BricolageGrotesque-Bold";
  --Bricolage-Medium: "BricolageGrotesque-Medium";
  --AfacadFlux-Bold: "AfacadFlux-Bold";
  --AfacadFlux-Light: "AfacadFlux-Light";
  --Bricolage-SemiBold: "BricolageGrotesque-SemiBold";
  --Poppins-Light: "Poppins-Light";
  /* colores */
  --color-dorado: #f5b112;
  --color-dorado-bold: #e1a009;
  --color-dorado-fuerte: #d69c14;
  --color-verde: #0e5b2f;
  --color-fondo: #fefcf2;
  --color-blanco: #eaf2f2;
  --color-gris: #6c7062;
  --color-gris-oscuro: #133635;
  --color-gris-medio: #042b15;
  --color-verde-claro: #6c7062;

  --height-header: 110vh;
  --height-casas: 110vh;
}
@media(min-height: 200px) and (max-width: 1024px){
  :root{
    --height-header: 600px;
  }
}
html {
  box-sizing: border-box;
  font-size: 1vw;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 2560px) {
  html {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media screen and (max-width: 540px) {
  html {
    font-size: 14px;
  }
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.cw-70 {
  width: 70%;
  margin: 0 auto;
}

.cw-80 {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .cw-80 {
    width: 90%;
    margin: 0 auto;
  }
}

@media (max-width: 500px) {
  .cw-80 {
    width: 80%;
  }
}

.cw-90 {
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 1250px) {
  .cw-70 {
    width: 90%;
  }
}

@media (max-width: 500px) {
  .cw-70 {
    width: 70%;
  }
}

@media (max-width: 370px) {
  .cw-70 {
    width: 80%;
  }
}

body {
  padding: 0;
  margin: 0;
}

body.menu-abierto {
  overflow: hidden;
}

/** Globales **/
a {
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0.5 0 !important;
  padding: 0 !important;
  line-height: 1.7rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.5rem 0 !important;
  padding: 0 !important;
}

.contenedor-body-segundo {
  width: min(100%, 5120px);
  color: #3d3d3d;
  background-color: var(--color-fondo);
}
.contenedor-body-principal {
  width: min(100%, 5120px);
  color: #3d3d3d;
  background-color: var(--color-fondo);
}

.header {
  position: relative;
  width: 100%;
  height: var(--height-header);
}

.header.__header-casas {
  height: var(--height-header) !important;
  /*mod*/
}

.header-fondo,
.header-fondo-secundario {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--height-header);
}

.__fondo-secundario-casas {
  height: var(--height-header) !important;
  /*mod*/
}

.header-fondo_imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  mask-image: linear-gradient(
    to bottom,
    rgb(0 0 0) 85%,
    rgb(254 252 242 / 0%) 100%
  );
  filter: brightness(0.8);
}

.header-fondo-secundario_imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-image: linear-gradient(
    to bottom,
    rgb(0 0 0) 75%,
    rgb(254 252 242 / 0%) 100%
  );
  filter: brightness(0.8);
}

.__imagen-casa-dertha,
.__imagen-casa-serena,
.__imagen-casa-nogales {
  mask-image: none;
}

.__imagen-servicios {
  object-position: center top;
}

.__imagen-proyectos {
  /*object-position: center calc(100% - -150px);*/
}
.__imagen-nosotros {
  object-position: center -5rem;
}
/*
@media (max-width: 1100px) {
  .__imagen-proyectos {
    object-position: center calc(100% - -50px);
  }
}
@media (max-width: 768px) {
  .__imagen-proyectos {
    object-position: center -10px;
  }
}
*/

.header-contenido {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--height-header);
}

.header-contenido-secundario {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  height: 5rem;
  padding: 4rem 3rem;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1000px) {
  .header-contenido-secundario {
    padding: 4rem 1rem;
  }
}

@media (max-width: 670px) {
  .header-contenido-secundario {
    padding: 3rem 1rem;
  }
}

.header-contenido-logotipo {
  text-align: center;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 10;
}

@media (max-width: 768px) {
  .header-contenido-logotipo {
    top: 30%;
  }
}

@media (max-width: 500px) {
  .header-contenido-logotipo {
    top: 30%;
  }
}

.header-contenido-logotipo_imagen {
  width: 45rem;
}

@media (max-width: 1400px) {
  .header-contenido-logotipo_imagen {
    width: 35rem;
  }
}

@media (max-width: 840px) {
  .header-contenido-logotipo_imagen {
    width: 27rem;
  }
}

@media (max-width: 500px) {
  .header-contenido-logotipo {
    width: 70%;
  }

  .header-contenido-logotipo_imagen {
    width: 100%;
  }
}

.header-contenido-secundario-logotipo {
  width: 13rem;
  height: auto;
}

@media (max-width: 1000px) {
  .header-contenido-secundario-logotipo {
    width: 12rem;
  }
}

@media (max-width: 670px) {
  .header-contenido-secundario-logotipo {
    width: 10rem;
  }
}

@media (max-width: 560px) {
  .header-contenido-secundario-logotipo {
    width: 9rem;
  }
}

@media (max-width: 500px) {
  .header-contenido-secundario-logotipo {
    display: none;
  }
}

.header-contenido-secundario-logotipo_imagen {
  width: 100%;
  height: 100%;
}

.menu-principal .header-contenido_menuPrincipal {
  display: flex;
  justify-content: space-around;
  width: 35rem;
  margin: 25px auto 0 auto;
}
.menu-principal .header-contenido_menuPrincipal .sub-menu {
  display: none;
}
@media (max-width: 1400px) {
  .menu-principal .header-contenido_menuPrincipal {
    width: 30rem;
  }
}

@media (max-width: 840px) {
  .menu-principal .header-contenido_menuPrincipal {
    width: 25rem;
  }
}

@media (max-width: 500px) {
  .menu-principal .header-contenido_menuPrincipal {
    display: none;
  }
}

.menu-principal .header-contenido_menuPrincipal li a {
  font-size: 1rem;
  color: white;
  font-family: var(--Bricolage-Regular);
  position: relative;
  padding: 5px 0;
}

.menu-principal .header-contenido_menuPrincipal li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0px;
  height: 1.2px;
  background-color: var(--color-dorado);
  transition: width 0.3s ease;
}

.menu-principal .header-contenido_menuPrincipal li a:hover::after {
  width: 100%;
}

.menu-principal .header-contenido_menuPrincipal li a:hover {
  color: var(--color-dorado);
}

.menu-principal-secundario {
  width: 30rem;
}
.menu-principal-secundario .sub-menu {
  display: none;
}
@media (max-width: 1000px) {
  .menu-principal-secundario {
    width: 25rem;
  }
}

@media (max-width: 670px) {
  .menu-principal-secundario {
    width: 21rem;
  }
}

@media (max-width: 560px) {
  .menu-principal-secundario {
    width: 17rem;
  }
}

@media (max-width: 500px) {
  .menu-principal-secundario {
    display: none;
  }
}

.header-contenido-secundario_menuPrincipal {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-contenido-secundario_menuPrincipal li a {
  font-size: 1rem;
  color: white;
  font-family: var(--Bricolage-Regular);
  position: relative;
  padding: 5px 0;
}

@media (max-width: 560px) {
  .header-contenido-secundario_menuPrincipal li a {
    font-size: 0.8rem;
  }
}

.header-contenido-secundario_menuPrincipal li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0px;
  height: 1.2px;
  background-color: var(--color-dorado);
  transition: width 0.3s ease;
}

.header-contenido-secundario_menuPrincipal li a:hover::after {
  width: 100%;
}

.header-contenido-secundario_menuPrincipal li a:hover {
  color: var(--color-dorado);
}

.header-contenido-menuSecundario {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0%;
  left: 0%;

}
@media (min-height: 200px) and (max-width: 1024px) {
  .header-contenido-menuSecundario {
    height: 100%;

  }
}


.header-contenido-menuSecundario-cont {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
@media (min-height: 200px) and (max-width: 1024px) {
  .header-contenido-menuSecundario-cont {
    bottom: 25%;
  }
}

@media (max-width: 768px) {
  .header-contenido-menuSecundario-cont {
    left: 0rem;
    position: block;
    width: 100%;
    text-align: center;
  }
}
.header-contenido-menuSecundario_texto {
  font-family: var(--AfacadFlux-Light);
  color: #ffffff91;
  font-size: 1.3rem;
  width: 35rem;
}
@media (max-width: 1100px) {
  .header-contenido-menuSecundario_texto {
    font-size: 1rem;
    width: 27rem;
  }
}
@media (max-width: 768px) {
  .header-contenido-menuSecundario_texto {
    width: 60%;
    margin: 0 auto 2rem auto;
    font-size: 1.4rem;
  }
}
.header-contenido-menuSecundario_texto .__texto-bold {
  font-weight: bold;
  color: #ffffff;
}
.header-contenido-menuSecundario ul {
  display: flex;
  gap: 20px;
}

@media (max-width: 768px) {
  .header-contenido-menuSecundario ul {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 25px;
  }
}
.header-contenido-menuSecundario ul li {
  color: #ffffff;
  background-color: rgb(255 255 255 / 0%);
  padding: 10px 45px;
  border-radius: 20px;
  backdrop-filter: blur(5px);
  border: 2px solid #ffffff;
  font-size: 1rem;
  font-family: var(--Afacad-Regular);
}
.header-contenido-menuSecundario ul li:first-child {
  background-color: var(--color-dorado);
  cursor: pointer;
  border: 2px solid var(--color-dorado);
}
@media (max-width: 1400px) {
  .header-contenido-menuSecundario ul li {
    padding: 8px 35px;
  }
}

@media (max-width: 1100px) {
  .header-contenido-menuSecundario ul li {
    font-size: 0.8rem;
  }
}

@media (max-width: 840px) {
  .header-contenido-menuSecundario ul li {
    padding: 7px 25px;
  }
}

@media (max-width: 760px) {
  .header-contenido-menuSecundario ul li {
    font-size: 1.2rem;
    padding: 7px 25px;
  }
}

@media (max-width: 580px) {
  .header-contenido-menuSecundario ul li {
    font-size: 0.9rem;
  }
}

@media (max-width: 420px) {
  .header-contenido-menuSecundario ul li {
    font-size: 0.7rem;
  }
}

@media (max-width: 374px) {
  .header-contenido-menuSecundario ul li {
    font-size: 0.7rem;
    padding: 7px 18px;
  }
}

.menu-principal .current-menu-item:first-child a {
  color: var(--color-dorado) !important;
  border-bottom: 2px solid var(--color-dorado);
}

.menu-principal-secundario .current-menu-item a {
  color: var(--color-dorado) !important;
  border-bottom: 2px solid var(--color-dorado);
}

.header-titulo {
  position: absolute;
  width: 100%;
  top: 45%;
  transform: translate(0%, -50%);
  padding: 0 5rem;
  text-shadow: 3px 2px 10px rgba(0, 0, 0, 0.6);
}
.header-titulo.__titulo-proyecto {
  top: 50%;
}
.header-titulo.__titulo-nosotros {
  top: 50%;
}
@media (max-width: 1000px) {
  .header-titulo.__titulo-nosotros {
    top: 45%;
  }
}
@media (max-width: 900px) {
  .header-titulo.__titulo-proyecto {
    top: 50%;
  }
}

@media (max-width: 768px) {
  .header-titulo {
    top: 35%;
    padding: 0 3rem;
  }
  .header-titulo.__titulo-proyecto {
    top: 45%;
  }
  .header-titulo.__titulo-nosotros {
    top: 35%;
  }
}
@media (max-width: 630px) {
  .header-titulo.__titulo-nosotros {
    top: 30%;
  }
}

@media (max-width: 540px) {
  .header-titulo {
    top: 30%;
  }
  .header-titulo.__titulo-proyecto {
    top: 44%;
  }
  .header-titulo.__titulo-nosotros {
    top: 34%;
  }
}
@media (max-width: 500px) {
  .header-titulo {
    top: 38%;
  }
}
@media (max-width: 340px) {
  .header-titulo.__titulo-nosotros {
    top: 32%;
  }
}
.header-titulo_numearion {
  font-family: var(--Poppins-Medium);
  color: var(--color-dorado-bold);
  font-size: 0.9rem;
  margin: 0 !important;
  padding: 0 !important;
}

.header-titulo_titulo {
  font-family: var(--Bricolage-Bold);
  color: var(--color-blanco);
  font-size: 5rem;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 900px) {
  .header-titulo.__titulo-proyecto .header-titulo_titulo,
  .header-titulo.__titulo-nosotros .header-titulo_titulo {
    font-size: 4rem;
  }
}
@media (max-width: 700px) {
  .header-titulo.__titulo-nosotros .header-titulo_titulo {
    font-size: 3.5rem;
  }
}
@media (max-width: 620px) {
  .header-titulo_titulo {
    font-size: 4rem;
  }
  .header-titulo.__titulo-proyecto .header-titulo_titulo {
    font-size: 3.2rem;
  }
}

.header-titulo_segundo {
  display: block;
  margin-left: 5rem;
}

@media (max-width: 768px) {
  .header-titulo_segundo {
    margin-left: 3rem;
  }
}

.header-titulo_parrafo {
  font-family: var(--Bricolage-Regular);
  color: var(--color-blanco);
  margin: 0.5rem 0 0 0 !important;
  font-size: 1.2rem;
}
@media (max-width: 900px) {
  .header-titulo.__titulo-nosotros .header-titulo_parrafo {
    font-size: 1.1rem;
  }
}
@media (max-width: 700px) {
  .header-titulo.__titulo-nosotros .header-titulo_parrafo {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media (max-width: 768px) {
  .header-titulo.__titulo-proyecto .header-titulo_parrafo {
    font-size: 1.1rem;
  }
}
@media (max-width: 620px) {
  .header-titulo_parrafo {
    font-size: 1.1rem;
  }
}
@media (max-width: 590px) {
  .header-titulo.__titulo-nosotros .header-titulo_parrafo {
    font-size: 0.9rem;
  }
}
.seccion-enfoque {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
}
@media (max-width: 1000px) {
  .seccion-enfoque {
    position: relative;
  }
}
@media (max-width: 900px) {
  .seccion-enfoque {
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .seccion-enfoque {
    position: relative;
  }
}
@media (max-width: 700px) {
  .seccion-enfoque {
    position: relative;
  }
}
@media (max-width: 500px) {
  .seccion-enfoque {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}

.enfoque-contenido {
  width: 50%;
}

@media (max-width: 1300px) {
  .enfoque-contenido {
    width: 60%;
  }
}

@media (max-width: 1000px) {
  .enfoque-contenido {
    width: 100%;
  }
}

.enfoque-contenido_numeracion,
.hacemos-titulos_numeracion {
  font-family: var(--Poppins-Medium);
  color: var(--color-dorado-bold);
  font-size: 0.8rem;
}

@media (max-width: 500px) {
  .enfoque-contenido_numeracion {
    font-size: 1rem;
  }
}

.enfoque-contenido_titulo,
.hacemos-titulos_titulo {
  font-family: var(--Bricolage-Bold);
  font-size: 5rem;
  color: var(--color-verde);
}

@media (max-width: 1150px) {
  .enfoque-contenido_titulo,
  .hacemos-titulos_titulo {
    font-size: 4rem;
  }
}

@media (max-width: 900px) {
  .enfoque-contenido_titulo,
  .hacemos-titulos_titulo {
    font-size: 3rem;
  }
}

@media (max-width: 500px) {
  .enfoque-contenido_titulo,
  .hacemos-titulos_titulo {
    font-size: 4rem;
  }
}

@media (max-width: 320px) {
  .enfoque-contenido_titulo {
    font-size: 3rem;
  }
}

.enfoque-contendio_parrafo {
  font-family: var(--Bricolage-Regular);
  font-size: 1.2rem;
}

@media (max-width: 1150px) {
  .enfoque-contendio_parrafo {
    font-family: var(--Bricolage-Regular);
    font-size: 1.05rem;
  }
}

@media (max-width: 500px) {
  .enfoque-contendio_parrafo {
    font-family: var(--Bricolage-Regular);
    font-size: 1.2rem;
  }
}

@media (max-width: 320px) {
  .enfoque-contendio_parrafo {
    font-family: var(--Bricolage-Regular);
    font-size: 1.1rem;
  }
}

.enfoque-contenido_enlace {
  color: #1f1f1f;
  background-color: var(--color-dorado);
  padding: 10px 30px;
  border-radius: 20px;
  font-family: var(--Bricolage-Medium);
  float: right;
  margin-top: 50px;
  font-size: 1.2rem;
  position: relative;
  transition: 0.2s ease;
  z-index: 2;
}
.enfoque-contenido_enlace:hover {
  background-color: var(--color-verde-claro);
  color: #ebebeb;
  transition: 0.2s ease;
}
@media (max-width: 500px) {
  .enfoque-contenido_enlace {
    display: none;
  }
}

.enfoque-imagenes {
  width: 38%;
  text-align: center;
}

@media (max-width: 1300px) {
  .enfoque-imagenes {
    width: 55%;
  }
}

@media (max-width: 1000px) {
  .enfoque-imagenes {
    width: 80%;
  }
}

@media (max-width: 900px) {
  .enfoque-imagenes {
    width: 100%;
  }
}

.enfoque-imagenes_personas {
  width: 100%;
  height: 25rem;
  border-radius: 40px;
  object-fit: cover;
  margin-top: 5rem;
}

@media (max-width: 500px) {
  .enfoque-imagenes_personas {
    margin-top: 0rem;
  }
}

@media (max-width: 320px) {
  .enfoque-imagenes_personas {
    height: 20rem;
  }
}

.enfoque-imagenes_casa {
  width: 8rem;
  border-radius: 10px;
  float: right;
  right: -40px;
  margin-top: -80px;
  position: relative;
}

@media (max-width: 1000px) {
  .enfoque-imagenes_casa {
    right: -30px;
    margin-top: -90px;
  }
}

@media (max-width: 768px) {
  .enfoque-imagenes_casa {
    width: 7rem;
    right: -15px;
  }
}

@media (max-width: 500px) {
  .enfoque-imagenes_casa {
    width: 10rem;
    border-radius: 10px;
    float: inherit;
    right: 0px;
    margin-top: -30px;
    position: relative;
  }
}

@media (max-width: 320px) {
  .enfoque-imagenes_casa {
    width: 8rem;
  }
}

.separador-lineas {
  margin-top: -8%;
}

@media (max-width: 1100px) {
  .separador-lineas {
    margin-top: -12%;
  }
}

@media (max-width: 840px) {
  .separador-lineas {
    margin-top: -15%;
  }
}

@media (max-width: 690px) {
  .separador-lineas {
    margin-top: -12%;
  }
}

@media (max-width: 650px) {
  .separador-lineas {
    margin-top: -7%;
  }
}

@media (max-width: 515px) {
  .separador-lineas {
    margin-top: 0%;
  }
}

@media (max-width: 515px) {
  .separador-lineas {
    display: none;
  }
}

.separador-lineas img {
  width: 30%;
}

.separador-logo {
  width: 100%;
  position: relative;
  text-align: center;
}

@media (max-width: 500px) {
  .separador-logo {
    display: none;
  }
}

.separador-logo img {
  width: 1.6rem;
  margin-top: 110px;
  margin-left: -10rem;
}

@media (max-width: 640px) {
  .separador-logo img {
    width: 1.6rem;
    margin-top: 30px;
  }
}

.conocenos-movil {
  display: none;
}

@media (max-width: 500px) {
  .conocenos-movil {
    display: block;
    margin-top: 2rem;
  }

  .conocenos-movil_enlace {
    color: #1f1f1f;
    background-color: var(--color-dorado);
    padding: 10px 30px;
    border-radius: 20px;
    font-family: var(--Bricolage-Medium);
    font-size: 1.1rem;
  }
}

.seccion-hacemos {
  margin-top: -2rem;
  width: 100%;
  height: 700px;
  background-image: url("assets/images/Yuca.png");
  background-position: 5% bottom;
  background-repeat: no-repeat;
  background-size: 18rem auto;
}

@media (max-width: 768px) {
  .seccion-hacemos {
    height: 550px;
    background-size: 20rem auto;
  }
}

@media (max-width: 625px) {
  .seccion-hacemos {
    margin-top: 0rem;
    height: 470px;
    background-size: 18rem auto;
  }
}

@media (max-width: 500px) {
  .seccion-hacemos {
    margin-top: 4rem;
    width: 100%;
    height: auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

.hacemos-titulos {
  width: 100%;
  height: auto;
  background-image: url("assets/images/rocas.png");
  background-position: calc(100% - 3rem) center;
  background-repeat: no-repeat;
  background-size: 8rem auto;
}

@media (max-width: 1300px) {
  .hacemos-titulos {
    background-position: right center;
  }
}

@media (max-width: 500px) {
  .hacemos-titulos {
    background-image: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.hacemos-titulos--movil {
  display: none;
}

@media (max-width: 500px) {
  .hacemos-titulos--desktop {
    display: none;
  }
}

.hacemos-titulos_titulo {
  width: 25rem;
}

@media (max-width: 1170px) {
  .hacemos-titulos_titulo {
    font-size: 4rem;
  }
}

@media (max-width: 630px) {
  .hacemos-titulos_titulo {
    font-size: 3rem;
    width: 15rem;
  }
}

@media (max-width: 500px) {
  .hacemos-titulos_titulo {
    width: 80%;
  }
}

@media (max-width: 500px) {
  .hacemos-titulos--movil {
    display: inherit;
  }
}

.hacemos-contenido {
  display: flex;
  gap: 2rem;
}

@media (max-width: 500px) {
  .hacemos-contenido {
    flex-direction: column;
    margin-bottom: 5rem;
  }
}

.hacemos-contenido-lista {
  width: 50%;
}

@media (max-width: 500px) {
  .hacemos-contenido-lista {
    width: 100%;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}

.hacemos-contenido-lista ul {
  font-family: var(--Afacad-Regular);
  font-size: 2rem;
}

@media (max-width: 768px) {
  .hacemos-contenido-lista ul {
    font-size: 1.8rem;
  }
}

@media (max-width: 500px) {
  .hacemos-contenido-lista ul {
    font-size: 1.9rem;
  }
}

.hacemos-contenido-lista ul li {
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .hacemos-contenido-lista ul li {
    margin-bottom: 1.1rem;
  }
}

@media (max-width: 500px) {
  .hacemos-contenido-lista ul li {
    margin-bottom: 2rem;
  }
}

.hacemos-contenido-lista ul li:last-child {
  margin-bottom: 3rem;
}

@media (max-width: 500px) {
  .hacemos-contenido-lista ul li:last-child {
    margin-bottom: 4rem;
  }
}

@media (max-width: 500px) {
  .guion {
    display: none;
  }
}

.hacemos-contenido-muestra {
  width: 60%;
}

@media (max-width: 500px) {
  .hacemos-contenido-muestra {
    width: 100%;
  }
}

.hacemos-contenido-muestra-casa {
  width: 80%;
  float: right;
  margin-right: 2.1rem;
}

@media (max-width: 1300px) {
  .hacemos-contenido-muestra-casa {
    margin-right: -2rem;
  }
}

@media (max-width: 1000px) {
  .hacemos-contenido-muestra-casa {
    margin-right: -1.4rem;
  }
}

@media (max-width: 768px) {
  .hacemos-contenido-muestra-casa {
    width: 85%;
    margin-right: 0rem;
  }
}

@media (max-width: 500px) {
  .hacemos-contenido-muestra-casa {
    width: 100%;
    float: inherit;
    margin-right: 0rem;
  }
}

.hacemos-contenido-muestra-casa_imagen,
.serena-casa-serena_imagen,
.nogales-casa-nogales_imagen {
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: 10px 9px 3px 0px rgb(217 217 217);
}

.hacemos-contenido-muestra-informacion {
  background-color: var(--color-fondo);
  width: 17rem;
  border-radius: 20px;
  padding: 0.5rem;
  display: inline-block;
  margin-top: -2rem;
}
.hacemos-contenido-muestra-informacion
  .hacemos-contenido-muestra-informacion_titulo {
  transition: 0.2s ease;
}
.hacemos-contenido-muestra-informacion:hover
  .hacemos-contenido-muestra-informacion_titulo {
  color: var(--color-dorado-bold);
  transition: 0.2s ease;
}
@media (max-width: 1300px) {
  .hacemos-contenido-muestra-informacion {
    margin-left: 2rem;
  }
}

@media (max-width: 1000px) {
  .hacemos-contenido-muestra-informacion {
    margin-left: 1.4rem;
  }
}

@media (max-width: 768px) {
  .hacemos-contenido-muestra-informacion {
    width: 15rem;
    margin-left: 0rem;
  }
}

@media (max-width: 500px) {
  .hacemos-contenido-muestra-informacion {
    border-radius: 0px;
    padding: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
    width: 16.5rem;
    margin-left: 0rem;
    float: right;
    display: inline-block;
  }
}

@media (max-width: 330px) {
  .hacemos-contenido-muestra-informacion {
    width: 13.5rem;
  }
}

.hacemos-contenido-muestra-informacion_subTitulo {
  font-family: var(--AfacadFlux-Bold);
  color: var(--color-dorado-bold);
  margin: 0 !important;
  font-size: 0.9rem;
}

@media (max-width: 500px) {
  .hacemos-contenido-muestra-informacion_subTitulo {
    font-size: 1.4rem;
  }
}

@media (max-width: 330px) {
  .hacemos-contenido-muestra-informacion_subTitulo {
    font-size: 1.2rem;
  }
}

.hacemos-contenido-muestra-informacion_descripcion {
  font-family: var(--Afacad-Regular);
  color: var(--color-gris);
  margin: 0 !important;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .hacemos-contenido-muestra-informacion_descripcion {
    font-size: 0.9rem;
  }
}

@media (max-width: 500px) {
  .hacemos-contenido-muestra-informacion_descripcion {
    font-size: 1.3rem;
  }
}

@media (max-width: 330px) {
  .hacemos-contenido-muestra-informacion_descripcion {
    font-size: 1.1rem;
  }
}

.hacemos-contenido-muestra-informacion_titulo {
  font-family: var(--AfacadFlux-Bold);
  color: var(--color-gris-oscuro);
  font-size: 2rem;
  margin: 1px 0 !important;
}

@media (max-width: 768px) {
  .hacemos-contenido-muestra-informacion_titulo {
    font-size: 1.7rem;
  }
}

@media (max-width: 500px) {
  .hacemos-contenido-muestra-informacion_titulo {
    font-size: 3.4rem;
    line-height: 2.7rem;
    margin-bottom: 2rem !important;
  }

  .hacemos-contenido-muestra-informacion_espacio {
    margin-left: 1.5rem;
  }
}

@media (max-width: 330px) {
  .hacemos-contenido-muestra-informacion_titulo {
    font-size: 3rem;
  }
}

.hacemos-contenido_enlace {
  color: #1f1f1f;
  background-color: var(--color-dorado);
  padding: 10px 30px;
  border-radius: 20px;
  font-family: var(--Bricolage-Medium);
  font-size: 1.2rem;
  transition: 0.2s ease;
}
.hacemos-contenido_enlace:hover {
  color: #ededed;
  background-color: var(--color-verde-claro);
  transition: 0.2s ease;
}
.hacemos-contenido-muestra-informacion_enlace,
.serena-casa-informacion_enlace,
.nogales-casa-informacion_enlace {
  color: #1f1f1f;
  background-color: var(--color-dorado);
  padding: 0.3rem 4rem;
  border-radius: 20px;
  font-size: 2rem;
}

@media (max-width: 330px) {
  .hacemos-contenido-muestra-informacion_enlace,
  .serena-casa-informacion_enlace {
    font-size: 1.5rem;
  }
}

.__enlace-movil {
  display: none;
}

@media (max-width: 500px) {
  .__enlace-movil {
    display: inline-block;
  }
}

.seccion-serena {
  display: flex;
  gap: 2rem;
  padding: 3.5rem 0;
  background-image: url("assets/images/comillas.png");
  background-position: calc(100% - 15rem) top;
  background-repeat: no-repeat;
  background-size: 14% auto;
}

@media (max-width: 1200px) {
  .seccion-serena {
    background-position: calc(100% - 13rem) 1rem;
  }
}

@media (max-width: 768px) {
  .seccion-serena {
    background-position: calc(100% - 10rem) 1.5rem;
  }
}

@media (max-width: 600px) {
  .seccion-serena {
    background-position: calc(100% - 9rem) 2.5rem;
  }
}

@media (max-width: 500px) {
  .seccion-serena {
    flex-direction: column-reverse;
    padding: 4rem 0;
    background-position: left top;
    background-size: 40% auto;
  }
}

@media (max-width: 440px) {
  .seccion-serena {
    padding: 1rem 0;
    background-size: 35% auto;
  }
}

.serena-casa {
  width: 50%;
}

@media (max-width: 500px) {
  .serena-casa {
    width: 100%;
  }
}

.serena-descripcion {
  width: 40%;
}

@media (max-width: 500px) {
  .serena-descripcion {
    width: 100%;
  }
}

.serena-casa-serena {
  width: 90%;
}

@media (max-width: 500px) {
  .serena-casa-serena {
    width: 100%;
  }
}

.serena-casa-informacion {
  background-color: var(--color-fondo);
  width: 17rem;
  border-radius: 20px;
  padding: 0.5rem;
  display: inline-block;
  margin-top: -2rem;
  margin-left: -2rem;
}
.serena-casa-informacion .serena-casa-informacion_titulo {
  transition: 0.2s ease;
}
.serena-casa-informacion:hover .serena-casa-informacion_titulo {
  color: var(--color-dorado-bold);
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .serena-casa-informacion {
    width: 15rem;
    margin-left: -1rem;
  }
}

@media (max-width: 500px) {
  .serena-casa-informacion {
    border-radius: 0px;
    padding: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
    width: 16.5rem;
    margin-left: 0rem;
    float: right;
    display: inline-block;
  }
}

@media (max-width: 330px) {
  .serena-casa-informacion {
    width: 13.5rem;
  }
}

.serena-casa-informacion_subTitulo {
  font-family: var(--AfacadFlux-Bold);
  color: var(--color-dorado-bold);
  margin: 0 !important;
  font-size: 0.9rem;
}

@media (max-width: 500px) {
  .serena-casa-informacion_subTitulo {
    font-size: 1.4rem;
  }
}

@media (max-width: 330px) {
  .serena-casa-informacion_subTitulo {
    font-size: 1.2rem;
  }
}

.serena-casa-informacion_descripcion {
  font-family: var(--Afacad-Regular);
  color: var(--color-gris);
  margin: 0 !important;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .serena-casa-informacion_descripcion {
    font-size: 0.9rem;
  }
}

@media (max-width: 500px) {
  .serena-casa-informacion_descripcion {
    font-size: 1.3rem;
  }
}

@media (max-width: 330px) {
  .serena-casa-informacion_descripcion {
    font-size: 1.1rem;
  }
}

.serena-casa-informacion_titulo {
  font-family: var(--AfacadFlux-Bold);
  color: var(--color-gris-oscuro);
  font-size: 2rem;
  margin: 1px 0 !important;
}

@media (max-width: 768px) {
  .serena-casa-informacion_titulo {
    font-size: 1.7rem;
  }
}

@media (max-width: 500px) {
  .serena-casa-informacion_titulo {
    font-size: 3.4rem;
    line-height: 2.7rem;
    margin-bottom: 2rem !important;
  }

  .serena-casa-informacion_espacio {
    display: block;
  }
}

@media (max-width: 330px) {
  .serena-casa-informacion_titulo {
    font-size: 3rem;
  }
}

.serena-descripcion {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.serena-descripcion_texto {
  font-family: var(--AfacadFlux-Light);
  font-size: 1.6rem;
  text-align: right;
  line-height: 2rem;
  width: 24rem;
}

@media (max-width: 1200px) {
  .serena-descripcion_texto {
    font-size: 1.4rem;
    width: 21rem;
  }
}

@media (max-width: 768px) {
  .serena-descripcion_texto {
    width: 18rem;
  }
}

@media (max-width: 650px) {
  .serena-descripcion_texto {
    font-size: 1.25rem;
    width: 15rem;
  }
}

@media (max-width: 570px) {
  .serena-descripcion_texto {
    font-size: 1.1rem;
    width: 14rem;
  }
}

@media (max-width: 500px) {
  .serena-descripcion_texto {
    font-size: 2rem;
    line-height: 2.5rem;
    width: 100%;
  }
}

.serena-descripcion_autor {
  font-family: var(--Afacad-Regular);
  text-align: right;
  font-size: 1.5rem;
  margin: -0.5rem 1rem 0 0;
}

@media (max-width: 570px) {
  .serena-descripcion_autor {
    font-size: 1.3rem;
    margin: -0.5rem 1rem 0 0;
  }
}

@media (max-width: 500px) {
  .serena-descripcion_autor {
    font-family: var(--Afacad-Regular);
    text-align: right;
    font-size: 2rem;
    margin: -0.5rem 1rem 0 0;
  }
}

.separador-lineas-serena {
  margin-top: -12%;
  margin-bottom: 8rem;
}

@media (max-width: 600px) {
  .separador-lineas-serena {
    margin-top: -15%;
    margin-bottom: 5rem;
  }
}

@media (max-width: 500px) {
  .separador-lineas-serena {
    display: none;
  }
}

.separador-lineas-serena img {
  width: 30%;
  float: right;
}

.seccion-nogales {
  width: 100%;
  padding: 5rem 0 7rem 0;
  background-image: url("assets/images/contactanos.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: -13rem;
}

@media (max-width: 500px) {
  .seccion-nogales {
    width: 100%;
    padding: 0rem 0 7rem 0;
    background-image: url("assets/images/contactanos.png");
    background-repeat: no-repeat;
    background-position: center 45%;
    background-size: 100% auto;
    margin: 0 auto;
  }
}

.nogales-contacto {
  display: flex;
}

@media (max-width: 500px) {
  .nogales-contacto {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}

.nogales-contacto-form {
  width: 40%;
}

@media (max-width: 500px) {
  .nogales-contacto-form {
    order: 3;
    width: 100%;
  }
}

.nogales-contacto-logo {
  width: 20%;
}

.nogales-casa {
  width: 40%;
}

@media (max-width: 500px) {
  .nogales-casa {
    order: 1;
    width: 100%;
  }
}

.nogales-casa-nogales {
  width: 100%;
}

.nogales-casa-informacion {
  background-color: var(--color-fondo);
  width: 17rem;
  border-radius: 20px;
  padding: 0.5rem;
  display: inline-block;
  margin-top: -2rem;
  margin-left: -2rem;
}
.nogales-casa-informacion .nogales-casa-informacion_titulo {
  transition: 0.2s ease;
}
.nogales-casa-informacion:hover .nogales-casa-informacion_titulo {
  color: var(--color-dorado-bold);
  transition: 0.2s ease;
}
@media (max-width: 1100px) {
  .nogales-casa-informacion {
    width: 14rem;
  }
}

@media (max-width: 700px) {
  .nogales-casa-informacion {
    width: 15rem;
  }
}

@media (max-width: 500px) {
  .nogales-casa-informacion {
    border-radius: 0px;
    padding: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
    width: 16.5rem;
    margin-left: 0rem;
    float: right;
    display: inline-block;
  }
}

.nogales-casa-informacion_subTitulo {
  font-family: var(--AfacadFlux-Bold);
  color: var(--color-dorado-bold);
  margin: 0 !important;
  font-size: 0.9rem;
}

@media (max-width: 1100px) {
  .nogales-casa-informacion_subTitulo {
    font-size: 0.8rem;
  }
}

@media (max-width: 500px) {
  .nogales-casa-informacion_subTitulo {
    font-size: 1.4rem;
  }
}

@media (max-width: 330px) {
  .nogales-casa-informacion_subTitulo {
    font-size: 1.2rem;
  }
}

.nogales-casa-informacion_descripcion {
  font-family: var(--Afacad-Regular);
  color: var(--color-gris);
  margin: 0 !important;
  font-size: 1rem;
}

@media (max-width: 1100px) {
  .nogales-casa-informacion_descripcion {
    font-size: 0.9rem;
  }
}

@media (max-width: 700px) {
  .nogales-casa-informacion_descripcion {
    font-size: 0.7rem;
  }
}

@media (max-width: 500px) {
  .nogales-casa-informacion_descripcion {
    font-size: 1.3rem;
  }
}

@media (max-width: 330px) {
  .nogales-casa-informacion_descripcion {
    font-size: 1.1rem;
  }
}

.nogales-casa-informacion_titulo {
  font-family: var(--AfacadFlux-Bold);
  color: var(--color-gris-oscuro);
  font-size: 2rem;
  margin: 1px 0 !important;
}

@media (max-width: 1100px) {
  .nogales-casa-informacion_titulo {
    font-size: 1.9rem;
  }
}

@media (max-width: 700px) {
  .nogales-casa-informacion_titulo {
    font-size: 1.6rem;
  }
}

@media (max-width: 500px) {
  .nogales-casa-informacion_titulo {
    font-size: 3.4rem;
    line-height: 2.7rem;
    margin-bottom: 2rem !important;
  }

  .nogales-casa-informacion_espacio {
    display: block;
    margin-left: 2rem;
  }
}

@media (max-width: 330px) {
  .nogales-casa-informacion_titulo {
    font-size: 3rem;
  }
}

.nogales-contacto-logo {
  text-align: center;
}

@media (max-width: 500px) {
  .nogales-contacto-logo {
    order: 2;
    margin: 5rem 0;
  }
}

.nogales-contacto-logo_imagen {
  width: 2rem;
  padding: 2rem 0 0 0;
}

@media (max-width: 1100px) {
  .nogales-contacto-logo_imagen {
    width: 1.6rem;
    padding: 2rem 0 0 0;
  }
}

.nogales-contacto-form_titulo {
  font-family: var(--Bricolage-SemiBold);
  font-size: 3rem;
  color: var(--color-gris-oscuro);
}

@media (max-width: 1100px) {
  .nogales-contacto-form_titulo {
    font-size: 2.2rem;
  }
}

@media (max-width: 500px) {
  .nogales-contacto-form_titulo {
    font-size: 3rem;
  }
}

#wpcf7-f50-o1 {
  width: 70%;
  font-family: var(--Bricolage-Regular);
  color: var(--color-gris-oscuro);
}

@media (max-width: 1000px) {
  #wpcf7-f50-o1 {
    width: 90%;
  }
}

#wpcf7-f50-o1 input[type="text"],
#wpcf7-f50-o1 input[type="email"] {
  width: 100%;
  height: 2rem;
  font-size: 1rem;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid var(--color-gris-oscuro);
  padding: 1rem 0 1.5rem 0.2rem;
  background-color: transparent;
}

#wpcf7-f50-o1 textarea {
  width: 100%;
  height: 10rem;
  font-size: 1rem;
  border: 3px solid var(--color-gris-oscuro);
  border-radius: 10px;
  background-color: transparent;
  padding: 0.5rem 0 0 0.2rem;
  margin-top: 2rem;
}

#wpcf7-f50-o1 .wpcf7-submit {
  background-color: var(--color-gris-medio);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 0.5rem 2rem;
  cursor: pointer;
}

footer {
  background-color: var(--color-verde-claro);
  padding: 2rem 0;
}

.footer-contacto {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media (max-width: 666px) {
  .footer-contacto {
    flex-direction: column;
    gap: 1rem;
  }
}

.contacto-informacion {
  display: flex;
  gap: 2rem;
  font-family: var(--Poppins-Light);
  font-size: 0.8rem;
  color: white;
}

@media (max-width: 1020px) {
  .contacto-informacion {
    gap: 1rem;
  }
}

@media (max-width: 940px) {
  .contacto-informacion {
    font-size: 0.7rem;
  }
}

@media (max-width: 830px) {
  .contacto-informacion {
    gap: 0.7rem;
    font-size: 0.65rem;
  }
}

@media (max-width: 666px) {
  .contacto-informacion {
    flex-direction: column;
    text-align: center;
    font-size: 1.2rem;
  }

  .contacto-informacion_texto {
    margin: 0.2rem;
  }
}

@media (max-width: 340px) {
  .contacto-informacion {
    font-size: 1rem;
  }

  .contacto-informacion_texto {
    margin: 0rem;
  }
}

.contacto-logotipo_imagen {
  width: 5rem;
}

@media (max-width: 940px) {
  .contacto-logotipo_imagen {
    width: 4rem;
  }
}

@media (max-width: 830px) {
  .contacto-logotipo_imagen {
    width: 3rem;
  }
}

@media (max-width: 666px) {
  .contacto-logotipo_imagen {
    width: 6rem;
  }
}

@media (max-width: 340px) {
  .contacto-logotipo_imagen {
    width: 4rem;
  }
}

.contacto-redes {
  display: flex;
  gap: 0.51rem;
}

@media (max-width: 666px) {
  .contacto-redes {
    gap: 1.5rem;
    margin: 1rem 0 2rem 0;
  }
}

.contacto-redes_icono {
  width: 1.5rem;
}

@media (max-width: 940px) {
  .contacto-redes_icono {
    width: 1.3rem;
  }
}

@media (max-width: 830px) {
  .contacto-redes_icono {
    width: 1.1rem;
  }
}

@media (max-width: 666px) {
  .contacto-redes_icono {
    width: 2rem;
  }
}

@media (max-width: 340px) {
  .contacto-redes_icono {
    width: 1.5rem;
  }
}

.footer-autor {
  font-family: var(--Poppins-Medium);
  text-align: center;
  color: white;
  font-size: 0.8rem;
  margin: 2rem 0 0 0;
}

@media (max-width: 940px) {
  .footer-autor {
    font-size: 0.7rem;
  }
}

@media (max-width: 830px) {
  .footer-autor {
    font-size: 0.65rem;
  }
}

@media (max-width: 666px) {
  .footer-autor {
    font-size: 0.8rem;
    margin-top: 2rem;
  }
}

@media (max-width: 340px) {
  .footer-autor {
    font-size: 0.7rem;
  }
}
.aviso_texto {
  text-decoration: none;
  color: white;
}
.aviso_texto:hover {
  color: var(--color-dorado-bold);
}
.aviso_texto,
.autor_texto {
  margin: 0 !important;
  padding: 0;
}
.autor_texto a {
  color: white;
}
.autor_texto a:hover {
  color: var(--color-dorado-bold);
}
.clientes-calificacion-usuarios {
  display: flex;
  justify-content: space-between;
  background-image: url("assets/images/rocas.png");
  background-position: right calc(100% - 1rem);
  background-repeat: no-repeat;
  background-size: 10% auto;
  padding: 5rem 0;
}
.mySwiper {
  display: none !important;
}
@media (max-width: 500px) {
  .clientes-calificacion-usuarios {
    display: none;
  }
  .mySwiper {
    display: inherit !important;
  }
}
.clientes-calificacion_texto {
  font-family: var(--Bricolage-SemiBold);
  font-size: 3.5rem;
  color: var(--color-verde);
  padding: 3rem 0 !important;
  text-align: center;
}

.clientes-calificacion-usuarios-individual-flex {
  display: flex;
  align-items: flex-end;
}
.mySwiper .clientes-calificacion-usuarios-individual-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clientes-calificacion-usuarios-individual {
  width: 30%;
}
.mySwiper .clientes-calificacion-usuarios-individual {
  width: 100%;
}
.clientes-calificacion-usuarios-individual-flex-usuario_imagen {
  width: 8rem;
}
@media (max-width: 1000px) {
  .clientes-calificacion-usuarios-individual-flex-usuario_imagen {
    width: 5.5rem;
  }
}
@media (max-width: 575px) {
  .clientes-calificacion-usuarios-individual-flex-usuario_imagen {
    width: 4.5rem;
  }
}
.mySwiper .clientes-calificacion-usuarios-individual-flex-usuario_imagen {
  width: 100%;
}
.clientes-calificacion-usuarios-individual-calificacion_imagen {
  width: 2rem;
}
@media (max-width: 1000px) {
  .clientes-calificacion-usuarios-individual-calificacion_imagen {
    width: 1.6rem;
  }
}
@media (max-width: 650px) {
  .clientes-calificacion-usuarios-individual-calificacion_imagen {
    width: 1.2rem;
  }
}
.mySwiper .clientes-calificacion-usuarios-individual-calificacion_imagen {
  width: 3rem;
  margin: 1rem 0.5rem 0 0.5rem;
}
.clientes-calificacion-usuarios-individual-comentario_texto {
  font-family: var(--Afacad-Regular);
  font-size: 1rem;
}
.mySwiper .clientes-calificacion-usuarios-individual-comentario_texto {
  font-family: var(--Afacad-Regular);
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
}
.mySwiper .clientes-calificacion-usuarios-individual-comentario {
  margin-bottom: 4rem;
}
.separador-logo-servicios {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 1200px) {
  .separador-logo-servicios {
    margin-top: -10rem;
  }
}
@media (max-width: 1000px) {
  .separador-logo-servicios {
    margin-top: -6rem;
  }
}
@media (max-width: 768px) {
  .separador-logo-servicios {
    margin-top: -10rem;
  }
}
@media (max-width: 620px) {
  .separador-logo-servicios {
    margin-top: -16rem;
  }
}
@media (max-width: 530px) {
  .separador-logo-servicios {
    margin-top: -12rem;
  }
}
.separador-logo-servicios_logotipo {
  width: 2.5rem;
}

.contenedor-pagina {
  margin-top: 5rem;
  margin-bottom: 7rem;
}
@media (max-width: 1100px) {
  .contenedor-pagina {
    margin-top: 0rem;
  }
}

@media (max-width: 1200px) {
  .contenedor-pagina.__pagina-nosotros {
    position: relative;
    margin-top: -1rem !important;
  }
}
@media (max-width: 1000px) {
  .contenedor-pagina.__pagina-nosotros {
    margin-top: -1rem !important;
  }
}
@media (max-width: 768px) {
  .contenedor-pagina.__pagina-nosotros {
    position: relative;
    margin-top: -15rem !important;
  }
}
@media (max-width: 500px) {
  .contenedor-pagina.__pagina-nosotros {
    position: relative;
    margin-top: -17rem !important;
  }
}
.seccion {
  display: flex;
  gap: 2rem;
  position: relative;
  padding: 3.5rem 0;
}

@media (max-width: 500px) {
  .seccion {
    flex-direction: column;
    align-items: center;
  }
}

.__fondo-rocas {
  background-image: url("assets/images/rocas.png");
  background-repeat: no-repeat;
  background-position: 100% 85%;
  background-size: 15% auto;
}
.__fondo-rocas-construccion {
  background-image: url("assets/images/rocas.png");
  background-repeat: no-repeat;
  background-position: 95% 100%;
  background-size: 13% auto;
}
.__fondo-cactus {
  background-image: url("assets/images/yuca.png");
  background-repeat: no-repeat;
  background-position: -2rem 1rem;
  background-size: 25% auto;
}

.__row-reverse {
  flex-direction: row-reverse;
}

@media (max-width: 500px) {
  .__row-reverse {
    flex-direction: column;
  }
}

.seccion-paisaje {
  width: 40%;
  height: 30rem;
  border-radius: 30px;
}

@media (max-width: 1100px) {
  .seccion-paisaje {
    height: 25rem;
  }
}

@media (max-width: 850px) {
  .seccion-paisaje {
    height: 20rem;
  }
}

@media (max-width: 620px) {
  .seccion-paisaje {
    height: 18rem;
  }
}

@media (max-width: 500px) {
  .seccion-paisaje {
    width: 90%;
    height: 18rem;
  }
}

.seccion-informacion {
  width: 60%;
}

@media (max-width: 500px) {
  .seccion-informacion {
    width: 100%;
    text-align: center;
  }
}

.seccion-paisaje_imagen {
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.__imagen-diseno,
.__imagen-construccion {
  box-shadow: -10px 9px 3px 0px rgb(217 217 217);
  width: 60%;
  float: right;
  object-position: 0rem center;
  transition: width 0.8s ease-in-out, object-position 2s ease-in-out;
}

@media (max-width: 500px) {
  .__imagen-diseno {
    width: 100%;
  }
  .__imagen-construccion {
    width: 100%;
    object-fit: cover;
    object-position: 0rem center;
  }
}
.__imagen-diseno.expandedRigth,
.__imagen-construccion.expandedRigth {
  width: 100%;
  object-position: 0rem center;
  transition: width 0.8s ease-in-out, object-position 2s ease-in-out;
}
@media (max-width: 500px) {
  .__imagen-diseno.expandedRigth {
    object-position: -1rem center;
    transition: object-position 2s ease-in-out;
  }
  .__imagen-construccion.expandedRigth {
    object-position: -0.5rem center;
    transition: object-position 2s ease-in-out;
  }
}
.__imagen-analisis,
.__imagen-planos {
  width: 60%;
  object-position: -2rem center;
  box-shadow: 10px 9px 3px 0px rgb(217 217 217);
  transition: width 0.8s ease-in-out, object-position 2s ease-in-out;
}
@media (max-width: 500px) {
  .__imagen-analisis,
  .__imagen-planos {
    width: 100%;
  }
}
.__imagen-analisis.expanded,
.__imagen-planos.expanded {
  width: 100%;
  object-position: 0rem center;
  transition: width 0.8s ease-in-out, object-position 2s ease-in-out;
}
@media (max-width: 500px) {
  .__imagen-analisis.expanded,
  .__imagen-planos.expanded {
    transition: object-position 2s ease-in-out;
  }
}
.seccion-informacion_titulo {
  font-family: var(--Bricolage-SemiBold);
  color: var(--color-verde);
  font-size: 3rem;
}

@media (max-width: 1100px) {
  .seccion-informacion_titulo {
    font-size: 2.5rem;
  }
}

@media (max-width: 620px) {
  .seccion-informacion_titulo {
    font-size: 2rem;
  }
}

@media (max-width: 500px) {
  .seccion-informacion_titulo {
    font-size: 3rem;
  }
}

.seccion-informacion_parrafo {
  font-family: var(--Bricolage-Regular);
  color: var(--color-verde);
  font-size: 1.1rem;
  overflow-x: hidden;
}

@media (max-width: 1100px) {
  .seccion-informacion_parrafo {
    font-family: var(--Bricolage-Regular);
    color: var(--color-verde);
    font-size: 0.9rem;
  }
}

@media (max-width: 620px) {
  .seccion-informacion_parrafo {
    font-family: var(--Bricolage-Regular);
    color: var(--color-verde);
    font-size: 0.8rem;
  }
}

@media (max-width: 500px) {
  .seccion-informacion_parrafo {
    font-size: 1.3rem;
  }
}

.separador-linea-servicios_imagen {
  width: 30%;
}

@media (max-width: 500px) {
  .separador-linea-servicios_imagen {
    width: 50%;
  }
}

.float-right {
  float: right;
}

.seccion-proyecto {
  margin-bottom: 6rem;
}

@media (max-width: 500px) {
  .seccion-proyecto.cw-70 {
    width: 80% !important;
  }
}

.seccion-proyecto-casa {
  width: 100%;
  height: auto;
  border-radius: 30px;
  overflow: hidden;
}

.seccion-proyecto-casa_imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seccion-proyecto-contenedor {
  width: 60%;
  margin-top: -6.5rem;
  position: relative;
}

@media (max-width: 1232px) {
  .seccion-proyecto-contenedor {
    margin-top: -5rem;
  }
}

@media (max-width: 820px) {
  .seccion-proyecto-contenedor {
    margin-top: -4rem;
    margin-left: 1rem;
  }
}

@media (max-width: 585px) {
  .seccion-proyecto-contenedor {
    margin-top: -3.5rem;
  }
}

@media (max-width: 472px) {
  .seccion-proyecto-contenedor {
    margin-top: -3rem;
  }
}

@media (max-width: 376px) {
  .seccion-proyecto-contenedor {
    margin-top: -2rem;
  }
}

.seccion-proyecto-contenedor-informacion {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.seccion-proyecto-contenedor-informacion_titulo {
  font-size: 5.5rem;
  font-family: var(--AfacadFlux-Bold);
  color: var(--color-gris-oscuro);
  padding: 0 !important;
  margin: 0 !important;
  transition: 0.2s ease;
}
.seccion-proyecto:hover .seccion-proyecto-contenedor-informacion_titulo {
  color: var(--color-dorado-bold);
  transition: 0.2s ease;
}
.seccion-proyecto-contenedor-informacion_titulo:hover {
  color: var(--color-dorado-bold);
  transition: 0.2s ease;
}

@media (max-width: 1351px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 5rem;
  }
}
@media (max-width: 1250px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 6rem;
  }
}
@media (max-width: 1150px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 5.5rem;
  }
}
@media (max-width: 1066px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 5rem;
  }
}
@media (max-width: 983px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 4rem;
  }
}
@media (max-width: 817px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 3rem;
  }
}
@media (max-width: 562px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 2.5rem;
  }
}
@media (max-width: 481px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 2rem;
  }
}
@media (max-width: 401px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 1.5rem;
  }
}
@media (max-width: 329px) {
  .seccion-proyecto-contenedor-informacion_titulo {
    font-size: 1.2rem;
  }
}

.__titulo-ranchito {
  font-size: 5rem;
}
@media (max-width: 1388px) {
  .__titulo-ranchito {
    font-size: 4.5rem;
  }
}
@media (max-width: 1268px) {
  .__titulo-ranchito {
    font-size: 4rem;
  }
}
@media (max-width: 892px) {
  .__titulo-ranchito {
    font-size: 3.5rem;
  }
}
@media (max-width: 798px) {
  .__titulo-ranchito {
    font-size: 3rem;
  }
}
@media (max-width: 613px) {
  .__titulo-ranchito {
    font-size: 2.5rem;
  }
}
@media (max-width: 500px) {
  .__titulo-ranchito {
    font-size: 2rem;
  }
}
@media (max-width: 425px) {
  .__titulo-ranchito {
    font-size: 1.5rem;
  }
}
@media (max-width: 344px) {
  .__titulo-ranchito {
    font-size: 1.3rem;
  }
}
.__titulo-serena {
  font-size: 4.5rem;
}
@media (max-width: 1490px) {
  .__titulo-serena {
    font-size: 4.5rem;
  }
}
@media (max-width: 1360px) {
  .__titulo-serena {
    font-size: 4rem;
  }
}
@media (max-width: 1250px) {
  .__titulo-serena {
    font-size: 5rem;
  }
}
@media (max-width: 1162px) {
  .__titulo-serena {
    font-size: 4.5rem;
  }
}
@media (max-width: 1061px) {
  .__titulo-serena {
    font-size: 4rem;
  }
}
@media (max-width: 961px) {
  .__titulo-serena {
    font-size: 3.5rem;
  }
}
@media (max-width: 860px) {
  .__titulo-serena {
    font-size: 3rem;
  }
}
@media (max-width: 663px) {
  .__titulo-serena {
    font-size: 2.5rem;
  }
}
@media (max-width: 568px) {
  .__titulo-serena {
    font-size: 2rem;
  }
}
@media (max-width: 464px) {
  .__titulo-serena {
    font-size: 1.8rem;
  }
}
@media (max-width: 429px) {
  .__titulo-serena {
    font-size: 1.6rem;
  }
}
@media (max-width: 393px) {
  .__titulo-serena {
    font-size: 1.4rem;
  }
}
@media (max-width: 358px) {
  .__titulo-serena {
    font-size: 1.2rem;
  }
}
@media (max-width: 323px) {
  .__titulo-serena {
    font-size: 1.1rem;
  }
}
.__titulo-nogales-proyectos {
  font-size: 5.5rem;
}
@media (max-width: 1472px) {
  .__titulo-nogales-proyectos {
    font-size: 5rem;
  }
}
@media (max-width: 1356px) {
  .__titulo-nogales-proyectos {
    font-size: 4.5rem;
  }
}
@media (max-width: 1250px) {
  .__titulo-nogales-proyectos {
    font-size: 5.5rem;
  }
}
@media (max-width: 1149px) {
  .__titulo-nogales-proyectos {
    font-size: 5rem;
  }
}
@media (max-width: 1058px) {
  .__titulo-nogales-proyectos {
    font-size: 4.5rem;
  }
}
@media (max-width: 968px) {
  .__titulo-nogales-proyectos {
    font-size: 4rem;
  }
}
@media (max-width: 877px) {
  .__titulo-nogales-proyectos {
    font-size: 3.5rem;
  }
}
@media (max-width: 787px) {
  .__titulo-nogales-proyectos {
    font-size: 3rem;
  }
}
@media (max-width: 609px) {
  .__titulo-nogales-proyectos {
    font-size: 2.5rem;
  }
}
@media (max-width: 500px) {
  .__titulo-nogales-proyectos {
    font-size: 2rem;
  }
}
@media (max-width: 427px) {
  .__titulo-nogales-proyectos {
    font-size: 1.5rem;
  }
}
@media (max-width: 348px) {
  .__titulo-nogales-proyectos {
    font-size: 1.3rem;
  }
}
@media (max-width: 317px) {
  .__titulo-nogales-proyectos {
    font-size: 1.1rem;
  }
}
.seccion-proyecto-contenedor-informacion i {
  background-color: var(--color-dorado-fuerte);
  padding: 0.5rem 0.5rem;
  border-radius: 10px;
  color: white;
  font-size: 2.5rem;
  margin-top: 0.5rem;
}

@media (max-width: 680px) {
  .seccion-proyecto-contenedor-informacion i {
    font-size: 2rem;
  }
}

@media (max-width: 585px) {
  .seccion-proyecto-contenedor-informacion i {
    font-size: 1.8rem;
  }
}

@media (max-width: 473px) {
  .seccion-proyecto-contenedor-informacion i {
    font-size: 1.5rem;
  }
}

.seccion-proyecto-contenedor-informacion_parrafo {
  font-family: var(--Afacad-Regular);
  color: var(--color-gris);
  font-size: 2rem;
  margin: 0 !important;
}

@media (max-width: 1102px) {
  .seccion-proyecto-contenedor-informacion_parrafo {
    font-size: 1.7rem;
    margin: 0.5rem 0 0 0 !important;
  }
}

@media (max-width: 585px) {
  .seccion-proyecto-contenedor-informacion_parrafo {
    font-size: 1.3rem;
  }
}

@media (max-width: 473px) {
  .seccion-proyecto-contenedor-informacion_parrafo {
    font-size: 1rem;
  }
}

@media (max-width: 376px) {
  .seccion-proyecto-contenedor-informacion_parrafo {
    width: 15rem;
  }
}

.nosotros {
  display: flex;
  gap: 2rem;
  margin-bottom: 5rem;
  overflow: hidden;
}
@media (max-width: 700px) {
  .nosotros {
    flex-direction: column;
  }
}
.__row-reverse-nosotros {
  flex-direction: row-reverse;
}
@media (max-width: 700px) {
  .__row-reverse-nosotros {
    width: 80%;
    flex-direction: column;
  }
}
.nosotros-imagen {
  width: 50%;
}
@media (max-width: 700px) {
  .nosotros-imagen {
    width: 100%;
    margin: 0 auto;
  }
}
.__imagen-alto {
  height: 35rem;
}
@media (max-width: 768px) {
  .__imagen-alto {
    height: 27rem;
  }
}
.nosotros-imagen_casa {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.nosotros-informacion {
  width: 50%;
}
@media (max-width: 700px) {
  .nosotros-informacion {
    width: 100%;
  }
}
.nosotros-informacion_texto {
  font-family: var(--Bricolage-Regular);
  color: var(--color-gris-oscuro);
  font-size: 1.2rem;
}
@media (max-width: 700px) {
  .nosotros-informacion_texto {
    text-align: center;
  }
}
.nosotros-informacion_texto span {
  font-weight: bold;
}

.contenedor-cita {
  width: 30rem;
  height: 28rem;
  float: right;
  margin-right: 7rem;
  padding: 2rem 0;
  margin-top: -10rem;
  background-image: url("assets/images/comillas.png"),
    url("assets/images/yuca.png");
  background-repeat: no-repeat;
  background-position: left 1rem, 13rem 0rem;
  background-size: 25% auto, 40% auto;
  overflow: hidden;
}
@media (max-width: 1320px) {
  .contenedor-cita {
    margin-right: 2rem;
  }
}
@media (max-width: 1150px) {
  .contenedor-cita {
    background-position: 3rem 2rem, right -1.5rem;
    background-size: 20% auto, 80% auto;
  }
}
@media (max-width: 1050px) {
  .contenedor-cita {
    width: 23rem;
    height: 28rem;
  }
}
@media (max-width: 800px) {
  .contenedor-cita {
    width: 16rem;
    background-position: 1rem 2rem, right -0.1rem;
  }
}
@media (max-width: 768px) {
  .contenedor-cita {
    width: 20rem;
    background-position: 1rem 2rem, right -0.1rem;
  }
}
@media (max-width: 700px) {
  .contenedor-cita {
    width: 70%;
    height: 28rem;
    float: inherit;
    padding: 2rem 0;
    margin: -2rem auto 0 auto;
    background-position: left 1rem, center -3.5rem;
    background-size: 25% auto, 80% auto;
  }
}
.contenedor-cita_texto {
  font-size: 2rem;
  line-height: 3rem;
  text-align: right;
}
@media (max-width: 1050px) {
  .contenedor-cita_texto {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (max-width: 800px) {
  .contenedor-cita_texto {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 768px) {
  .contenedor-cita_texto {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}
@media (max-width: 700px) {
  .contenedor-cita_texto {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.contenedor-cita_texto .bold {
  font-weight: bold;
}

.arbol {
  width: 40%;
}
@media (max-width: 768px) {
  .arbol {
    width: 50%;
  }
}
@media (max-width: 700px) {
  .arbol {
    width: 70%;
    margin: 0 auto;
  }
}
.cw-80.__margin-top {
  margin-top: -10rem !important;
}
@media (max-width: 700px) {
  .cw-80.__margin-top {
    margin-top: 0rem !important;
  }
}
.__arbol-alto {
  height: 35rem;
}
@media (max-width: 700px) {
  .__arbol-alto {
    height: 30rem;
  }
}
.arbol_imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.cuarto {
  width: 30%;
  float: right;
  margin-right: 4rem;
}
@media (max-width: 768px) {
  .cuarto {
    width: 40%;
    margin-right: 1rem;
  }
}
@media (max-width: 700px) {
  .cuarto {
    float: inherit;
    width: 70%;
    margin: 2rem auto 0 auto;
  }
}
.__cuarto-alto {
  height: 25rem;
}

.cuarto_imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.contenedor-enfoque {
  margin-top: -5rem;
}
@media (max-width: 700px) {
  .contenedor-enfoque {
    width: 80%;
    margin: 3rem auto 0 auto;
  }
}
.enfoque_numeracion {
  font-family: var(--Poppins-Medium);
  color: var(--color-dorado);
  font-size: 1rem;
  margin-bottom: 0.1rem !important;
}

.enfoque_titulo {
  font-family: var(--Bricolage-Bold);
  color: var(--color-verde);
  font-size: 6rem;
  margin-bottom: 1rem !important;
}
@media (max-width: 768px) {
  .enfoque_titulo {
    font-size: 5rem;
  }
}
.enfoque_texto {
  width: 40rem;
  font-family: var(--Poppins-Light);
  /*cambiar a regular */
  color: var(--color-gris-oscuro);
  font-size: 1.1rem;
}
@media (max-width: 700px) {
  .enfoque_texto {
    width: 100%;
  }
}
.contenedor-imagenes {
  display: flex;
  gap: 5rem;
  align-items: center;
  margin-top: 5rem;
}
@media (max-width: 700px) {
  .contenedor-imagenes {
    flex-direction: column;
    gap: 5rem;
    align-items: center;
    margin-top: 5rem;
  }
}
.imagen-uno {
  width: 40%;
  height: 30rem;
}
@media (max-width: 700px) {
  .imagen-uno {
    width: 60%;
    height: 25rem;
  }
}
.imagen-uno_imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.imagen-dos {
  width: 60%;
  height: 26rem;
}
@media (max-width: 700px) {
  .imagen-dos {
    width: 80%;
    height: 23rem;
  }
}
.imagen-dos_imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.casas-titulo {
  color: var(--color-gris-oscuro);
  font-family: var(--AfacadFlux-Bold);
  font-size: 7rem;
}

@media (max-width: 1100px) {
  .casas-titulo {
    margin-top: 3rem !important;
    font-size: 5rem;
  }
}
@media (max-width: 600px) {
  .__titulo-serena-pagina {
    font-size: 4rem;
  }
}
@media (max-width: 500px) {
  .casas-titulo {
    text-align: left !important;

    font-size: 4.5rem;
  }

  .__titulo-nogales {
    text-align: left !important;
    font-size: 4rem;
  }
  .__titulo-serena-pagina {
    font-size: 4rem;
  }
}

@media (max-width: 435px) {
  .__titulo-serena-pagina {
    font-size: 3.5rem;
  }
}

@media (max-width: 406px) {
  .casas-titulo {
    font-size: 3.6rem;
  }
  .__titulo-serena-pagina {
    font-size: 3rem;
  }
}
@media (max-width: 320px) {
  .__titulo-serena-pagina {
    font-size: 2.5rem;
  }
}
.casas-localidad {
  color: var(--color-gris);
  font-family: var(--Afacad-Regular);
  font-size: 2.5rem;
  text-align: left;
}

@media (max-width: 1100px) {
  .casas-localidad {
    font-size: 2rem;
  }
}

@media (max-width: 900px) {
  .casas-localidad {
    font-size: 1.88rem;
  }
}

@media (max-width: 500px) {
  .casas-localidad {
    width: 100%;
    margin: 0 0 5rem 0;
    font-size: 1.7rem;
  }

  .__localidad-serena,
  .__localidad-nogales {
    text-align: left !important;
  }
}

@media (max-width: 423px) {
  .__localidad-serena,
  .__localidad-nogales {
    font-size: 1.5rem !important;
    margin: 0 0 3rem 0 !important;
  }
}

@media (max-width: 406px) {
  .casas-localidad {
    width: 80%;
    font-size: 1.3rem;
  }
}

@media (max-width: 350px) {
  .casas-localidad {
    width: 90%;
    margin: 0 auto 3rem auto;
  }
}

@media (max-width: 320px) {
  .__localidad-serena {
    font-size: 1.2rem !important;
  }
}

.casas-subtitulo {
  color: var(--color-gris);
  font-family: var(--AfacadFlux-Bold);
  font-size: 2.5rem;
}

@media (max-width: 1100px) {
  .casas-subtitulo {
    font-size: 2rem;
  }
}

@media (max-width: 1100px) {
  .casas-subtitulo {
    font-size: 1.88rem;
  }
}

@media (max-width: 768px) {
  .casas-subtitulo {
    font-size: 1.7rem;
  }
}

@media (max-width: 500px) {
  .casas-subtitulo {
    font-size: 2rem;
  }
}

.casas-texto,
.casas-texto-dos,
.casas-texto-tres,
.textos-cuatro_parrafos {
  color: var(--color-gris-oscuro);
  font-family: var(--Bricolage-Regular);
  font-size: 1.3rem;
  line-height: 2.2rem;
}

@media (max-width: 1100px) {
  .casas-texto,
  .casas-texto-dos,
  .casas-texto-tres {
    font-size: 1.19rem;
  }
}

@media (max-width: 900px) {
  .casas-texto,
  .casas-texto-dos,
  .casas-texto-tres {
    font-size: 1rem;
    line-height: 1.9rem;
  }
}

@media (max-width: 500px) {
  .casas-texto,
  .casas-texto-dos,
  .casas-texto-tres {
    font-size: 1.2rem;
  }
}

.casa-serena .casas-texto-tres {
  margin-top: 5rem;
}

@media (max-width: 500px) {
  .casa-serena .casas-texto-tres {
    display: none;
  }
}

.casas-galeria {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin: 5rem auto 0 auto;
}

@media (max-width: 500px) {
  .casas-galeria {
    gap: 1rem;
  }
}

.casa-serena .casas-galeria {
  width: 100% !important;
  margin: 2rem auto 0 auto;
}

.casas-galeria_imagenUno {
  width: 40%;
  border-radius: 20px;
  object-fit: cover;
}

@media (max-width: 500px) {
  .casas-galeria_imagenUno {
    width: 50%;
  }
}

.casa-serena .casas-galeria_imagenUno {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.casa-ranchito .casas-galeria_imagenUno {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.casas-galeria_imagenDos {
  width: 40%;
  border-radius: 20px;
  object-fit: cover;
}

@media (max-width: 500px) {
  .casas-galeria_imagenDos {
    width: 50%;
  }
}

.casas-galeria-dos {
  width: 100%;
}

.casas-galeria-dos_imagen {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.casa-serena .casas-galeria-cuatro {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
}
/*
.casas-galeria-tres {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 5rem;
  margin-top: 4rem;
}
*/
.casa-ranchito .casas-galeria-tres {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 2%;
  margin-top: 4rem;
  padding: 0 1rem;
}
.casa-nogales .casas-galeria-tres {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 2%;
  margin-top: 4rem;
  padding: 0 1rem;
}
.casa-serena .casas-galeria-tres {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 2%;
  margin-top: 4rem;
  padding: 0 1rem;
}
.casa-dertha .casas-galeria-tres {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 2%;
  margin-top: 4rem;
  padding: 0 1rem;
}

.casas-galeria-tres_imagenUno,
.casas-galeria-tres_imagenDos,
.casas-galeria-tres_imagenTres,
.casas-galeria-cuatro_imagenUno {
  width: 33.33%;
  max-height: 28rem;
  height: auto;
  border-radius: 20px;
}

@media (max-width: 900px) {
  .casas-galeria-tres_imagenUno,
  .casas-galeria-tres_imagenDos,
  .casas-galeria-tres_imagenTres {
    height: 22rem;
    padding: 0rem !important;
  }
}

@media (max-width: 650px) {
  .casas-galeria-tres_imagenUno,
  .casas-galeria-tres_imagenDos,
  .casas-galeria-tres_imagenTres {
    height: 19rem;
  }
}

@media (max-width: 500px) {
  .casas-galeria-tres_imagenUno,
  .casas-galeria-tres_imagenDos,
  .casas-galeria-tres_imagenTres {
    height: 17rem;
  }

  .casa-serena .casas-galeria-tres_imagenUno,
  .casa-serena .casas-galeria-tres_imagenTres {
    width: 50%;
    height: 22rem;
  }

  .casa-serena .casas-galeria-cuatro_imagenUno {
    width: 60%;
    height: 25rem;
  }
  .cw-80.casa-dertha {
    width: 100%;
    padding: 0 1.5rem;
  }
  .casa-dertha .casas-galeria-tres {
    padding: 0;
  }
}

@media (max-width: 420px) {
  .casa-serena .casas-galeria-tres_imagenUno,
  .casa-serena .casas-galeria-tres_imagenTres {
    height: 20rem;
  }

  .casa-serena .casas-galeria-cuatro_imagenUno {
    height: 22rem;
  }
}

@media (max-width: 400px) {
  .casas-galeria-tres_imagenUno,
  .casas-galeria-tres_imagenDos,
  .casas-galeria-tres_imagenTres,
  .casas-galeria-cuatro_imagenUno {
    height: 11rem;
  }
}

@media (max-width: 420px) {
  .casa-serena .casas-galeria-tres_imagenUno,
  .casa-serena .casas-galeria-tres_imagenTres {
    height: 15rem;
  }

  .casa-serena .casas-galeria-cuatro_imagenUno {
    height: 17rem;
  }
}

@media (max-width: 320px) {
  .casas-galeria-tres_imagenUno,
  .casas-galeria-tres_imagenDos,
  .casas-galeria-tres_imagenTres,
  .casas-galeria-cuatro_imagenUno {
    height: 9rem;
  }
}

.casa-serena .casas-galeria-tres_imagenDos {
  margin-top: 10rem;
}

@media (max-width: 500px) {
  .casa-serena .casas-galeria-tres_imagenDos {
    display: none;
  }
}

.casas-galeria-nogales {
  margin-top: 10rem;
}

@media (max-width: 768px) {
  .casas-galeria-nogales {
    margin-top: 5rem;
  }
}

.casas-galeria-contenedor {
  display: flex;
  gap: 3rem;
  margin-bottom: 5rem;
  align-items: center;
}

@media (max-width: 630px) {
  .casa-nogales .casas-galeria-contenedor {
    width: 100% !important;
    flex-direction: column;
    gap: 2rem;
    margin: 0 auto 5rem auto;
  }
}

.__contenedor-reverse {
  flex-direction: row-reverse !important;
}

@media (max-width: 630px) {
  .__contenedor-reverse {
    flex-direction: column !important;
  }
}

.casas-galeria-contenedor-casa {
  width: 50%;
}

@media (max-width: 630px) {
  .casas-galeria-contenedor-casa {
    width: 100%;
  }
}

.casas-galeria-contenedor-casa_imagen {
  width: 100%;
  border-radius: 20px;
}

.casas-galeria-contenedor-info {
  width: 50%;
}

@media (max-width: 630px) {
  .casas-galeria-contenedor-info {
    width: 100%;
  }
}

.casas-galeria-contenedor-info_texto {
  color: var(--color-gris-oscuro);
  font-family: var(--Bricolage-Regular);
  font-size: 1.3rem;
  line-height: 2.2rem;
}

@media (max-width: 768px) {
  .casas-galeria-contenedor-info_texto {
    color: var(--color-gris-oscuro);
    font-family: var(--Bricolage-Regular);
    font-size: 1.1rem;
    line-height: 2.2rem;
  }
}

.casa-nogales .casas-galeria-tres {
  margin-bottom: 5rem;
}

@media (max-width: 768px) {
  .casa-nogales .casas-galeria-tres {
    gap: 1rem !important;
  }
}

.casa-nogales .casas-galeria-tres_imagenUno,
.casa-nogales .casas-galeria-tres_imagenDos {
  width: 50%;
}

.casa-nogales .casas-galeria-cuatro {
  width: 100%;
  height: 30rem;
}

.casa-nogales .casas-galeria-cuatro_imagenUno {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.contenedor-textos-cuatro {
  display: none;
}

@media (max-width: 500px) {
  .contenedor-textos-cuatro {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.carousel {
  width: 80%;
  height: 30rem;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10rem;
}
.__carousel-movil {
  display: none;
}
@media (max-width: 768px) {
  .carousel {
    display: none;
  }
  .__carousel-movil {
    display: block;
    width: 80%;
    height: 30rem;
    margin: 0 auto;
    position: relative;
    margin-bottom: 10rem;
  }
}
@media (max-width: 1300px) {
  .carousel {
    height: 25rem;
  }
}

@media (max-width: 900px) {
  .carousel {
    width: 90%;
    height: 22rem;
  }
}

@media (max-width: 500px) {
  .carousel {
    height: 16rem;
    margin-bottom: 13rem;
  }
}

.carousel .contenedor-elements {
  width: 100%;
  height: 30rem;
  overflow: hidden;
  scroll-behavior: smooth;
}

@media (max-width: 1300px) {
  .carousel .contenedor-elements {
    height: 25rem;
  }
}

@media (max-width: 900px) {
  .carousel .contenedor-elements {
    height: 22rem;
  }
}

.carousel .contenedor-item {
  width: 1500%;
  display: flex;
}
.__carousel-movil .contenedor-elements .__contenedor-item-movil {
  width: 2500%;
  display: flex;
}
.carousel .__contenedor-serena {
  width: 700% !important;
  display: flex;
}
.__carousel-movil .__contenedor-serena {
  width: 800% !important;
  display: flex;
}
.carousel .__contenedor-nogales {
  width: 600% !important;
  display: flex;
}
.__carousel-movil .__contenedor-nogales {
  width: 1200% !important;
  display: flex;
}
.carousel .__contenedor-ranchito {
  width: 1200% !important;
  display: flex;
}
.__carousel-movil .__contenedor-ranchito {
  width: 2400% !important;
  display: flex;
}
.carousel .contenedor-item .elemento-item {
  width: 100%;
  height: 30rem;
  display: flex;
  gap: 2rem;
  justify-content: space-evenly;
}
.carousel.__carousel-movil .contenedor-item-movil .elemento-item {
  width: 100%;
  height: 30rem;
  display: flex;
  gap: 2rem;
  justify-content: space-evenly;
}
@media (max-width: 1300px) {
  .carousel .contenedor-item .elemento-item {
    height: 25rem;
  }
}

@media (max-width: 900px) {
  .carousel .contenedor-item .elemento-item {
    height: 22rem;
  }
}

@media (max-width: 500px) {
  .carousel .contenedor-item .elemento-item {
    height: 15rem;
    gap: 1rem;
  }
}

@media (max-width: 375px) {
  .carousel .contenedor-item .elemento-item {
    height: 13rem;
  }
}

.carousel .contenedor-item .elemento-item img {
  width: 40%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

@media (max-width: 900px) {
  .carousel .contenedor-item .elemento-item img {
    width: 30%;
  }
}

@media (max-width: 768px) {
  .carousel .contenedor-item .elemento-item img {
    width: 40%;
  }
}

@media (max-width: 500px) {
  .carousel .contenedor-item .elemento-item img {
    width: 28%;
  }
}

@media (max-width: 375px) {
  .carousel .contenedor-item .elemento-item img {
    width: 30%;
  }
}

.carousel .contenedor-item .__item-single img {
  width: 100%;
  height: 100%;
}

.cursor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
@media (max-width: 768px) {
  .cursor {
    display: none;
  }
}
.cursor .cursor-left {
  width: 50%;
  background-color: transparent;
}

.cursor .cursor-right {
  width: 50%;
  background-color: transparent;
}

.mouse {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
  /* Centrar verticalmente */
}

@media (max-width: 1300px) {
  .mouse {
    width: 140px;
    height: 140px;
  }
}

@media (max-width: 768px) {
  .mouse {
    display: none !important;
  }
}

.mouse i {
  font-size: 2.8rem;
  color: var(--color-dorado-fuerte);
}

@media (max-width: 900px) {
  .mouse {
    width: 120px;
    height: 120px;
  }

  .mouse i {
    font-size: 2rem;
    color: var(--color-dorado-fuerte);
  }
}

.carouse-pointers {
  display: none;
}
@media (max-width: 768px) {
  .carouse-pointers {
    display: flex;
    justify-content: center;
    gap: 3rem;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translate(-50%);
  }
}
.pointer-left,
.pointer-right {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border-radius: 5px;
  background-color: var(--color-dorado-fuerte);
  color: white;
}
.pointer-left:hover,
.pointer-right:hover {
  background-color: var(--color-dorado-bold);
}
/* menu movl */
.header-contenido-movil {
  display: none;
}
.menu-principal .menu-item-43 a .dashicons-arrow-right-alt2,
.menu-principal-secundario .menu-item-43 a .dashicons-arrow-right-alt2 {
  display: none;
}
@media (max-width: 500px) {
  .header-contenido-movil {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 100;
  }
  .header-contenido-movil.active {
    overflow-y: auto;
  }
  .header-contenido-movil-logo {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem 0 1.5rem;
    background-color: transparent;
    transition: background 0.3s ease;
  }
  .header-contenido-movil-logo_logotipo {
    width: 9rem;
    position: absolute;
    opacity: 1;
    left: 1.2rem;
    top: 2.2rem;
    transition: opacity 0.3s ease;
  }
  .header-contenido-movil-logo_logotipo.active {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .header-contenido-movil-logo.active {
    background-color: #6c7062;
    transition: background 0.3s ease;
  }
  .header-contenido-movil-logo_logo {
    width: 5rem;
    height: 100%;
    transform: translateX(-120%);
    transition: transform 0.3s ease;
  }
  .header-contenido-movil-logo_logo.active {
    transform: translateX(0%);
    transition: transform 0.3s ease;
  }
  .header-contenido-movil-logo_menu {
    width: 2rem;
    height: 100%;
  }
  .header-contenido-movil-menu {
    width: 100%;
    height: 100vh;
    background-color: #6c7062;
    padding: 4rem 0;
    transform: translateX(-120%);
    transition: transform 0.3s ease;
  }
  .header-contenido-movil-menu.active {
    transition: transform 0.3s ease;
    transform: translateX(-0%);
  }
  .menu-principal-movil {
    width: 70%;
    margin-left: 1rem;
  }
  .menu-principal-movil .sub-menu li {
    padding: 1rem 0;
  }
  .menu-principal-movil .sub-menu li a {
    font-size: 1.3rem;
    padding: 1rem 0 1rem 1.5rem;
  }
  .header-contenido-movil_menuPrincipal {
    width: 100%;
    font-family: var(--Bricolage-Regular);
    font-size: 2rem;
  }
  .header-contenido-movil_menuPrincipal li {
    margin-bottom: 2rem;
    padding: 0 0 1rem 0;
    border-bottom: 2px solid white;
  }
  .header-contenido-movil_menuPrincipal li a {
    color: white;
  }
  .header-contenido-social {
    margin-left: 1rem;
    display: flex;
    gap: 2rem;
  }
  .header-contenido-movil-aviso {
    position: absolute;
    bottom: 7rem;
    left: 5%;
    font-family: var(--Bricolage-Regular);
    color: white;
    font-size: 1.3rem;
  }
  .menu-principal-movil .menu-item-43 a .dashicons-arrow-right-alt2 {
    float: right;
    margin-right: 1rem;
  }
  .dashicons-arrow-right-alt2.active {
    transform: rotate(90deg);
  }
  .header-contenido-movil_menuPrincipal .menu-item-43 .sub-menu {
    height: 0;
    overflow-y: hidden;
    transition: height 0.3s ease;
  }
  .header-contenido-movil_menuPrincipal .menu-item-43 .sub-menu.active {
    height: 100%;
    transition: height 0.3s ease;
  }
  .header-contenido-movil_menuPrincipal .menu-item-43 .sub-menu li {
    border: none;
    margin: 0;
  }
  .header-contenido-movil_menuPrincipal .menu-item-43 .sub-menu li a::after {
    content: "";
  }
}
.mySwiper .swiper-pagination-bullet-active {
  background-color: #f5b112;
}
.mySwiper .swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 25px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 25px)
  );
}