*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
  list-style: none;
  text-decoration: none;
}
html{
  scroll-behavior: smooth;
}
:root {
  --primary: #ec994b;
  --white: #ffffff;
  --bg: #f5f5f5;
  --magenta: #BF0625;
  --rosa: #e4007c;
  --cyan: #00a5bb;
  --azul: #114eab;
  --oscuro: #2a2a4e;
  --gris:  #212121;
  --negro: #1c1c1c;
  --blanco: #f0f0f0;
}
/*

NAVEGADOR

*/
header{
  background-color: #1d1d1d;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 4rem;
  font-family: "Noto Sans";
  position: fixed;
  top: 0;
  z-index:100;
}
header .nav{
  width: auto;
  /*height: 5rem;*/
  display: flex;
  align-items: center;
  justify-content: end;
}
header ul{
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
}
header a{
  list-style-type: none;
  list-style: none;
  text-decoration: none;
  color: var(--blanco);
}
header li{
  color: whitesmoke;
  height: 5rem;
  width: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
header li:hover{
  background-color: var(--rosa);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
header #logo-nav-pc{
  margin-top: .5rem;
  width: 5rem;
  height: 5rem;
  background-image: url("img/nav/logo-black-background.png");
  background-size: cover;
  background-position: center center;
}
header #abrir-menu,
header #cerrar-menu,
header #logo-nav-cel,
header #icon-contact,
header .logo-cel{
  display: none;
}
@media screen and (max-width: 820px){
  header #abrir-menu{
    display: block;
    border: none;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url("img/nav/menu-icon.png");
    background-color: #1d1d1d ;
    background-size: cover;
    background-position: center center;
  }
  header #logo-nav-pc,
  header .logo-pc{
    display: none;
  }
  header .logo-cel{
    display: block;
    text-decoration: none;
  }
  header #logo-nav-cel{
    display: block;
    margin-top: .5rem;
    width: 5rem;
    height: 5rem;
    background-image: url("img/nav/logo-black-background.png");
    background-size: cover;
    background-position: center center;
  }
  header #icon-contact{
    display: block;
    width: 3rem;
    height: 3rem;
    background-image: url("img/nav/telefono-icon.png");
    background-color: #1d1d1d ;
    background-size: cover;
    background-position: center center;
  }
  header .nav{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.7);
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
  }
  header .visible{
    opacity: 1;
    visibility: visible;
    z-index: 10;
    transition: all .3s ease-in-out;
    /*height: 100vh;
    width: 100vw;
    z-index: 10;
    transition: all .3s ease-in-out;*/
  }
  header .novisible{
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all .3s ease-in-out;
  }
  header ul{
    flex-direction: column;
    align-items: flex-start;
    background-color:#1d1d1d;
  }
  header #orientador{
    height: 2.7rem;
    width: 7.5rem;
    display: flex;
    justify-content: end;
    background-color: #1d1d1d;
  }
  header #cerrar-menu{
  display: block;
    margin-top: .5rem;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("img/nav/x-icon.png");
    background-color: #1d1d1d ;
    background-size: cover;
    background-position: center center;
    border: none;
}
}
@media screen and (max-width: 420px){
  header{
    padding: 0 2rem;
  }
  header #abrir-menu{
    display: block;
    border: none;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("img/nav/menu-icon.png");
    background-color: #1d1d1d ;
    background-size: cover;
    background-position: center center;
  }
  header #icon-contact{
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("img/nav/telefono-icon.png");
  }
  header #logo-nav-cel{
    height: 4.5rem;
    width: 4.5rem;
  }
}
@media screen and (max-width: 500px){
  header{
    padding: 0 1rem;
  }}

  /*body*/
body{
  font-family: "Noto Sans", sans-serif;
  list-style-type: none;
  list-style: none;
  text-decoration: none;
}
  /*

  MAIN

  */
#MAIN{
  scroll-margin-top: 4rem;
  margin-top: 4rem;
  display: flex;
  justify-content: space-between;
  height: 92vh;
  background: linear-gradient(-74deg,var(--rosa) 0,var(--rosa) 52%,var(--blanco) 0,var(--blanco) 48%);
}
#MAIN #presentacion{
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;
  width: 46vw;
  gap: 1rem 0;
}
#MAIN #hero-logo{
  width: 20rem;
  height: 15rem;
  background-image: url("img/logos/logo-hero.png");
  background-size: cover;
  background-position: center center;
}
#MAIN #edificio-hero{
  display: flex;
  justify-content: end;
  align-items: end;
}
#MAIN #img-hero{
  width: 44rem;
  height: 38rem;
  background-image: url("img/img-fond/hero.png");
  background-size: cover;
  background-position: center center;
}
/*

NOSOTROS

*/
#NOSOTROS{
  scroll-margin-top: 4rem;
  height: 90vh;
  display: flex;
}
#NOSOTROS #img-Estandarte{
  width: 35vw;
  height: 92vh;
  background-image: linear-gradient(
    0deg,
    rgba(0,0,0,0.5),
    rgba(0,0,0,0.5)
  ),url("img/img-fond/fondo-estandarte.jpg");
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#NOSOTROS h2{
  color: var(--white);
  font-size: 3rem;
  display: flex;
  justify-content:center;
}
#NOSOTROS #img-fondo-nosotros{
  height: 92vh;
  width: 65vw;
  background-image: url("img/img-fond/fondo-nosotros-op2.jpg");
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
#NOSOTROS article{
  width: 45vw;
  height: 39vh;
  background-color: rgba(42,42,78,.9);
  color: var(--blanco);
  border-radius: 15px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  font-size: .9rem;
}
#NOSOTROS #why{
  font-size: 1rem;
}
/*#NOSOTROS #why-cel{
  display: none;
}*/
#NOSOTROS #nos-sep{
  padding-top: 0;
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
}
/*


PROPIEDADES

*/
#PROPIEDADES{
  padding-top: .8rem;
	width: 99vw;
  height: auto;
	display: flex;
  flex-direction: column;
  align-items: center;
}
#PROPIEDADES #hero-propiedades{
  font-size: 10rem;
  width: 100%;
  display: flex;
  justify-content: center;
  color: var(--gris);
  /*background-color: rgba(255, 255, 255, .2);
  backdrop-filter: blur(10px);*/
  
}
#PROPIEDADES a{
  position: relative;
   z-index: 50;
}
#PROPIEDADES .container-flex{
  padding: 2rem 0;
	width: 100%;
  height: auto;
	display: flex;
  gap: 3rem 3rem;
  flex-wrap: wrap;
  justify-content: center;
}
#PROPIEDADES .card{
  width: 19rem;
  height:21rem;
  background-color: #e4007c;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 4px 4px 15px -5px var(--rosa);
  }
