*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
background: #ffffff;
background: linear-gradient(110deg, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 0%, rgba(247, 247, 247, 1) 53%, rgba(181, 181, 181, 1) 100%);
  line-height: 2em; 
  color: rgb(111, 111, 111);  
} 

.carousel-item img{
   object-fit: contain;
    width: 100%;
}

.agent-item img{
    object-fit: cover;
}
.article_right img{
    width: 100%;
    object-fit: cover;
}

p{
    margin: 0;
    padding: 0;
}

a{
    list-style: none;
    text-decoration: none;
}
nav a:hover{
    color: rgb(211, 203, 111);
    text-decoration: none;
}
.change{
   color: red ;
}


.table .tr_title{
    background-color: rgba(0, 0, 0, 0.086);
}
.table td{
     background-color: rgba(0, 0, 0, 0.029);

}
.table tr:hover{
     background-color: rgba(0, 0, 0, 0.021);
}
.hidden{
  display: none;
}

.block{
    display: block;
}
.venta{
 display: none;
}
.renta{
 display: none;
}
.desarrollos{
display: none;
}


.block{
    visibility: 1;
}

.hidden{
    visibility: 0;
}

nav{
    width: 100%;
    top: 0;
    position: fixed;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    display: flex;    
    justify-content: center;
    align-items: center;
    list-style: none;   
    padding: 20px;
    height: 80px;
    z-index: 100;
    color: white;
    
}
.header_welcome{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    color: white;
    text-align: end;    
}

.header_welcome h1{
   font-size: 5.5em;
   
}
.cr25_text{      
    font-size: 1.6em; 
    display: block;    
    color: rgb(180, 173, 96);    
    position: relative;
}

.cr25_text img{    
    width: 200px;   
}


header{        
    width: 100%;
    height: 800px;
    background: url('./imgs/inhmo/8.jpg') no-repeat center center/cover; 
    position: relative;     
}

header::before {
    height: 100%;
    width: 100%;
    content: '';
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);


}

