/*----------------MEDIA QUERIES---------------------*/
/* Móviles pequeños */
@media only screen and (max-width: 374px) {
    /* Estilos para dispositivos con un ancho máximo de 374px */
 }
 
 /* Móviles medianos */
 @media only screen and (min-width: 375px) and (max-width: 599px) {
    /* Estilos para dispositivos con un ancho entre 375px y 599px */


    body{
      font-size: 10px;
      /* background-color: rebeccapurple; */
    }



/*------- PRINCIPAL ----------*/
.content-central img{
    height: 200px;
    width: 400px;
}

.cta-button {
    height: 80px;
    width: calc(80%);
}
/*------- PRINCIPAL ----------*/


/*------ EMPRESA -----------------*/

.empresa-content{
    width: 90%;
    height: 100%;
    padding: 1em;
}

     #empresa p {
    font-size: 1.8em;
    padding: 0.5em;
    width: 95%;
  }
  
.parent {
  width: 90%;
  height: 70%;
  padding: 20px;
  gap: 20px; 

}

.card {
  height: 50px;
  font-size: 1.5em;
  padding: 0.5rem;
  padding-bottom: 1em;
  display: flex;
  align-items: center;
  border-radius: 1.2rem;
}

  .card-title {
    font-size: 1.5em;
    font-weight: 900;
    margin-right: 0.3em;
  }

.icon-box{
    height: 30px;
    width: 30px;
    margin-right: 1em;
}
   .icon-box img{
    height: 100%;
    width: 100%;
   }



.pie-section-empresa{
    width: 95%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


  .cta-secundaria{
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1em;
  }

    .red-link-content{ 
    height: 50%;
    width: 100%;
  }
  
  .red-link-content span{
    font-size:1.5em;
    font-weight: 900;
  }
  
  .cta-button-2{
    height: 100%;
    width: 50%;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8em;
  }
  /*------ EMPRESA -----------------*/


/*------------- DUEÑO DIRECTO ------------*/
  .title-dueno-directo{
    left: 0%;
    top: 5%;
    transform: skew(5deg, 0deg);
    transform: rotate(0deg);
}

 .info{
    height: 15%;
    width: 80%;
    position: absolute;
    top: 20%;
    right: 7%; 
}
.info span{
    text-align: center;
    font-size: 2em;
    font-weight: 800;
    line-height: 20px;
    text-align: left;
    padding: 0.5em;
}


.info:nth-of-type(2){
    top: 45%;
    right: 7%;

}

.info:nth-of-type(3){
    top: 70%;
    right: 7%;
} 

  /*------------- DUEÑO DIRECTO ------------*/


/*--------- PROPIETARIOS INQUILINOS -------*/
#propietarios_inquilinos {
    height: 220vh;
    display: flex;
    justify-content:center;
    flex-direction: column;
    align-items: center;
  }
.bgblue-p, .propietarios,.bgblue-i,.card-p-i, .inquilinos,.inquilinos-contenido{
  width: 90%;
}

.propietarios{
    height: 120vh;
    display: flex;
    flex-direction: column;
    justify-content:flex-end;
    gap:0px;
}

.propietarios p{
  height: 100px;
  padding: 0.5em;
}
.title-propietarios{
  bottom: 0px;
}
.propietarios-contenido h2{
  font-size: 3.5em;
  text-align:center;
  margin-right: 0.5em;
}

.bgblue-p{
  top:120px;
  height: 120vh;
  position: relative;
  top:1%;
  display: flex;
  justify-content:center;
  padding: 1px;
}

.inquilinos{
  height: 100vh;
  top: 15px;
}

.bgblue-i{
  bottom:50px;
  height: 120vh;
}

.cta-button-3{
  width: 80%;
  margin-bottom: 1.2em;
}

#propietarios_inquilinos .bgblue-p .p-i-contenido-inter {
  padding-top: 5em;
}

#propietarios_inquilinos .bgblue-i .p-i-contenido-inter {
  padding-top: 10em;
  height: 120vh;
  bottom: 0%;
}

  /*--------- PROPIETARIOS INQUILINOS -------*/


/*-------- INMOBILIARIAS ----------*/

.capa-wrapper {
  height: 10%;
  width: 100%;
  transform: skewX(0deg);
  top: 0px;
  left: 0px;
}

.capa {

  transform: rotate(90deg);
}