#PROPIEDADES .container-slide {
  width: 100%;
  height: 65%;
}

#PROPIEDADES .swiper {
  width: 100%;
  height: 100%;
}
#PROPIEDADES .swiper-wrapper{
  width: 100%;
  height: 100%;
}

#PROPIEDADES .bottom-card{
  width: 100%;
  height: 35%;
  background-color: var(--gris);
  padding-left: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#PROPIEDADES h2,
#PROPIEDADES h3,
#PROPIEDADES h4,
#PROPIEDADES h5{
  color: var(--blanco);
  font-family: "Noto Sans";
}
#PROPIEDADES h2{
  font-size: 1.29rem;
}
#PROPIEDADES h3{
  color: var(--rosa);
  font-size: 1.3rem;
}

#PROPIEDADES .progress-pagination {
	z-index: 10;
  --swiper-pagination-color: var(--rosa);
  --swiper-pagination-progressbar-bg-color: var(--gris);
}
#PROPIEDADES .swiper-button-next,
#PROPIEDADES .swiper-button-prev {
  --swiper-navigation-color: var(--rosa);
}
#PROPIEDADES #glass{
  background-color:  rgba(0, 0, 0, 0);
  border: var(--negro) 6px solid;
  box-shadow: 5px 5px 15px var(--gris);
}
#PROPIEDADES #easy-broker{
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .2);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
#PROPIEDADES #boton-enlace{
  width: 5rem;
  height: 5rem;
  background-image: url("img/iconos/mas.png");
  background-size: cover;
  background-position: center center;
}