header nav ul{
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
.logo{
   width: 70px;
}

.logo img{
    width: 100%;
}

.navlist_flex{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.navlist2_flex{    
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 30px;
   font-size: .9em;   
}
nav a{
    color: aliceblue;
}

.nav_2 ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.active{
    visibility: 0;
}


.main_filter{
    width: 30%;   
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);  
  background-color: rgba(80, 80, 80, 0.507);
  text-align: center;
  margin-top: 100px;
  color: white;
}
.main_filter ul{
    list-style: none;
    
}

.main_filter ul li{
    cursor: pointer;
}
.main_filter ul li:hover{
        color: rgb(211, 203, 111);
}

/*-----CAPTACIONES-----*/
.captaciones{    
    padding-top: 150px;
    max-width: 1500px;
    margin: auto;
}

.form_prop{
    width: 100%;
    display: none;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
}

.form_prop_flex{
    width: 100%;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    
}
.form-prop-left{
    width: 30%;   
}
.form-prop-right{
    float: right;
    width: 60%;
    height: 500px;
    z-index: 10;
   
}
.form_agent{    

    display: none;    
   
}

.form_agent_flex{
    display: flex;
    justify-content: space-between;   
    width: 100%;
    gap: 50px;
    flex-wrap: wrap;
    
}
.form_agent_flex_left{
    width: 30%;   
}
.form_agent_flex_right{
    float: right;
    width: 70%;
    height: 500px;
    z-index: 10;
   
}

.agentes{
    max-width: 1030px;   
    margin: auto;
    padding-top: 150px;
    position: relative;  
       
}



.agregar-agente{
    margin-bottom: 30px;
}

.select-tipo{
    width: 150px;
}
.select-agente{
    width: 50%;
}

.select-tipo{
    width: 50%;
}

.flex_id_tipo {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 
}

.form-auth{
    background-color: rgba(0,0,0,0.2);
    max-width: 900px;
    width: 300px;
    margin: auto;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
    border-radius: 10px;
}

.login-section{
    text-align: center;
    }

.form_agent{
    width: 100%;
    display: none;
}
.agent_form_display{
    display: block;
    margin-top: 30px;
}

.agentes-box img{
    background-color: blueviolet;
    border-radius: 10px;
}

.btn_renta{
width: 200px;
    background-color: antiquewhite;

}



.p_descripcion{      
    width: 100%;
    color: rgba(0, 0, 0, 0.514);
    padding: 10px;
    border-radius: 5px;
}

.seccion_propiedad{
    max-width: 1200px;
    margin: auto;
    padding-top: 150px ;
    
  
}

.article_propiedad_flex{
    display: flex;   
    justify-content: center;
    align-items: flex-start;
    gap: 30px;   

}


.article_left{
    border: 1px solid #ddd;
    width: 70%;
    padding: 30px;    
     background-color: white;
     border-radius: 10px;
    }

    .article_left img{        
        border-radius: 5px;
    }
    
    .article_right{
        border-radius: 10px;
        border: 1px solid #ddd;
        width: 30%;
        text-align: center;
        background-color: white;
        padding: 20px;
        height: 850px;
    }
    
    .article_right img{        
        margin-top: 40px;
        width: 150px;
        height: 150px;
        border-radius: 100px;
    }   
    
    /* Seccion home  propiedades semana */    
    .props_semana{
        max-width: 1500px;
        margin:auto;      
    }    
    .props_semana_texto{
        max-width: 1500px;
        margin:auto;       
        margin-top: 50px;  
                    
    }
    .main_prop2 h2{
        max-width: 1500px;
        margin:auto;       
        margin-top: 50px;              
    }
    
    .section_home_props{
        display: flex;
        justify-content: space-between;
        align-items: center;       
        flex-wrap: wrap;
        
    }
    .section_home_props_box{
        width: 480px;
        height: 400px;            
        border: 1px solid #ddd;
        border-radius: 7px;
        background-color: white;
        margin-top: 50px;         
        transition: all ease-in .2s;    
        position: relative;
        
    }
    .section_home_props_box:hover{
        opacity: .7;  
        
    }
    .property-title{
        z-index: -100;        
    }
    
    
    .section_home_props_box_text {
        width: 100%; 
        
    }   
    
    .section_home_props_box a{
        text-decoration: none;
        color: rgba(19, 19, 19, 0.5);
        
    }
    
    .section_home_props_box img{
        width: 100%;
        height: 250px;
    }
    
     
    /* -------------Footer-------- */
    
    footer{
        width: 100%;
        background-color: black;
        color: rgb(143, 143, 143);
        margin-top: 100px;
        
    }
    
    .footer_flex{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 150px;
        padding: 40px;          
        flex-wrap: wrap;
        
        
        
    }
    .f_box p{
        font-size: .8em;       
          
    }
    .btn_enviar_msg{
    background-color: white;
    text-decoration: none;
    width: 150px;
    margin-top: 15px;
    transition: all ease-in .2s;
}
    .btn_enviar_msg:hover{
     opacity: .8;
}

.propertyList{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    transition: all ease .3s;   
    max-width: 1500px;    
}


/* ---- Propiedades page ---- */

.main_prop2{
   padding-top: 100px;
    max-width: 1500px;
    margin: auto; 
}

.btn{
    width: 150px;
}

.social-icons{
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  z-index: 1;
  transition: all ease-in .2s;
  text-align: center;
  font-size: 2em;
}



.social-icons:hover{
opacity: .8;


}



.social-icons img{
    width: 100%;
}


.capt_form_display{
    display: block;
    margin-top: 30px;
}
.agent_form_display{
    display: block;
}

.captaciones_title_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bienvenido{
    text-align: end;
}





.subir{
    width: 200px;
    
}


.whatsapp-icon{
font-size: 2em;
color: green;
}

.social-icons{
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  z-index: 1;
  transition: all ease-in .2s;
  text-align: center;
  font-size: 2em;
}




.registrar-section {
    position: absolute;
    text-align: center;
    top: 50%;
    max-width: 1200px;
    margin:0 ;
    left: 50%;
  transform: translate(-50%, -50%);  
}
    /* Seccion home  propiedades semana */    
    .props_semana{
        width: 100%;
        margin:auto;  
        margin-top: -50px;  
        
    }
    
    .props_semana_texto{
        max-width: 1500px;
        margin:auto;                
        padding: 20px;
        padding-top: 40px; 
    }

    .props_semana_texto h2{
        font-size: 1.5em;
    }
    
    .section_home_props{
        display: flex;
        justify-content: space-between;
        align-items: center;           
        flex-wrap: wrap;  
        position: relative;    
        
    }
    .section_home_props_box{
        width: 480px;
        height: 400px;            
        border: 1px solid #ddd;
        border-radius: 7px;
        background-color: white;
        margin-top: 50px;         
        transition: all ease-in .2s;   
     
         
        
    }
    .section_home_props_box:hover{
      opacity: .7;  
        
    }


    .section_home_props_box_text {
        padding: 20px;
        width: 100%;          
    }     
    

    
    
    .section_home_props_box a{
        text-decoration: none;
          color: rgba(19, 19, 19, 0.5);               
    }
    
    .section_home_props_box img{
        width: 100%;
        height: 250px;
    }

  .shpbt_flex {         
    background-color: rgba(60, 82, 82, 0.027);
    position: absolute;
           display: flex; 
        justify-content: space-between;
        bottom: 15px;
        left: 15px;
        right: 15px;   
        
     

        justify-content: space-between;
        text-align: center;
        align-items: center;         
    }    
    .shpbt_flex p{         
        width: 100%;     
        font-size: 1em; 
    } 
  
.purple {
background-color: purple;
border-radius: 5px;
width: 400px;
text-align: center;
color: white;
}

.purple {
background-color: purple;
border-radius: 5px;
width: 150px;
text-align: center;
color: white;
}



.blue{
    width: 100px;
    text-align: center;
    background-color: blue;
    border-radius: 5px;
    color: white;
}
.red{
    background-color: red;
    text-align: center;
    width: 100px;
    border-radius: 5px;
    color: white;
    
}
.grey{
    text-align: center;
    width: 100px;    
    border-radius: 5px;
    
}  
.green{
    text-align: center;
    width: 100px;    
    border-radius: 5px;
    background-color: green;
    color: white;  
}  
.navlist_flex_movil{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:20px;
    display: none;
}

.table-responsive{
    width: 100%;
  
}

.table{
width: 100%;

}
.table-responsive{
    width: 100%;
}
.edit_agent{
    max-width: 1500px;
    margin: auto;
    padding-top: 150px ;
    z-index: 10000;
}



/*------------ RESPONSIVE------------ */

@media(max-width:1200px) {




nav{
    width: 100%;
    top: 0;
    text-align: center;
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    display: flex;    
    justify-content: center;
    align-items: center;
    list-style: none;   
    padding: 25px;
    height: 50px;
    z-index: 100;
    color: white;
    
}
.navlist_flex{
    display: none
}
.navlist_flex_movil{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:20px;
}

 
     

    .btn_enviar_msg{
    background-color: white;
    text-decoration: none;
    width: 150px;
    margin-top: 15px;
    transition: all ease-in .2s;
}
    .btn_enviar_msg:hover{
     opacity: .8;
}
    .social-icons{
        display: none;
    }

    .seccion_propiedad{
    max-width: 1200px;
    margin: auto;
    padding-top: 150px;
  
}
.propID{
    font-size: 1em;
}


/* ---------PROPIEDAD ID----------- */

.article_propiedad_flex{
    display: flex;   
    justify-content: center;
    align-items: flex-start;
    gap: 30px;   
    flex-wrap: wrap;
  margin-top: -100px;

}


.article_left{
    border: 1px solid #ddd;
    width: 100%;
    padding: 30px;    
     background-color: white;
     border-radius: 10px;
    }

    .article_left img{
        
        border-radius: 5px;
    }
    
    .article_right{
        border-radius: 10px;
        border: 1px solid #ddd;
        width: 100%;
        text-align: center;
        background-color: white;
        padding: 20px;
        height: 850px;
    }
    
    .article_right img{        
        margin-top: 40px;
        width: 150px;
        height: 150px;
        border-radius: 100px;
    }
    
    .margin{
        margin-top: -30px;
    }


    .agentes{
        padding: 20px;
        padding-top: 80px ; 
    }

.main_prop2{ 

padding-top: 150px;
 padding: 20px;
    }


    .main_prop2 h2{        
    font-size: 1.4em;  
    padding-top: 10px;    
    
}
.captaciones {     
    max-width: 1500px;
    margin: auto;
    padding: 20px;
    padding-top: 80px;
    font-size: .8em;

}

.captaciones h2{
font-size: 1.8em;
}
.captaciones_iniciar_sesion h1{
    font-size: 2em;
}

    .bienvenido{
    display: none;
}

.btn{
    width: 90px;
    font-size: 1em;
}

.agentes {
font-size: .8em;
}

.agentes h2{
    font-size: 1.8em;
}
.p_descripcion h6{      
    width: 100%;
    color: rgba(0, 0, 0, 0.514);
    padding: 10px;
    border-radius: 5px;
 
}
.h3_descripcion{
    font-size: 1.3em;
    
}
    footer{
        width: 100%;
        background-color: black;
        color: rgb(143, 143, 143);  
        font-size: .9em;       
        
    }   
    

    .footer_flex{
        display: flex;
        justify-content: center;
        gap: 30px;
        padding-bottom: 40px;
        flex-direction: column;
        align-items: center;  
        padding-top: 20px; 
    }


.form_prop{
    width: 100%;   
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
}

.form_prop_flex{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    flex-wrap: wrap;
    
}
.form-prop-left{
    width: 100%;   
}
.form-prop-right{
    float: right;
    width: 100%;
    height: 500px;
    z-index: 10;   
}
.form_agent_flex{
    display: flex;
    flex-direction: column;
    justify-content: center;   
    width: 100%;
    gap: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form_agent_flex_left{
    width: 100%;   
}
.form_agent_flex_right{
    float: right;
    width: 100%;
    height: 500px;
    z-index: 10;
   
}

.agentes{
    max-width: 1500px;   
    margin: auto;       
}
.agregar-agente{
    margin-bottom: 30px;
}

    .section_home_props_box{
        width: 480px;
        height: 420px;            
        border: 1px solid #ddd;
        border-radius: 7px;
        background-color: white;
        margin-top: 50px;         
        transition: all ease-in .2s;   
     
         
        
    }
        .props_semana{
      padding: 20px;        
    }
}
    
        @media(max-width:1200px) {
               .searchInputAgents {
            margin-top: 0; 
            width: 100%; 
            max-width: 600px; 
            margin-left: auto; 
            margin-right: auto; 
            display: block; 
            padding: 10px 15px;
            font-size: 1rem;
            border-radius: 5px;
            border: 1px solid #ced4da;
            margin-bottom: 0;
        }





.cr25_text img{    
    width: 80px;   
}
.header_welcome h1{
    font-size:2.2em;
    line-height: 1.5em;
    margin-top: -120px;
  
    
}

.cr25_text{    
    line-height: 1.5em;
    display: block;
    color:     
    rgb(180, 173, 96);
        
    display: block;    
    color: rgb(180, 173, 96);    
    position: relative;
}
        }