.capa-1 {
  background: linear-gradient(135deg, #e2e6ec 0%, #bec4cf 40%, #9aa1b0 100%);
  transform: rotate(0deg);
  top: 20%;
}

.capa-2 {
  background: linear-gradient(135deg,#a8e063 0%,  #56ab2f  43%,  #28a745 100%);
  transform: rotate(0deg);
  top: 10%;
}

.capa-3 {
  background: linear-gradient(135deg, #007bff 0%, #4179d5 43%, #163D82 100%);
  transform: rotate(0deg);
}

.capa-1 span {
  width: 80%;
  height: 50%;
  font-size: 1.5em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-2 span {
  width: 80%;
  height: 50%;
  font-size: 1.5em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-3 span {
  width: 80%;
  height: 50%;
  font-size: 1.5em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
} 

.title-content{
    height: 55%;
    width: 70%;
    top: 35%;
    left: 15%;
    gap: 1em;
    padding: 0px;
}

.cta-button-4 {
        height: 100px;
        width: 80%;
        font-size: 2em;
        font-weight: 900;
        position: absolute;
        bottom: 10%;
    }

.title-content p:nth-of-type(1){
position: absolute;
top: 5%;
margin-bottom: 20em;
font-size: 3.5em;
padding: 0.5em;

}

.title-content p:nth-of-type(2){
    position: absolute;
    font-size: 2em;
    top: 55%;
    margin-bottom: 20em;
}
/*-------- INMOBILIARIAS ----------*/


/*--------- CONTACTO -------*/


.contacto-content{
  width: 90%;
  height: 100wh;
}

.contacto-content-inter{
   width: 100%; 
  padding: 0%;
  left: 5%;
}

.contacto-content-inter h1{
  font-size: 5.5em;
}

.cta-button-5{
  width: 70%;
}
/*--------- CONTACTO -------*/

/*--------- FOOTER -------*/
footer{
    height: 20vh;
    flex-direction: column;
} 
/*--------- FOOTER -------*/


 }
 
/* Modo horizontal (landscape) */
@media only screen and (max-height: 599px) and (orientation: landscape) {

  /*----------- PRINCIPAL ------------*/
body{
  font-size: 0.5em;
}

.content-central img{
    height: 150px;
    width: 300px;
    top: 5%;
}

.content-central h1{
  position: relative;
    top: -15%;
}

.cta-button{
    position: absolute;
    width: 40%;
    bottom: 5%;
}
/*----------- PRINCIPAL ------------*/

/*----------- EMPRESA ------------*/
#empresa {
    height: 200vh;
}
.parent {
  width: 95%;
}

.pie-section-empresa{
    width: 90%;
    height: 180px;
    padding: 4em;

}

  .red-link-content span{
    font-size: 2.5em;
    width: 100%;
  }

/*----------- EMPRESA ------------*/

/*----------- DUENO DIRECTO ------------*/

#dueno_directo{
    height: 150vh;
}
.title-dueno-directo h2{
    padding-left: 25%;
 } 
.info span{
line-height: 30px;
}

/*----------- DUENO DIRECTO ------------*/

/*----------- PROPIETARIOS INQUILINOS ------------*/

#propietarios_inquilinos {
    height: 280vh;
  }
.bgblue-p{
  top:-10px;
  height: 250vh;
  width: 40vw;
}

  .propietarios {
    width: 95%;
  }

.card-p-i{
  height: 250vh;
}

.p-i-contenido-inter p{
  font-size: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
   .title-propietarios{
    height: 5%;
}

.title-propietarios h2{
  font-size: 2.5em;
  line-height: 40px;
  
}

.bgblue-i{
  bottom:-20%;
  height: 250vh;
  width: 40vw;
}
  .inquilinos {
    width: 95%;
    height: 107%;
  }

  .title-inquilinos{
    height: 5%;
}

.title-inquilinos h2{
  font-size: 2.5em;
  line-height: 40px;
  
}

.cta-button-3{
  width: 70%;
}
/*----------- PROPIETARIOS INQUILINOS ------------*/

/*----------- INMOBILIARIAS ------------*/

#inmobiliarias{
  height: 180vh;
}
.capa-wrapper {
  height: 10%;
  width: 100%;
  transform: skewX(0deg);
  top: 0px;
  left: 0px;
}

.capa {
  transform: rotate(90deg);
}

.capa-1 {
  background: linear-gradient(135deg, #e2e6ec 0%, #bec4cf 40%, #9aa1b0 100%);
  transform: rotate(0deg);
  top: 20%;
}

.capa-2 {
  background: linear-gradient(135deg,#a8e063 0%,  #56ab2f  43%,  #28a745 100%);
  transform: rotate(0deg);
  top: 10%;
}

.capa-3 {
  background: linear-gradient(135deg, #007bff 0%, #4179d5 43%, #163D82 100%);
  transform: rotate(0deg);
}

.capa-1 span {
  width: 80%;
  height: 50%;
  font-size: 2em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-2 span {
  width: 80%;
  height: 50%;
  font-size: 2em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-3 span {
  width: 80%;
  height: 50%;
  font-size: 2em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
} 

.title-content{
    height: 55%;
    width: 70%;
    top: 35%;
    left: 15%;
    gap: 1em;
    padding: 0px;
}

.cta-button-4 {
        height: 100px;
        width: 80%;
        font-size: 2.5em;
        font-weight: 900;
        position: absolute;
        bottom: 10%;
    }

.title-content p:nth-of-type(1){
position: absolute;
top: 5%;
margin-bottom: 20em;
font-size: 3.5em;
padding: 0.5em;

}

.title-content p:nth-of-type(2){
    position: absolute;
    font-size: 3em;
    top: 40%;
    margin-bottom: 20em;
}

/*----------- INMOBILIARIAS ------------*/


/*----------- CONTACTO ------------*/
#contacto{
  height: 150vh;
}

    #contacto video {
        height: 100%; 
        width: 100%; 
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover; 
        z-index: -1; 
    }

.contacto-content{
  width: 90%;
  height: 100%;

}

.contacto-content-inter{
   width: 100%; 
   height: 1005;
  padding: 0%;
  left: 5%;
}

.contacto-content-inter h1{
  font-size: 6em;
  top: 10px;
  position: absolute;
}

.cta-button-5{
  width: 40%;
  height: 25%;
  font-size: 3em;
  position: absolute;
  bottom: 5%;
  font-size: 3.5em;
}
/*----------- CONTACTO ------------*/

}


 /* Tabletas */
 @media only screen and (min-width: 600px) and (max-width: 899px) {
    /* Estilos para dispositivos con un ancho entre 600px y 899px */

 }
 
 /* Laptops y escritorios pequeños */
 @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    /* Estilos para dispositivos con un ancho entre 1025px y 1280px */

 }
 
 /* Escritorios grandes */
 @media only screen and (min-width: 1281px) {
    /* Estilos para dispositivos con un ancho superior a 1281px */
    body{
        font-size: 0.7em;
    }
 }
 /*----------------MEDIA QUERIES---------------------*/