/*#PROPIEDADES .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/

#PROPIEDADES .swiper-slide{
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}
#PROPIEDADES #a1{
  background-image: url("https://assets.easybroker.com/property_images/5446645/94294141/EB-TX6645.jpg?version=1755071590&rasterize=true");
  
}
#PROPIEDADES #a2{
  background-image: url("https://assets.easybroker.com/property_images/5446645/94294136/EB-TX6645.jpg?version=1755071590&rasterize=true");
}
#PROPIEDADES #a3{
  background-image: url("https://assets.easybroker.com/property_images/5446645/94294137/EB-TX6645.jpg?version=1755071590&rasterize=true");
}
#PROPIEDADES #a4{
  background-image: url("https://assets.easybroker.com/property_images/5446645/94294135/EB-TX6645.jpg?version=1755071590&rasterize=true");
}
#PROPIEDADES #a5{
  background-image: url("https://assets.easybroker.com/property_images/5446645/94294138/EB-TX6645.jpg?version=1755071590&rasterize=true");
}
#PROPIEDADES #a6{
  background-image: url("https://assets.easybroker.com/property_images/5446645/94294139/EB-TX6645.jpg?version=1755071590&rasterize=true");
}
#PROPIEDADES #a7{
  background-image: url("https://assets.easybroker.com/property_images/5446645/94294140/EB-TX6645.jpg?version=1755071590&rasterize=true");
}
/*
Segunda carta
*/
#PROPIEDADES #b1{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266368/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
#PROPIEDADES #b2{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266303/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
#PROPIEDADES #b3{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266369/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
#PROPIEDADES #b4{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266301/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
#PROPIEDADES #b5{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266302/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
#PROPIEDADES #b6{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266370/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
#PROPIEDADES #b7{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266372/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
#PROPIEDADES #b8{
  background-image: url("https://assets.easybroker.com/property_images/5445272/94266371/EB-TX5272.jpeg?version=1755029069&rasterize=true");
}
/*
Tercera carta
*/
#PROPIEDADES #c1{
  background-image: url("https://assets.easybroker.com/property_images/5438921/94141398/EB-TW8921.jpeg?version=1754707977&rasterize=true");
}
#PROPIEDADES #c2{
  background-image: url("https://assets.easybroker.com/property_images/5438921/94141399/EB-TW8921.jpeg?version=1754707977&rasterize=true");
}
#PROPIEDADES #c3{
  background-image: url("https://assets.easybroker.com/property_images/5438921/94141400/EB-TW8921.jpeg?version=1754707977&rasterize=true");
}
#PROPIEDADES #c4{
  background-image: url("https://assets.easybroker.com/property_images/5438921/94141401/EB-TW8921.jpeg?version=1754707979&rasterize=true");
}
#PROPIEDADES #c5{
  background-image: url("https://assets.easybroker.com/property_images/5438921/94141402/EB-TW8921.jpeg?version=1754707979&rasterize=true");
}
/*
4a
*/
#PROPIEDADES #d1{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635830/EB-PS5837.jpg?version=1710271612&rasterize=true");
}
#PROPIEDADES #d2{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635823/EB-PS5837.jpg?version=1710271607&rasterize=true");
}
#PROPIEDADES #d3{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635947/EB-PS5837.jpg?version=1710271697&rasterize=true");
}
#PROPIEDADES #d4{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635948/EB-PS5837.jpg?version=1710271697&rasterize=true");
}
#PROPIEDADES #d5{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635946/EB-PS5837.jpg?version=1710271697&rasterize=true");
}
#PROPIEDADES #d6{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635949/EB-PS5837.jpg?version=1710271698&rasterize=true");
}
#PROPIEDADES #d7{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635951/EB-PS5837.jpg?version=1710271698&rasterize=true");
}
#PROPIEDADES #d8{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635952/EB-PS5837.jpg?version=1710271698&rasterize=true");
}
#PROPIEDADES #d9{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635954/EB-PS5837.jpg?version=1710271699&rasterize=true");
}
#PROPIEDADES #d10{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635953/EB-PS5837.jpg?version=1710271699&rasterize=true");
}
#PROPIEDADES #d11{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635955/EB-PS5837.jpg?version=1710271700&rasterize=true");
}
#PROPIEDADES #d12{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635959/EB-PS5837.jpg?version=1710271701&rasterize=true");
}
#PROPIEDADES #d13{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635960/EB-PS5837.jpg?version=1710271701&rasterize=true");
}
#PROPIEDADES #d14{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635961/EB-PS5837.jpg?version=1710271701&rasterize=true");
}
#PROPIEDADES #d15{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635964/EB-PS5837.jpg?version=1710271702&rasterize=true");
}
#PROPIEDADES #d16{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635965/EB-PS5837.jpg?version=1710271703&rasterize=true");
}
#PROPIEDADES #d17{
  background-image: url("https://assets.easybroker.com/property_images/4355837/72635966/EB-PS5837.jpg?version=1710271703&rasterize=true");
}
/*
5 carta
*/
#PROPIEDADES #e1{
  background-image: url("https://assets.easybroker.com/property_images/5378309/92996141/EB-TQ8309.jpeg?version=1752524272&rasterize=true");
}
#PROPIEDADES #e2{
  background-image: url("https://assets.easybroker.com/property_images/5378309/92996142/EB-TQ8309.jpeg?version=1752524272&rasterize=true");
}
#PROPIEDADES #e3{
  background-image: url("https://assets.easybroker.com/property_images/5378309/92996188/EB-TQ8309.jpeg?version=1752524272&rasterize=true");
}
#PROPIEDADES #e4{
  background-image: url("https://assets.easybroker.com/property_images/5378309/92996189/EB-TQ8309.jpeg?version=1752524272&rasterize=true");
}
/*
6a
*/
#PROPIEDADES #f1{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987602/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f2{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987605/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f3{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987594/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f4{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987589/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f5{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987590/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f6{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987592/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f7{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987597/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f8{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987598/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f9{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987600/EB-MR4512.JPG?version=1752456525&rasterize=true");
}
#PROPIEDADES #f10{
  background-image: url("https://assets.easybroker.com/property_images/3564512/57987766/EB-MR4512.jpg?version=1752456525&rasterize=true");
}
/*
7a
*/
#PROPIEDADES #g1{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806900/EB-TL1325.png?version=1750281142&rasterize=true");
}
#PROPIEDADES #g2{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806902/EB-TL1325.png?version=1750281142&rasterize=true");
}
#PROPIEDADES #g3{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806909/EB-TL1325.jpeg?version=1750281149&rasterize=true");
}
#PROPIEDADES #g4{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806914/EB-TL1325.jpeg?version=1750281160&rasterize=true");
}
#PROPIEDADES #g5{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806914/EB-TL1325.jpeg?version=1750281160&rasterize=true");
}
#PROPIEDADES #g6{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806914/EB-TL1325.jpeg?version=1750281160&rasterize=true");
}
#PROPIEDADES #g7{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806973/EB-TL1325.jpeg?version=1750281214&rasterize=true");
}
#PROPIEDADES #g8{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806979/EB-TL1325.jpeg?version=1750281238&rasterize=true");
}
#PROPIEDADES #g9{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806980/EB-TL1325.jpeg?version=1750281245&rasterize=true");
}
#PROPIEDADES #g10{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806984/EB-TL1325.jpeg?version=1750281254&rasterize=true");
}
#PROPIEDADES #g11{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806985/EB-TL1325.jpeg?version=1750281254&rasterize=true");
}
#PROPIEDADES #g12{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806993/EB-TL1325.jpeg?version=1750281261&rasterize=true");
}
#PROPIEDADES #g13{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91806996/EB-TL1325.jpeg?version=1750281262&rasterize=true");
}
#PROPIEDADES #g14{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91807010/EB-TL1325.jpeg?version=1750281266&rasterize=true");
}
#PROPIEDADES #g15{
  background-image: url("https://assets.easybroker.com/property_images/5321325/91807015/EB-TL1325.jpeg?version=1750281267&rasterize=true");
}
/*
8a
*/
#PROPIEDADES #h1{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802007/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h2{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802029/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h3{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802033/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h4{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802370/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h5{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802031/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h6{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802069/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h7{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802040/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h8{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802233/EB-TL1023.png?version=1750276918&rasterize=true");
}
#PROPIEDADES #h9{
  background-image: url("https://assets.easybroker.com/property_images/5321023/91802234/EB-TL1023.png?version=1750276918&rasterize=true");
}
/*
9a
*/
#PROPIEDADES #i1{
  background-image: url("https://assets.easybroker.com/property_images/5319728/91774635/EB-TK9728.jpeg?version=1750220643&rasterize=true");
}
#PROPIEDADES #i2{
  background-image: url("https://assets.easybroker.com/property_images/5319728/91774636/EB-TK9728.jpeg?version=1750220643&rasterize=true");
}
#PROPIEDADES #i3{
  background-image: url("https://assets.easybroker.com/property_images/5319728/91774637/EB-TK9728.jpeg?version=1750220643&rasterize=true");
}
#PROPIEDADES #i4{
  background-image: url("https://assets.easybroker.com/property_images/5319728/91774639/EB-TK9728.jpeg?version=1750220643&rasterize=true");
}
#PROPIEDADES #i5{
  background-image: url("https://assets.easybroker.com/property_images/5319728/91774640/EB-TK9728.jpeg?version=1750220643&rasterize=true");
}
#PROPIEDADES #i6{
  background-image: url("https://assets.easybroker.com/property_images/5319728/91774642/EB-TK9728.jpeg?version=1750220644&rasterize=true");
}
/*
10a
*/
#PROPIEDADES #j1{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921058/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j2{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921056/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j3{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921065/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j4{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921059/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j5{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921061/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j6{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921066/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j7{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921069/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j8{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921070/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j9{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921071/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j10{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921072/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j11{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921074/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j12{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921075/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j13{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921076/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j14{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921077/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j15{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921079/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j16{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921080/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j17{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921081/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j18{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921083/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j19{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921084/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j20{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921086/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j21{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921087/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j22{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921088/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j23{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921088/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j24{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921090/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j25{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921091/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j26{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921092/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
#PROPIEDADES #j27{
  background-image: url("https://assets.easybroker.com/property_images/5319607/93921092/EB-TK9607.jpg?version=1754360189&rasterize=true");
}
/*
11a
*/
#PROPIEDADES #k1{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889613/EB-QT5606.jpeg?version=1721698193&rasterize=true");
}
#PROPIEDADES #k2{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889593/EB-QT5606.jpeg?version=1721698158&rasterize=true");
}
#PROPIEDADES #k3{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889590/EB-QT5606.jpeg?version=1721698155&rasterize=true");
}
#PROPIEDADES #k4{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889590/EB-QT5606.jpeg?version=1721698155&rasterize=true");
}
#PROPIEDADES #k5{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889610/EB-QT5606.jpeg?version=1721698190&rasterize=true");
}
#PROPIEDADES #k6{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889588/EB-QT5606.jpeg?version=1721698155&rasterize=true");
}
#PROPIEDADES #k7{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889646/EB-QT5606.jpeg?version=1721698359&rasterize=true");
}
#PROPIEDADES #k8{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889644/EB-QT5606.jpeg?version=1721698358&rasterize=true");
}
#PROPIEDADES #k9{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889645/EB-QT5606.jpeg?version=1721698358&rasterize=true");
}
#PROPIEDADES #k10{
  background-image: url("https://assets.easybroker.com/property_images/4625606/77889647/EB-QT5606.jpeg?version=1721698359&rasterize=true");
}
/*
12a
*/
#PROPIEDADES #l1{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526962/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l2{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526958/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l3{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526956/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l4{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526953/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l5{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526953/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l6{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526953/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l7{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526955/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l8{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526965/EB-SF4012.jpeg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l9{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526959/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l10{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526960/EB-SF4012.jpg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l11{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526966/EB-SF4012.jpeg?version=1738515490&rasterize=true");
}
#PROPIEDADES #l12{
  background-image: url("https://assets.easybroker.com/property_images/5004012/85526964/EB-SF4012.jpeg?version=1738515490&rasterize=true");
}
/*Responsive*/
@media (max-width: 1000px){
  #PROPIEDADES #hero-propiedades{
    font-size: 9rem;
  }
}
@media (max-width: 895px) {
  #PROPIEDADES #hero-propiedades{
    font-size: 8rem;
  }
}

@media (max-width: 785px) {
  #PROPIEDADES #hero-propiedades{
    font-size: 7rem;
  }
}
@media (max-width: 700px) {
  #PROPIEDADES #hero-propiedades{
    font-size: 3.7rem;
  }
}

@media (max-width: 340px){
  #PROPIEDADES #hero-propiedades{
    font-size: 3rem;
  }
}
/*


PROPERY MANAGMENT

*/
/*#fondo-partido{
  background: linear-gradient(80deg,var(--rosa) 0,var(--rosa) 60%,var(--blanco) 0,var(--blanco) 48%);
}*/
#PRO-MA{
  scroll-margin-top: 4rem;
  height: 92vh;
  margin-top: .8rem;
  display: flex; 
  justify-content: center;
  align-items: center;
  /*background: linear-gradient(76deg,var(--rosa) 0,var(--rosa) 40.1%,var(--blanco) 0,var(--blanco) 48%);*/
}
#PRO-MA #img-fondo-proma-cel{
  display: none;
}
#PRO-MA article{
  height: 80vh;
  width: 70vw;
  display: flex;
  border-bottom-left-radius: 120px;
  border-top-right-radius: 120px; 
  overflow: hidden;
}
#PRO-MA #img-fondo-proma-pc{
  width: 35vw;
  height: 80vh;
  background-image: 
  linear-gradient(
    0deg,
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.6)
  ),url("img/img-fond/fondo-proma-pc.jpg");
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  color: var(--white);
  font-size: 1.4rem;
  padding: 1rem;
}
#PRO-MA #img-fondo-proma-pc p{
  text-align: justify;
}
#PRO-MA #img-fondo-proma-pc button{
  width: 8rem;
  height: 2.5rem;
  background-color: var(--rosa);
  color: var(--blanco);
  border: none;
  border-radius: 12px;
  font-size: 1.2rem;
}
#PRO-MA #agrupacion{
  display: flex;
  flex-direction: column;
  width: 35vw;
  height: 80vh;
  align-items: center;
}
#PRO-MA #property,
#PRO-MA #managment{
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#PRO-MA #property{
  background-color: var(--azul);
}
#PRO-MA #managment{
  background-color: var(--oscuro);
}
#PRO-MA h3{
  color: var(--blanco);
  font-size: 4rem;
}
/*

CARRUSEL

*/
@media (min-width: 1440px) {
  #seguro-vida {
    zoom: 1;
  }
}

@media (min-width: 2560px) {
  #seguro-vida {
    zoom: 1.1;
  }
}

@media (min-width: 3860px) {
  #seguro-vida {
    zoom: 1.2;
  }
}

::-webkit-scrollbar {
  width: .6rem;
}

::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background: var(--white);
  transition: all 0.5s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--rosa);
}

::-webkit-scrollbar-track {
  background: var(--gris);
}
.container {
  max-width: 64rem;
  padding: 0 1rem;
  margin: 0 auto;
}
/*



<---Sección--->



*/
/*#seguro-vida {
  background: linear-gradient(76deg,var(--rosa) 0,var(--rosa) 52%,var(--blanco) 0,var(--blanco) 48%);
}*/
#leenos{
  scroll-margin-top: 4rem;
  display: flex;
  justify-content: start;
  align-items: center;
  background-color: rgba(255, 255, 255, 0);
  margin-top: .5rem;
  }
#leenos h2{
  display: flex;
  align-items: center;
  padding-left: 3rem;
  font-size: 3rem;
  background-color: var(--negro);
  color: var(--blanco);
  height: 6rem;
  width: 80rem;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
#leenos h3{
  display: none;
}
#BLOG {
  padding: 2rem 0;
  font-family:"Noto Sans";
  scroll-behavior: smooth;
  background-color: rgba(255, 255, 255, 0);
  height: 42rem;
}
@media (max-width:1440px) {
  #BLOG {
    padding-top: 1rem;
  }
}

#BLOG .BLOG-slider {
  height: 42rem;
  padding: 2rem 0;
  position: relative;
}

@media (max-width:670px) {
  #BLOG .BLOG-slider {
    height: 35rem;
  }
}

@media (max-width:670px) {
  .BLOG-slide {
    width: 18rem !important;
    height: 25rem !important;
  }
  .BLOG-slide .BLOG-img {
    width: 18rem !important;
    height: 16rem !important;
  }
  .BLOG-slide h3{
    font-size: 1.4rem !important;
  }
  .BLOG-slide-bottom{
    width: 18rem !important;
    height: 11rem !important;
  }
  .BLOG-slide .BLOG-slide-bottom p, #BLOG-fecha{
    font-size: .85rem !important;
  }
  .BLOG-slide .BLOG-slide-article{
  padding-left: .1rem !important;
  }
}
@media (max-width:315px) {
  .BLOG-slide {
    width: 16rem !important;
    height: 25rem !important;
  }
  .BLOG-slide .BLOG-img {
    width: 16rem !important;
    height: 16rem !important;
  }
  .BLOG-slide h3{
    font-size: 1.4rem !important;
  }
  .BLOG-slide-bottom{
    width: 16rem !important;
    height: 11rem !important;
  }
    .BLOG-slide .BLOG-slide-bottom p, #BLOG-fecha{
    font-size: .8rem !important;
  }
}
/*<---Contenido de slide--->*/
.BLOG-slide, .BLOG-slide-content {
  width: 25rem;
  height: 32rem;
  position: relative;
  border-radius: 1.2rem;
}
.BLOG-slide .BLOG-img {
  background-size: cover;
  background-position: center center;
  height: 23rem;
  width: 25rem;
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}
#BLOG-img-1 {
  background-image: url("img/carrusel/mantenimiento.jpg");
}
#BLOG-img-2 {
  background-image: url("img/carrusel/cartel.jpg");
}
#BLOG-img-3 {
  background-image: url("img/carrusel/remate.jpg");
}
.BLOG-slide h3{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 1rem;
  padding-top: 1rem;
  color: white;
  font-size: 2rem;
  background-color: #1c1c1ce5;
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}
.BLOG-slide .BLOG-slide-bottom{
  /*background-color: whitesmoke;*/
  height: 9rem;
  width: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-left: 1rem;
  padding-right: .5rem;
  background-color: var(--negro);
  color: var(--blanco);
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
}
.BLOG-slide .BLOG-slide-bottom p{
  font-size: .9rem;
}
.BLOG-slide .BLOG-slide-article{
  display: flex;
  justify-content:flex-start;
  padding-left: .35rem
}
.BLOG-slide .BLOG-img-blogger{
  background-image:url("img/carrusel/liliana.jpg");
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
}
.BLOG-slide .BLOG-slide-blogger{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-left: .6rem;
}
.BLOG-slide h4{
  font-size: .75rem;
}
#BLOG-fecha{
  font-size: .75rem;
}
/*

FIN DE CONTENIDO INTERNO DEL SLIDE

*/
/*<---Flujo y barra--->*/
.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  display: none;
}

.tranding-slider-control {
  position: relative;
  bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tranding-slider-control .swiper-button-next {
  left: 58% !important;
  transform: translateX(-58%) !important;
}

@media (max-width:990px) {
  .tranding-slider-control .swiper-button-next {
    left: 70% !important;
    transform: translateX(-70%) !important;
  }
}

@media (max-width:450px) {
  .tranding-slider-control .swiper-button-next {
    left: 80% !important;
    transform: translateX(-80%) !important;
  }
}

@media (max-width:990px) {
  .tranding-slider-control .swiper-button-prev {
    left: 30% !important;
    transform: translateX(-30%) !important;
  }
}

@media (max-width:450px) {
  .tranding-slider-control .swiper-button-prev {
    left: 20% !important;
    transform: translateX(-20%) !important;
  }
}

.tranding-slider-control .slider-arrow {
  background: var(--white);
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  left: 42%;
  transform: translateX(-42%);
  filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
}
@media (max-width:500px) {
  .tranding-slider-control .slider-arrow {
    width: 2.75rem !important;
    height: 2.75rem !important;
  }
  .tranding-slider-control .slider-arrow ion-icon {
  font-size: 1.6rem !important;
  }
}

.tranding-slider-control .slider-arrow ion-icon {
  font-size: 2rem;
  color: #222224;
}

.tranding-slider-control .slider-arrow::after {
  content: '';
}

.tranding-slider-control .swiper-pagination {
  position: relative;
  width: 80vw;
  /*bottom: 1rem;*/
}

.tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
  filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
}

.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary);
}
/*

CONTACTO

*/
#CONTACTO{
  scroll-margin-top: 4rem;
  height: 91vh;
  display: flex;
  background-color: var(--oscuro);
}
#CONTACTO #formas-de-contacto{
  display: flex;
  flex-direction:  column;
  align-items: center;
  justify-content: space-around;
  width: 60%;
  background-color: var(--rosa);
}
#CONTACTO h2{
  color: var(--blanco);
  font-size: 4rem;
}
#CONTACTO #contact-logo{
  background-image:url("img/logos/logo-para-bordear.png");
  background-size: cover;
  /*background-position: center center;*/
  background-color: var(--blanco);
  width: 17rem;
  height: 17rem;
  margin-bottom: 1rem;
  border-radius: 50%;
}
#CONTACTO #redes{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem 5rem;
  margin-bottom: 1rem;
}
#CONTACTO .red{
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
}
#CONTACTO #facebook{
  background-image:url("img/redes/facebook.png");

}
#CONTACTO #instagram{
  background-image:url("img/redes/instagram.png");
}
#CONTACTO #whatsapp{
  background-image:url("img/redes/whatsapp.png");
  background-size: contain;
  height: 3rem;
  width: 3rem;
}
#CONTACTO #x{
  background-image:url("img/redes/x.png");
}

#CONTACTO #mandanos-correo{
  width: 40%;
  background-color: var(--rosa);
}
/*FORM*/
#CONTACTO form{
  /*box-shadow: 0 0 20px rgba(228,0,124,0.8);*/
  /*border-radius: 20px;*/
  text-align: center;
  background-color: #1c1c1c;
  height: 100%;
  color: whitesmoke;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 1rem 0;
  border-top-left-radius: 20px;
}
#CONTACTO h3{
  font-size: 2rem;
}
#CONTACTO .input-group{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#CONTACTO label{
  font-size: 1.4rem;
  margin-bottom: .5rem;
  margin-top: 1rem;
}
#CONTACTO input, #CONTACTO textarea{
  width: 19.5rem;
  border-radius: 20px;
  padding-left: 1rem;
  background-color: #edfff0;
  border: 2px solid white;
  background-color: whitesmoke;
  outline: none;
}
#CONTACTO input{
  height: 2.3rem; 
}
#CONTACTO textarea{
  height: 6rem;
}
#CONTACTO .form-txt{
  margin: 1rem 0;
  width: 20.5rem;
  display: flex;
  justify-content: space-between;
}
#CONTACTO a{
  text-decoration: none;
  color: #e4007c;
  font-size: .83rem;
}
#CONTACTO .center{
  width: 20.5rem;
  display: flex;
  justify-content: center;
}
#CONTACTO .btn{
  padding-left: 0;
  font-size: 1rem;
  color: whitesmoke;
  background-color: #e4007c;
  border: none;
  border-radius: 10px;
  width: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
/*


FONDO ANIMADO

*/
.area{ 
    position: relative;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: #e6007c;
    animation: animate 65s linear infinite;
    bottom: -150px;
    z-index: -100;
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 120px;
    height: 120px;
    animation-delay: 2s;
    animation-duration: 45s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 3s;
    animation-duration: 45s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 4s;
    animation-duration: 45s;
}

.circles li:nth-child(5){
    left: 5%;
    width: 20px;
    height: 20px;
    animation-delay: 3s;
    animation-duration: 45s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 6s;
    animation-duration: 45s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay:10s;
    animation-duration: 45s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 3s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 2s;
    animation-duration: 45s;
}

.circles li:nth-child(20){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 10s;
}


.circles li:nth-child(19){
    left: 10%;
    width: 90px;
    height: 90px;
    animation-delay: 12s;
    animation-duration: 45s;
}

.circles li:nth-child(18){
    left: 5%;
    width: 20px;
    height: 20px;
    animation-delay: 13s;
    animation-duration: 45s;
}

.circles li:nth-child(17){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 14s;
    animation-duration: 45s;
}

.circles li:nth-child(16){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 13s;
    animation-duration: 45s;
}

.circles li:nth-child(15){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 16s;
    animation-duration: 45s;
}

.circles li:nth-child(14){
    left: 15%;
    width: 150px;
    height: 150px;
    animation-delay:20s;
    animation-duration: 45s;
}

.circles li:nth-child(13){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 13s;
    animation-duration: 45s;
}

.circles li:nth-child(12){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 12s;
    animation-duration: 35s;
}

.circles li:nth-child(11){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 12s;
    animation-duration: 45s;
}

.circles li:nth-child(21){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 20s;
}


.circles li:nth-child(22){
    left: 10%;
    width: 70px;
    height: 70px;
    animation-delay: 22s;
    animation-duration: 45s;
}

.circles li:nth-child(23){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 23s;
    animation-duration: 45s;
}

.circles li:nth-child(24){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 24s;
    animation-duration: 45s;
}

.circles li:nth-child(25){
    left: 5%;
    width: 20px;
    height: 20px;
    animation-delay: 23s;
    animation-duration: 45s;
}

.circles li:nth-child(26){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 26s;
    animation-duration: 45s;
}

.circles li:nth-child(27){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay:30s;
    animation-duration: 45s;
}

.circles li:nth-child(28){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 33s;
    animation-duration: 45s;
}

.circles li:nth-child(29){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 32s;
    animation-duration: 35s;
}

.circles li:nth-child(30){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 2s;
    animation-duration: 45s;  
}
/*

otros 30 mas a ver que onda

*/
.circles li:nth-child(60){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 40s;
    animation-duration: 28s;
}


.circles li:nth-child(59){
    left: 10%;
    width: 120px;
    height: 120px;
    animation-delay: 42s;
    animation-duration: 28s;
}

.circles li:nth-child(58){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 43s;
    animation-duration: 28s;
}

.circles li:nth-child(57){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 44s;
    animation-duration: 28s;
}

.circles li:nth-child(56){
    left: 5%;
    width: 20px;
    height: 20px;
    animation-delay: 43s;
    animation-duration: 28s;
}

.circles li:nth-child(55){
    left: 75%;
    width: 80px;
    height: 80px;
    animation-delay: 46s;
    animation-duration: 28s;
}

.circles li:nth-child(54){
    left: 35%;
    width: 70px;
    height: 70px;
    animation-delay:40s;
    animation-duration: 28s;
}

.circles li:nth-child(53){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 43s;
    animation-duration: 28s;
}

.circles li:nth-child(52){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 42s;
    animation-duration: 28s;
}

.circles li:nth-child(51){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 42s;
    animation-duration: 25s;
}

.circles li:nth-child(50){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 10s;
    animation-duration: 28s;
}


.circles li:nth-child(49){
    left: 10%;
    width: 90px;
    height: 90px;
    animation-delay: 12s;
    animation-duration: 28s;
}

.circles li:nth-child(48){
    left: 5%;
    width: 20px;
    height: 20px;
    animation-delay: 13s;
    animation-duration: 28s;
}

.circles li:nth-child(47){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 14s;
    animation-duration: 28s;
}

.circles li:nth-child(46){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 13s;
    animation-duration: 28s;
}

.circles li:nth-child(45){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 16s;
    animation-duration: 28s;
}

.circles li:nth-child(44){
    left: 15%;
    width: 150px;
    height: 150px;
    animation-delay:20s;
    animation-duration: 28s;
}

.circles li:nth-child(43){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 13s;
    animation-duration: 28s;
}

.circles li:nth-child(42){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 12s;
    animation-duration: 28s;
}

.circles li:nth-child(41){
    left: 85%;
    width: 100px;
    height: 100px;
    animation-delay: 12s;
    animation-duration: 28s;
}

.circles li:nth-child(40){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 20s;
    animation-duration: 28s;
}


.circles li:nth-child(39){
    left: 10%;
    width: 70px;
    height: 70px;
    animation-delay: 22s;
    animation-duration: 28s;
}

.circles li:nth-child(38){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 23s;
    animation-duration: 28s;
}

.circles li:nth-child(37){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 24s;
    animation-duration: 28s;
}

.circles li:nth-child(36){
    left: 5%;
    width: 20px;
    height: 20px;
    animation-delay: 23s;
    animation-duration: 28s;
}

.circles li:nth-child(35){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 26s;
    animation-duration: 28s;
}

.circles li:nth-child(34){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay:30s;
    animation-duration: 28s;
}

.circles li:nth-child(33){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 33s;
    animation-duration: 28s;
}

.circles li:nth-child(32){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 32s;
    animation-duration: 28s;
}

.circles li:nth-child(31){
    left: 85%;
    width: 50px;
    height: 50px;
    animation-delay: 2s;
    animation-duration: 28s;  
}


/*


figuras azules


*/

.circles2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles2 li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: var(--azul);
    animation: animate 65s linear infinite;
    bottom: -150px;
    z-index: -200;
}

.circles2 li:nth-child(1){
  left: 5%;
  width: 80px;
  height: 80px;
  animation-delay: 10s;
  animation-duration: 40s;
}


.circles2 li:nth-child(2){
  left: 10%;
  width: 120px;
  height: 120px;
  animation-delay: 12s;
  animation-duration: 40s;
}

.circles2 li:nth-child(3){
  left: 60%;
  width: 20px;
  height: 20px;
  animation-delay: 13s;
  animation-duration: 40s;
}

.circles2 li:nth-child(4){
    left: 30%;
    width: 60px;
    height: 60px;
    animation-delay: 14s;
    animation-duration: 40s;
}

.circles2 li:nth-child(5){
    left: 55%;
    width: 20px;
    height: 20px;
    animation-delay: 13s;
    animation-duration: 40s;
}

.circles2 li:nth-child(6){
    left: 65%;
    width: 110px;
    height: 110px;
    animation-delay: 16s;
    animation-duration: 40s;
}

.circles2 li:nth-child(7){
    left: 90%;
    width: 150px;
    height: 150px;
    animation-delay:20s;
    animation-duration: 40s;
}

.circles2 li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 13s;
    animation-duration: 40s;
}

.circles2 li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 12s;
    animation-duration: 40s;
}

.circles2 li:nth-child(10){
    left: 95%;
    width: 150px;
    height: 150px;
    animation-delay: 12s;
    animation-duration: 40s;
}

.circles2 li:nth-child(20){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 20s;
    animation-duration: 40s;
}


.circles2 li:nth-child(19){
    left: 10%;
    width: 150px;
    height: 150px;
    animation-delay: 22s;
    animation-duration: 40s;
}

.circles2 li:nth-child(18){
    left: 80%;
    width: 20px;
    height: 20px;
    animation-delay: 23s;
    animation-duration: 40s;
}

.circles2 li:nth-child(17){
    left: 60%;
    width: 60px;
    height: 60px;
    animation-delay: 24s;
    animation-duration: 40s;
}

.circles2 li:nth-child(16){
    left: 45%;
    width: 20px;
    height: 20px;
    animation-delay: 23s;
    animation-duration: 40s;
}

.circles2 li:nth-child(15){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 26s;
    animation-duration: 40s;
}

.circles2 li:nth-child(14){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay:30s;
    animation-duration: 40s;
}

.circles2 li:nth-child(13){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 23s;
    animation-duration: 40s;
}

.circles2 li:nth-child(12){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 22s;
    animation-duration: 35s;
}

.circles2 li:nth-child(11){
    left: 75%;
    width: 150px;
    height: 150px;
    animation-delay: 22s;
    animation-duration: 40s;
}

.circles2 li:nth-child(21){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 30s;
    animation-duration: 40s;
}


.circles2 li:nth-child(22){
    left: 10%;
    width: 70px;
    height: 70px;
    animation-delay: 32s;
    animation-duration: 40s;
}

.circles2 li:nth-child(23){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 33s;
    animation-duration: 40s;
}

.circles2 li:nth-child(24){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 34s;
    animation-duration: 40s;
}

.circles2 li:nth-child(25){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 33s;
    animation-duration: 40s;
}

.circles2 li:nth-child(26){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 36s;
    animation-duration: 40s;
}

.circles2 li:nth-child(27){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay:40s;
    animation-duration: 40s;
}

.circles2 li:nth-child(28){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 33s;
    animation-duration: 40s;
}

.circles2 li:nth-child(29){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 32s;
    animation-duration: 35s;
}

.circles2 li:nth-child(30){
    left: 99%;
    width: 100px;
    height: 100px;
    animation-delay: 32s;
    animation-duration: 40s;  
}


@keyframes animate {

    0%{
        transform: translateY(-4000px) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(300) rotate(720deg);
        opacity: 1;
        border-radius: 30%;
    }

}
@media(max-width: 1018px){
  @keyframes animate {

    0%{
        transform: translateY(-5000px) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(300) rotate(720deg);
        opacity: 1;
        border-radius: 30%;
    }
}
}
@media(max-width: 663px){
  @keyframes animate {

    0%{
        transform: translateY(-6500px) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(300) rotate(720deg);
        opacity: 1;
        border-radius: 30%;
    }
}
}
@media(max-width: 400px){
  @keyframes animate {

    0%{
        transform: translateY(-6700px) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(300) rotate(720deg);
        opacity: 1;
        border-radius: 30%;
    }
}
}

/*



RESPONSIVE



*/
@media (max-width: 1200px) {
  /*


  MAIN


  */
  #MAIN #hero-logo{
    width: 16rem;
    height: 12rem;
  }
  #MAIN h2{
    font-size: 1.3rem;
  }
  #MAIN #img-hero{
      width: 24rem;
      height: 21.8rem;
  }
  /*


  NOSOTROS


  */
  #NOSOTROS h2{
    font-size: 2.5rem;
  }
  #NOSOTROS article{
    width: 60vw;
  }
  #NOSOTROS #why h3{
    font-size: 1rem;
    padding: 0;
    margin: 0;
    height: 1.5rem;
  }
  #NOSOTROS #why-cel{
    font-size: .87rem;
  }
  /*
  
  
  PROPERTY MANAGMENT
  
  
  */
  #PRO-MA article{
    width: 80vw;
  }
  #PRO-MA #img-fondo-proma-pc{
    width: 40vw;
    font-size: 1.18rem;
  }
  #PRO-MA #img-fondo-proma-pc p{
    text-align: center;
  }
  #PRO-MA #agrupacion{
    width: 40vw;
  }
  #PRO-MA h3{
    font-size: 3rem;
  }
  /*


  BLOG



  */
  #leenos h2{
    width: 90vw;
    font-size: 2.3rem;
    padding-left: 1rem;
  }
  /*


  CONTACTO


  */
  #CONTACTO #redes{
    gap: 1rem 3.5rem; 
  }
  /*
  FORM
  */
  #CONTACTO h3{
    font-size: 1.8rem;
  }
  #CONTACTO label{
    font-size: 1.2rem;
    margin-bottom: .4rem;
    margin-top: .9rem;
  }
  #CONTACTO input, #CONTACTO textarea{
    width: 18rem;
  }
  #CONTACTO .form-txt{
    width: 18rem;
  }
  #CONTACTO .center{
    width: 18rem;
  }
}
@media (min-width: 800px){
  #MAIN #img-hero{
      width: 31rem;
      height: 27rem;
  }

}
@media (min-width: 1100px){
  #MAIN #img-hero{
      width: 37rem;
    height: 33rem;
  }

}
@media (min-width: 1300px){
  #MAIN #img-hero{
   width: 44rem;
  height: 38rem;
  }

}
/*



RESPONSIVE PHONE L



*/
@media (max-width: 670px) {
  /*
  
  
  MAIN
  
  
  */
  #MAIN{
    flex-direction: column;
    align-content: center;
    background: linear-gradient(-6deg,var(--rosa) 0,var(--rosa) 50%,var(--blanco) 0,var(--blanco) 50%);
  }
  #MAIN #img-hero{
    width: 5rem;
    height: 5rem;
  }
  #MAIN #presentacion{
    width: 100%;
    text-align: center;
    padding-top: 1.5rem;
  }
  #MAIN #hero-logo{
  width: 13.5rem;
  height: 10rem;
  }
  #MAIN #edificio-hero{
    justify-content: center;
    align-items: end;
  }
  #MAIN #img-hero{
    width: 20rem;
    height: 18rem;
  }
  /*
  
  
  NOSOTROS
  
  
  */
  #NOSOTROS{
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 180vh;
  }
  #NOSOTROS #img-Estandarte{
    width: 100%;
  }
  #NOSOTROS #img-fondo-nosotros{
    width: 100%;
  }
  #NOSOTROS #why{
    width: 80vw;
    height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #NOSOTROS #why h3{
    font-size: 1.35rem;
    height: 4rem;
    margin-bottom: 1.5rem;
  }
  #NOSOTROS #why-cel{    
    display: flex;
    text-align: left;
    font-size: .97rem;
  }
  #NOSOTROS #nos-sep{
    display: none;
  }
/*


  PROPERTY MANAGMENT
  
  
*/
  #PRO-MA{
    margin-top: 0;
  }
  #PRO-MA #img-fondo-proma-pc{
    display: none;
  }
  #PRO-MA article{
    width: 80vw;
    height: 85vh;
    justify-content: center;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;  
  }
  #PRO-MA #agrupacion{
    width: 80vw;
    height: 100%;
  }
  #PRO-MA #img-fondo-proma-cel{
    width: 80vw;
    height: 70%;
    background-image: 
    linear-gradient(
      0deg,
      rgba(0,0,0,0.6),
      rgba(0,0,0,0.6)
    ),url("img/img-fond/fondo-proma-cel.jpg");
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    font-size: 1.4rem;
    padding: 1rem;
  }
  #PRO-MA #img-fondo-proma-cel p{
  text-align: justify;
  font-size: 1.2rem;
  }
  #PRO-MA #img-fondo-proma-cel button{
  width: 8rem;
  height: 2.5rem;
  background-color: var(--rosa);
  color: var(--blanco);
  border: none;
  border-radius: 12px;
  font-size: 1.2rem;
  }
  #PRO-MA #property,
  #PRO-MA #managment{
    height: 15%;
  }
  /*
  
  BLOG
  
  
  */
  #leenos h2{
    display: none;
  }
  #leenos h3{
    display: flex;
    align-items: center;
    padding-left: 1rem;
    font-size: 2rem;
    background-color: var(--negro);
    color: var(--blanco);
    height: 3.4rem;
    width:  87vw;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
  }
  #BLOG{
    height: 35rem;
  }

  /*
  
  
  CONTACTO
  
  
  */
  #CONTACTO{
    flex-direction: column;
    width: 100%;
    height: 192vh;
  }
  #CONTACTO #formas-de-contacto{
    width: 100%;
    height: 50%;
  }
  #CONTACTO #mandanos-correo{
    width: 100%;
    height: 50%;
  }
  #CONTACTO form{
    padding-top: 2.5rem;
  }
}

@media (max-width: 380px){
  #CONTACTO #redes{
    gap: 1rem 2.5rem;
  }
}
@media (max-width: 340px){
   #NOSOTROS #why h3{
    font-size: 1.35rem;
    height: 4rem;
    margin-bottom: .5rem;
  }
  #NOSOTROS #why-cel{    
    font-size: .9rem;
  }


  #PRO-MA #img-fondo-proma-cel p{
  font-size: 1.07rem;
  }
  #PRO-MA #img-fondo-proma-cel button{
  width: 6rem;
  height: 2rem;
  border-radius: 12px;
  font-size: 1.2rem;
  }
  #PRO-MA h3{
    font-size: 2rem;
  }


  #leenos h3{
    padding-left: 2rem;
    font-size: 1.5rem;
  }


  
  #CONTACTO #redes{
    gap: 1rem 2rem;
  }
}