@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&family=Prompt:wght@300;400;600;700&display=swap');
       @import "../node_modules/bootstrap/scss/functions";
       
       @import "../node_modules/bootstrap/scss/variables";
       @import "../node_modules/bootstrap/scss/variables-dark";
       @import "../node_modules/bootstrap/scss/maps";
       @import "../node_modules/bootstrap/scss/mixins";
       @import "../node_modules/bootstrap/scss/root";


       @import "../node_modules/bootstrap/scss/utilities";
       @import "../node_modules/bootstrap/scss/reboot";
       @import "../node_modules/bootstrap/scss/containers";
       @import "../node_modules/bootstrap/scss/grid";
       @import "../node_modules/bootstrap/scss/helpers";
       @import "../node_modules/bootstrap/scss/utilities/api";


        .header-container {
            position: relative;
        }
        
        .menu-toggle {
            display: none; /* Ocultar el botón de menú en pantallas grandes */
        }
        
        .main-menu {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .contact-info {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            position: absolute;
            top: 10px;
            right: 10px;
        }
       
       
       
        .contact-burro-container {
            text-align: center;
          }
          
          .contact-burro {
            display: inline-block;
            padding: 12px 24px;
            font-size: 16px;
            text-decoration: none;
            color: #fff;
            background-color: #007bff;
            border-radius: 5px;
            border: none;
            transition: background-color 0.3s ease;
          }
          
          .contact-b:hover {
            background-color: #0056b3;
          }
          
           /* Estilos para el pop-up */
        .popup {
            display: none; /* Oculta el pop-up inicialmente */
            position: fixed; 
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.418); /* Fondo semitransparente */
            
            z-index: 1000; /* Asegura que el pop-up esté por encima de otros elementos */
        }

        .popup-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(0, 0, 0, 0);
            padding: 1px;
            border-radius: 1px;
            text-align: center;
           
        }
        
        .popup-content img {
            border-radius: 15px;
           
           
        }

        
        

        .footer{
            background: #000000;
            height: 150px;
            width: 102%;
        }
        .footer p{
            text-align: center; /* Centra el elemento */
            margin-left: 0%; /* Mueve el elemento 10px a la izquierda */
            color: white;
            font-size: 13px;
            padding-top: 5%;
            
        }
        .footer p:hover{
            color: #88f54a;
        }
         /*nosotros*/
         .caixa-about{
            margin: 3.5% 12%;
            text-align: justify;
            font-size: 17px;
        }
        .caixa-about img{
            margin-right: 3%;
            float: left;
            clear: left;
            border-radius: 25%;
        }
        .caixa-about strong:hover{
            color: var(--cor-secundaria);
        }
        
        /* Caixa de Localização */
        
        .caixa-localizacao{
            padding-bottom: 60px;
        }
        
        .caixa-localizacao h3{
            color: rgb(0, 0, 0);
            padding: 15px 0;
            text-align: center;
            font-size: 18px;
            font-weight: normal;
            text-transform: uppercase;
            background-color: var(--cor-principal);
        }
        .caixa-localizacao p{
            margin: 2.5% 14% 3% 16%;
            text-align: center;
            padding: 5px 0;
        }
        .caixa-localizacao iframe{
            margin: 0 10% 0 20.5%;
            width: 62%;
            height: 300px;
            border: 1px #cacaca solid;
            border-radius: 10px;
        }
        .central {
            text-align: center;
        }
        .navegacao{
            background: var(--cor-principal);
            position: relative;
            text-align: center;
            top: -50px;
            padding-bottom: 11px;
        }
        .navegacao li{
            display: inline-block;
            padding: 0 15px;
        }
        .navegacao button {
            position: relative;
            text-align: center;
            color: rgb(0, 0, 0);
            padding: 10px 30px; /* Ajusta el padding para hacer que los botones sean más anchos */
            margin: 10px auto;
            border: transparent;
            border-radius: 5px;
            text-transform: uppercase;
            font-weight: normal;
            font-family: 'Montserrat', sans-serif;
            outline: none;
            cursor: pointer;
        }
        
        .navegacao button i {
            margin-right: 5px; /* Ajusta el espacio entre el icono y el texto */
        }
        
        .navegacao button:hover {
            background: #414141;
        }
        
        .navegacao button:active {
            background: var(--cor-secundaria);
        }
        .servicos{
            text-align: center;
        }
        .servicos li:hover{
            transform: scale(1.02);
            transition: 0.3s;
        }
        .servicos li{
            display: inline-block;
            list-style: none;
            vertical-align: top;
            width: 21em;
            height: 15em;
            margin: 10px;
            cursor: pointer;
            border: 2px var(--cor-botao) solid;
            border-radius: 8px;
        }
        .servicos li:hover{
            border-color: var(--cor-secundaria);
        }
        .servicos h2{
            padding: 4px 0;
            color: rgb(0, 0, 0);
            font-size: 18px;
            font-weight: normal;
            text-decoration: none;
            text-transform: uppercase;
            background: var(--cor-botao);
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .servicos h1{
            padding: 13px 0px;
            color: rgb(0, 0, 0);
            font-size: 17px;
            font-weight: normal;
            text-decoration: none;
            text-transform: uppercase;
            background: var(--cor-botao);
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .servicos img{
            margin: 5px 0;
            width: 150px;
        }
        .servicos a{
            text-decoration: none;
        }
        .servicos button:active{
            background: var(--cor-secundaria);
        }
        .caixa-localizacao{
            padding-bottom: 60px;
        }
        
        .caixa-localizacao h3{
            color: rgb(0, 0, 0);
            padding: 15px 0;
            text-align: center;
            font-size: 18px;
            font-weight: normal;
            text-transform: uppercase;
            background-color: var(--cor-principal);
        }
        .caixa-localizacao p{
            margin: 2.5% 14% 3% 16%;
            text-align: center;
            padding: 5px 0;
        }
        .caixa-localizacao iframe{
            margin: 0 10% 0 20.5%;
            width: 62%;
            height: 300px;
            border: 1px #cacaca solid;
            border-radius: 10px;
        }
        
      /*******************/  
        
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Open Sans';
        }
        
        body {
            background-color: #eceff1;
            
        }
        .mensaje2 {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-color: #f4f4f4;
        }
        
        .mensaje-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .mensaje-box {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            text-align: center;
        }
        
        .boton-ok {
            background-color: #3498db;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }
       
        .whatsapp-float {
            position: fixed;
            bottom: 20px; /* Ajusta la posición vertical según tus preferencias */
            right: 20px; /* Ajusta la posición horizontal según tus preferencias */
            background-color: #25d366; /* Color de fondo de WhatsApp */
            color: #fff; /* Color del texto */
            border-radius: 50%;
            width: 60px;
            height: 60px;
            text-align: center;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            z-index: 999; /* Asegura que esté por encima de otros elementos */
            animation: whatsappBlink 3s infinite;
    }
    .whatsapp-float p.leyenda {
  font-size: 14px;
  color: #fff;
  margin:   30px;
}
    @keyframes whatsappBlink {
        30% { opacity: 1; } /* 0% de opacidad (visible) */
        50% { opacity: 0; } /* 50% de opacidad (invisible) */
        100% { opacity: 1; } /* 100% de opacidad (visible) */
      }
      .whatsapp-float img {
        width: 50px;
        height: 50px;
        margin: 5px;
      }
      .whatsapp-float p {
        position: absolute;
        bottom: -20px; /* Ajusta la posición vertical según tus preferencias */
        left: 0; /* Ajusta la posición horizontal según tus preferencias */
        font-size: 14px; /* Ajusta el tamaño del texto según tus preferencias */
        color: #fff; /* Ajusta el color del texto según tus preferencias */
        width: 100%; /* Ocupa todo el ancho del contenedor */
        text-align: center; /* Centra el texto horizontalmente */
      }
      
      /* Estilos para el ícono de WhatsApp al pasar el ratón por encima (opcional) */
      .whatsapp-float:hover {
        background-color: #128C7E; /* Cambia el color de fondo al pasar el ratón */
      }

      .casa-formulario {
        font-family: 'Arial', sans-serif;
        background-color: #f4f4f4;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 400px;
    }
    .col2 {
        width: 33%;
            background-color: #fff;
            border: 1px solid #ffffff;
            text-align: left;
            display: none;
            
    }
    .col3 {
        font-family: 'Arial', sans-serif;
        background-color: #f4f4f4;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 400px;
        
        

    }
    .col2 .form-containerr2 {
        background-color: #ffffff00;
        box-shadow: 0 0 10px rgb(255, 255, 255);
        border-radius: 8px;
        padding: 55px;
        width: 394px;
        height: 380;
        position: flex; /* Hace que el formulario sea flotante */
        top: 60px; /* Lo posiciona verticalmente en el centro */
       left: 90px; /* Lo posiciona horizontalmente en el centro */
      /*transform: translate(-50%, -50%); /* Ajusta el centro del formulario */
      border-radius: 13%;
    }
    .col3 .form-containerr3 {
        background-color: #fff;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0);
        border-radius: 8px;
        padding: 55px;
        width: 650px;
        height: 480 ;
        position: flex; /* Hace que el formulario sea flotante */
        top: 60px; /* Lo posiciona verticalmente en el centro */
       left: 90px; /* Lo posiciona horizontalmente en el centro */
      /*transform: translate(-50%, -50%); /* Ajusta el centro del formulario */
    }
    
    .casa-formulario .form-container2 {
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        padding: 20px;
        width: 330px;
        height: 450px;
        position: fixed; /* Hace que el formulario sea flotante */
        top: 60%; /* Lo posiciona verticalmente en el centro */
        left: 87%; /* Lo posiciona horizontalmente en el centro */
        transform: translate(-50%, -50%); /* Ajusta el centro del formulario */
    }
    
    .casa-formulario .form-group2 {
        margin-bottom: 20px;
    }
    .col2 .form-groupr2 {
        margin-bottom: 20px;
    }
    .col3 .form-groupr3 {
        margin-bottom: 20px;
    }
    .casa-formulario h2 {
        display: block;
        font-weight: bold;
        text-align: center;
    }
    .col2 h2 {
        display: block;
        font-weight: bold;
        text-align: center;
    }
    .col3 h2 {
        display: block;
        font-weight: bold;
        text-align: center;
    }
    .casa-formulario .form-group2 label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .col2 .form-groupr2 label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .col3 .form-groupr3 label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }
    
    .casa-formulario input,
    .casa-formulario textarea {
        width: 100%; /* Usa el 100% del ancho del contenedor */
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        
    }

    .col2 input,
    .col2 textarea {
        width: 100%; /* Usa el 100% del ancho del contenedor */
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        
    }
    .col3 input,
    .col3 textarea {
        width: 100%; /* Usa el 100% del ancho del contenedor */
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        
    }
    .casa-formulario button {
        background-color: #3498db;
        color: #fff;
        padding: 10px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
    }
    .col2 button {
        background-color: #3498db;
        color: #fff;
        padding: 10px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
    }
    .col3 button {
        background-color: #3498db;
        color: #fff;
        padding: 10px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
    }
    
    .casa-formulario button:hover {
        background-color: #2980b9;
    }
    .col2 button:hover {
        background-color: #2980b9;
    }
    .col3 button:hover {
        background-color: #2980b9;
    }
    
    
        /* H E A D E R */

        .contenedor-header .nav-responsive {
            display: none; /* Ocultar el menú de navegación por defecto */
            font-size: 25px; /* Tamaño de fuente para el menú */
        }
        
        .contenedor-header nav.responsive {
            max-width: 100%; /* Establecer el ancho máximo del menú desplegable al 50% */
            display: table-row; /* Utilizar flexbox para el diseño del menú */
            position: absolute; /* Posicionar el menú de forma absoluta */
            top: 14%; /* Posicionar el menú 65px desde la parte superior del contenedor padre */
            background: linear-gradient(to right, #ffffff, #ffffff); /* Aplicar un degradado de color de fondo al menú */
            left: 0%; /* Posicionar el menú en el lado izquierdo del contenedor padre */
            z-index: 1000;
        }
        
        .contenedor-header nav.responsive a {
            display: flex; /* Utilizar flexbox para los elementos de enlace del menú */
            width: 100%; /* Establecer el ancho al 100% para ocupar todo el ancho del menú */
            text-align: center; /* Centrar el texto dentro de los elementos de enlace */
            margin: 15px 0; /* Añadir un margen vertical de 15px a los elementos de enlace */
        }
        
        
        .contenedor-header {
            background:linear-gradient(to right,#ffffff,#ffffff);
            /* border-bottom: 2px solid #424242; */
          height: auto;
        }
        .logo img {
            max-height: 100%; /* Aseguramos que la imagen no exceda el 100% de la altura del contenedor */
            max-width: 100%; /* Aseguramos que la imagen no exceda el 100% del ancho del contenedor */
           
        }
        .contenedor-header .logo,
        .contenedor-header nav,
        .contenedor-header .info-contacto {
            max-width: 40%;
             
        
        }
        
        .contenedor-header .logo a {
            text-decoration: none;
            color: #fff;
        }
        
        .contenedor-header .logo h1 {
            font-size: 26px;
            line-height: 26px;
        }
        
        .contenedor-header .logo p {
            font-size: 14px;
        }
        
        .contenedor-header nav {
            display: flex;
            justify-content: space-evenly;
        }
        
        .contenedor-header .info-contacto {
            text-align: right;
             
        }
        .contenedor-header .info-contacto a{
           text-decoration: none;
        }
        
        .contenedor-header .info-contacto a {
            color: #2d42ff;
            padding: 5px;
            transition: .5s;
        }
        .contenedor-header .info-contacto a:hover {
            color: #000000;

        }
        
        .contenedor-header .info-contacto span {
            margin-left: 10px;
            
        }
        
        .contenedor-header header {
            max-width: 1200px;
            
            margin: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
            color: #fff;
        }
        
        .contenedor-header nav a {
            font-size: 16px;
            padding: 5px 15px;
            color: #5132ff;
            display: inline-block;
            text-decoration: none;
            font-weight: bold;
            margin: 0 10px;
            transition: .5s;
            border-radius: 50px;
        }
        
        .contenedor-header nav a:hover {
            background-color: #000;
            font-size: 14px;
            color: #fff;
            display: inline-block;
            text-decoration: none;
            font-weight: bold;
            margin: 0%;
        }


        .container {
            max-height: 100%; /* Aseguramos que la imagen no exceda el 100% de la altura del contenedor */
            max-width: 110%; /* Aseguramos que la imagen no exceda el 100% del ancho del contenedor */
            margin-top: -3%;
            margin-right: -1%;
            margin-left: -1%;
        }
        .imagen-bajo-nav {
            position: relative;
            justify-content: center; /* Centramos horizontalmente la imagen */
            top: 0%;
            height: auto; /* Establecemos la altura del contenedor al 80% del viewport height */
            width: 100%; /* Establecemos el ancho del contenedor al 90% */
            margin: 0 auto; /* Centramos el contenedor horizontalmente */
            z-index: 993;
        }
        
        .imagen-bajo-nav img {
            max-height: 100%; /* Aseguramos que la imagen no exceda el 100% de la altura del contenedor */
            max-width: 102%; /* Aseguramos que la imagen no exceda el 100% del ancho del contenedor */
            margin-top: 0%;
        }
        
        /* H O M E */
        
        .home {
            background: url(img/font2.png);
            background-size: cover;
            
            background-attachment: fixed;
            background-position: center center;
            background-repeat: no-repeat;
            width: 100%;
            opacity: 0.9; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
        }
        

        .home h2{
            text-align: center;
            padding-top: 5px;
            color: #ffffff;
            font-size: 35px;
            text-shadow: 1px 1px 6px rgb(0, 0, 0);
            font-family: 'Roboto', sans-serif; /* Aplica la fuente Roboto */
           
        }

        /* BARRA DE B U S Q U E D A*/
        
        .pos-inferior {
            position: fixed;
            left: 15%;
            transform: translateX(-50%);
            opacity: 0.5; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
            
        }
        .pos-inferior2 {
            position: fixed;
            left: 15%;
            transform: translateX(-50%);
            opacity: 0.5; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
            
        }
        
        
        .pos-centrada {
            margin: 1px auto;
            top: auto; /* Lo posiciona verticalmente en el centro */
             left: 50%;
             opacity: 0.95; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
             border-radius: 15px;
        }
        .pos-centrada2 {
            margin: 1px auto;
            top: auto; /* Lo posiciona verticalmente en el centro */
             left: 50%;
             opacity: 0.95; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
             border-radius: 15px;
        }
        
        .box-buscar-propiedades {
            position: absolute;
            max-width: 900px;
            width: auto;
            bottom: 100px;
          top: 55%;
          left: 24%;
           display: flex;
           z-index: 994;
            
        } 
        
        .box-buscar-propiedades .box-interior {
            background-color: #5c74db;
            padding: 30px;
            text-align: center;
            opacity: 0.99; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
            border-radius: 20px;
        }

        .box-buscar-propiedades2 .box-interior2 {
            background-color: #5c74db;
            padding: 30px;
            text-align: center;
            opacity: 0.99; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
            border-radius: 20px;
        }
        
        .box-buscar-propiedades .box-interior p {
            color: #5c74db;
            font-size: 24px;
            
            margin-bottom: 15px;
           
        }

        .box-buscar-propiedades2 .box-interior2 p {
            color: #5c74db;
            font-size: 24px;
            
            margin-bottom: 15px;
           
        }
        
            
           
        

        .box-buscar-propiedades .box-interior h2 {
            display: inline-block;
            overflow: hidden; /* Oculta el texto extra */
            white-space: nowrap; /* Evita que el texto se divida en varias líneas */
            border-right: 2px solid rgb(255, 255, 255); /* Simula el cursor del efecto */
            font-size: 24px; /* Tamaño del texto */
            font-family: Arial, sans-serif;
            color: #ffffff;
            animation: typing 6s steps(30, end), blink-caret 0.7s step-end infinite;
        }
        
        @keyframes typing {
            from {
                width: 0; /* Empieza sin mostrar texto */
            }
            to {
                width: 100%; /* Muestra todo el texto */
            }
        }
        
        @keyframes blink-caret {
            from, to {
                border-color: transparent;
            }
            50% {
                border-color: black;
            }
        }

        .box-buscar-propiedades2 .box-interior2 h2 {
            color: #5c74db;
            font-size: 24px;
            
           
        }
        
        .box-buscar-propiedades .box-interior select {
            width: 180px;
            background-color: #ffffff;
            color: #000000;
            border: 1px solid #4946ff;
            padding: 7px;
            margin: 0 10px;
            font-size: 14px;
            border-radius: 9px;
           
             font-weight: bold; /* O el valor que desees */
        }
        .box-buscar-propiedades2 .box-interior2 select {
            width: 180px;
            background-color: #ffffff;
            color: #000000;
            border: 1px solid #4946ff;
            padding: 7px;
            margin: 0 10px;
            font-size: 14px;
            border-radius: 9px;
           
             font-weight: bold; /* O el valor que desees */
        }
       
        .box-buscar-propiedades .box-interior input[type=radio] {
            font-size: 14px;
            border-radius: 9px;
        }

        .box-buscar-propiedades2 .box-interior2 input[type=radio] {
            font-size: 14px;
            border-radius: 9px;
        }
        
        .box-buscar-propiedades .box-interior .estado {
            width: 180px;
            background-color: #ffffff;
            color: #000000;
            border: 1px solid #4946ff;
            padding: 7px;   
            margin: 0 10px;
            font-size: 14px;
            display: inline-block;
            border-radius: 9px;
            font-family: 'Courier New', Courier, monospace;
             font-weight: bold; /* O el valor que desees */
        }

        .box-buscar-propiedades2 .box-interior2 .estado2 {
            width: 180px;
            background-color: #ffffff;
            color: #000000;
            border: 1px solid #4946ff;
            padding: 7px;   
            margin: 0 10px;
            font-size: 14px;
            display: inline-block;
            border-radius: 9px;
            font-family: 'Courier New', Courier, monospace;
             font-weight: bold; /* O el valor que desees */
        }
        
        .box-buscar-propiedades .box-interior .estado span {
            margin: 0 7px;

           border-radius: 9px;
        }

        .box-buscar-propiedades2 .box-interior2 .estado2 span {
            margin: 0 7px;

           border-radius: 9px;
        }

        .box-buscar-propiedades2 {
            position: static;
            max-width: 900px;
            width: auto;
            bottom: 100px;
           margin-top: 3%;
           
           z-index: 994;
            
        }
        /* P R O P I E D A D E S */

        .page-propiedades {
            color: #444;
            background-color: #3535358a;
        }
        
        .page-propiedades .contenedor-propiedades {
            max-width: 1200px;
            margin: auto;
            top: 50%; /* Lo posiciona verticalmente en el centro */
            margin-top: 4%;
        }

        .info3 .contenedor-propiedades {
            max-width: 1200px;
            margin: auto;
            top: 50%; /* Lo posiciona verticalmente en el centro */
            margin-top: 4%;
        }
        .page-propiedades2 .contenedor-propiedades {
            max-width: 1100px;
            margin: 120px;
        }

        .page-propiedades .titulo-seccion {
           
              position: inherit;
                color: #000000;
                top: auto; /* Reiniciar la posición vertical */
                left: 3%;
                margin-top: 2%; /* Ajustar el espacio superior */
                font-size: 22px;
                font-family: Arial, sans-serif;
        }
    
       
    
    
        .page-propiedades2 .titulo-seccion{
            text-align: center;
            color: #ffffff;
            
        }
        .page-propiedades .fila {
            display: flex;
            justify-content: space-between;
            margin: 25px 0;
        }
    


        .page-propiedades .titulo-contenedor {
            position: relative;
            
          top: 90%;
          left: 5%;
          background-color: #f0f0f0;
           border-radius: 15px;
           z-index: 994;
           margin-top: 10%;
           height: 75px;
           width: 90%;
           border: 2px solid #ffffff; /* Borde con color */
        border-radius: 10px; /* Bordes redondeados */
        box-shadow: 4px 4px 10px rgba(255, 255, 255, 0.5); /* Sombra */
        }

        .page-propiedades .contacto {

            position: absolute;
            top: auto; /* Reiniciar la posición vertical */
                left:  79%;
                margin-top: -4%; /* Ajustar el espacio superior */
                z-index: 994;
        }
    /*.page-propiedades2 .fila {
        display: flex;
        justify-content: space-between;
        margin: 25px 0;
    }*/
        
        .page-propiedades .contenedor-propiedad {
            max-width: 380px;
            margin: 0 10px;
            background-color: #fff;
            box-shadow: 2px 4px 3px #424242;
            scale: 1;
            transition: transform .5s;
            padding-bottom: 10px;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
    overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
        }
        .page-propiedades2 .contenedor-propiedad {
            max-width: 380px;
            margin: 0 10px;
            background-color: #fff;
            box-shadow: 2px 4px 3px #424242;
            scale: 1;
            transition: transform .5s;
            padding-bottom: 10px;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
    overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
        }
        
        .page-propiedades .contenedor-propiedad:hover {
            transform: scale(1.05);
        }
        .page-propiedades2 .contenedor-propiedad:hover {
            transform: scale(1.05);
        }
        
        .page-propiedades .contenedor-propiedad .contenedor-img {
            width: 100%;
            position: relative;
        }
        .page-propiedades2 .contenedor-propiedad .contenedor-img {
            width: 100%;
            position: relative;
        }
        .page-propiedades .contenedor-propiedad .contenedor-img .estado {
            width: 100%;
            position: absolute;
            top: 20px;
            left: 20px;
            background-color: #6247df;
            width: auto;
            color: #fff;
            padding: 5px 10px;
            border-radius: 6px;
        }

        
        .page-propiedades2 .contenedor-propiedad2 .contenedor-img .estado {
            width: 100%;
            position: absolute;
            top: 20px;
            left: 20px;
            background-color: #6247df;
            width: auto;
            color: #fff;
            padding: 5px 10px;
            border-radius: 9px;
        
        }
        
        .page-propiedades .contenedor-propiedad .contenedor-img img {
            object-fit: cover;
            width: 550px;
            height: 350px;
        }
        .page-propiedades2 .contenedor-propiedad .contenedor-img img {
            object-fit: cover;
            width: 100%;
            height: 350px;
        }
        
        .page-propiedades .contenedor-propiedad .info {
            padding: 0 10px;
        }

        .info3.contenedor-propiedad .info2 {
            padding: 0 10px;
        }
        .page-propiedades2 .contenedor-propiedad .info {
            padding: 0 10px;
        }
        
        .page-propiedades .contenedor-propiedad h2 {
            font-size: 16px;
            margin: 10px 0;
        }
        .page-propiedades2 .contenedor-propiedad h2 {
            font-size: 16px;
            margin: 10px 0;
        }
        
        .page-propiedades .contenedor-propiedad p {
            font-size: 14px;
            color: #aaa;
        }
        .page-propiedades2 .contenedor-propiedad p {
            font-size: 14px;
            color: #aaa;
        }
        
        .page-propiedades .contenedor-propiedad p i {
            color: #000000;
            margin-right: 10px;
        }
        .page-propiedades2 .contenedor-propiedad p i {
            color: #ffffff;
            margin-right: 10px;
        }
        
        .page-propiedades .contenedor-propiedad .precio {
            display: inline-block;
            font-size: 26px;
            color: #6247df;
            margin: 5px 0;
        }
        .page-propiedades2 .contenedor-propiedad .precio {
            display: inline-block;
            font-size: 26px;
            color: #6247df;
            margin: 5px 0;
        }
        
        .page-propiedades .contenedor-propiedad table {
            width: 100%;
            font-size: 14px;
            text-align: left;
            margin: 10px 0;
        }
        .page-propiedades2 .contenedor-propiedad table {
            width: 100%;
            font-size: 14px;
            text-align: left;
            margin: 10px 0;
        }
        
        .page-propiedades .contenedor-propiedad table td {
            color: #aaa;
        }
        .page-propiedades2 .contenedor-propiedad table td {
            color: #aaa;
        }
        .page-propiedades #botonCargarMas {
            display: block;
            width: 200px;
            margin: 20px auto;
            padding: 15px;
            font-size: 14px;
            font-weight: bold;
            background-color: #00158d;
            color: #fff;
            border: none;
            cursor: pointer;
            transition: .5s;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
        }
        
        
        .page-propiedades #botonCargarMas:hover {
            background-color: #7d72e2;
        }
        
        /* P U B L I C A C I O N */
        
        .page-publicacion .contenedor-principal {
            max-width: 1250px; /* Ancho máximo del contenedor */
            margin: 50px 0; /* Solo margen superior e inferior */
            display: flex;
            position: relative; /* Permite posicionar elementos relativos */
            top: 60%; /* Lo posiciona verticalmente en el centro */
            left: 2%;
        }
        
        .page-publicacion .contenedor-principal .info-publicacion {
            width: 100%;
            max-width: 950px;
            border-radius: 15px;
            
           
        }
        
        .page-publicacion .contenedor-principal .info-publicacion h2 {
            margin-bottom: 7px;
        }
        
        .page-publicacion .contenedor-principal .form-contacto {
            width: 100%;
            max-width: 300px;
        }
        
        .page-publicacion section {
            width: 100%;
            background-color: #fff;
            border: 1px solid #aaa;
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 15px;
            justify-content: center;
        }
        
        .page-publicacion .info-publicacion .dato1 {
            display: flex;
            justify-content: space-between;
        }
        
        .page-publicacion .info-publicacion .dato1 .precio {
            display: inline-block;
            font-size: 26px;
            color: #5855ff;
            margin: 5px 0;
            font-weight: bolder;
        }
        
        .page-publicacion .info-publicacion .dato1 .estado {
            display: inline-block;
            background-color: #5855ff;
            color: #fff;
            padding: 10px 20px;
            font-weight: bold;
            border-radius: 6px;
        }
        
        .page-publicacion .info-publicacion .contenedor-imagen-principal {
            width: 100%;
            margin-top: 15px;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
            overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
           
        }
        
        .page-publicacion .info-publicacion .contenedor-imagen-principal img {
            width: 90%;
            height: 550px;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
            overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
        }
        
        .page-publicacion .info-publicacion .galeria {
            margin-top: 20px;
            width: 100%;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
            overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
        }
        
        .page-publicacion .info-publicacion .galeria img {
            width: 100%;
            max-width: 240px;
            object-fit: cover;
            height: 154px;
            margin-right: 10px;
            cursor: pointer;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
            overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
            margin-top: 1%;
        }
        
        .page-publicacion .info-publicacion h2 {
            display: inline-block;
            font-size: 22px;
            color: #000000;
            margin: 5px 0;
            font-weight: bolder;
        }
        .page-publicacion .info-publicacion .descripcion .fila {
            display: flex;
            margin: 30px 0
           
        }
        
        .page-publicacion .info-publicacion .descripcion .fila .dato {
            width: 150px;
            /*border-left: 5px solid #5855ff;*/
            padding-left: 5px;
        }
        
        .page-publicacion .info-publicacion .descripcion .fila .dato span {
            display: block;
        }
        
        .page-publicacion .info-publicacion .descripcion .fila .dato .header {
            font-size: 13px;
            font-weight: bold;
        }
        
        .page-publicacion .info-publicacion .descripcion .fila .dato .valor {
            font-size: 13px;
            color: #607d8b;
        }
        
        .page-publicacion .info-publicacion .descripcion .detalle {
            width: 100%;
            height: 100%;
        }
        
        .page-publicacion .form-contacto-publicacion {
            max-width: 320px;
            width: 100%;
            background-color: #fff;
            border: 1px solid #aaa;
            padding: 15px;
            margin-bottom: 20px;
            font-size: 14px;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
            overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
            
        }
        
        .page-publicacion .form-contacto-publicacion h3 {
            margin-bottom: 10px;
            
        }
        
        .page-publicacion .form-contacto-publicacion label {
            display: block;
            width: 100%;
            margin-bottom: 6px;
            color: #607d8b;
            
        }
        
        .page-publicacion .form-contacto-publicacion div {
            margin-bottom: 15px;
        }
        
        .page-publicacion .form-contacto-publicacion input,
        .page-publicacion .form-contacto-publicacion textarea {
            display: block;
            width: 100%;
            padding: 10px;
        }
        
        .page-publicacion .compartir a {
            font-size: 24px;
            padding: 5px 0;
            display: inline-block;
            width: 60px;
            background-color: #5855ff;
            color: #fff;
            text-decoration: none;
            text-align: center;
            margin-right: 20px;
            transition: .5s;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
            overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
        }
        .page-publicacion .compartir2 a {
            font-size: 24px;
            padding: 5px 0;
            display: inline-block;
            width: 60px;
            background-color: #5855ff;
            color: #fff;
            text-decoration: none;
            text-align: center;
            margin-right: 20px;
            transition: .5s;
            border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
            overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
        }
        
        .page-publicacion .compartir a:hover {
            background-color: #e5bc35b6;
        }
        .page-publicacion .compartir2 a:hover {
            background-color: #5b35e5b6;
        }
        
        .page-publicacion .compartir a .fa-whatsapp {
            font-size: 30px;
        }
        .page-publicacion .compartir2 a .fa-whatsapp {
            font-size: 30px;
        }
        .page-publicacion .compartir h3 {
            margin-bottom: 15px;
        }
        .page-publicacion .compartir2 h3 {
            margin-bottom: 15px;
        }
        /* Ventana MODAL para las imagenes */
        
        /* Estilo general del modal */
        .modal {
            display: none; /* Oculto por defecto */
            position: fixed; /* Fijo para que cubra toda la pantalla */
            z-index: 1000; /* Asegura que esté por encima de otros elementos */
            left: 0;
            top: 0;
            width: 100%; /* Cubre todo el ancho */
            height: 100%; /* Cubre toda la altura */
            background-color: rgba(29, 30, 80, 0.8); /* Fondo semitransparente */
            
            justify-content: center;
            align-items: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            background-color: #fff;
            border-radius: 10px;
            overflow: hidden; /* Evita contenido desbordado */
            display: flex;
            flex-direction: column;
            align-items: center;
            top: 6%;
            right: -5%;
        }
        
        .modal-content #fotoModal {
            width: 100%;
            height: auto;
            max-height: 80vh; /* Altura máxima relativa a la altura de la ventana */
            object-fit: contain; /* Asegura que toda la imagen sea visible */
            background-color: #f0f0f0;
        }
        
        .modal-content .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 24px;
            color: #333;
            cursor: pointer;
            background: rgba(137, 145, 255, 0.8);
            padding: 5px 10px;
            border-radius: 5%;
            transition: background-color 0.3s ease;
        }
        
        .modal-content .close:hover {
            background-color: #f00;
            color: #fff;
        }
        
        /* Botones de navegación */
.modal-content .btn-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.modal-content .btn-nav:hover {
    background-color: #333;
}

.modal-content .btn-left {
    left: 5%; /* Ajusta según el diseño */
}

.modal-content .btn-right {
    right: 5%; /* Ajusta según el diseño */
}

        

        /* B U S Q U E D A */
        
        .page-busqueda .contenedor-busqueda {
            max-width: 1200px;
            margin: 40px auto;
            background-color: #fff;
            border: 1px solid #aaa;
            padding: 0 15px;
        }
        
        .page-busqueda .contenedor-busqueda h3 {
            margin-top: 7px;
            font-size: 16px;
        }
        
        .page-busqueda .contenedor-busqueda h3 span {
            font-weight: normal;
            font-style: italic;
        }
        
        .page-busqueda .resultado {
            width: 100%;
            background-color: #eee;
            border: 1px solid #424242;
            box-shadow: 2px 2px 3px #424242;
            margin: 20px 0;
            display: flex;
            padding: 5px;
            cursor: pointer;
        }
        
        .page-busqueda .resultado .contenedor-imagen {
            width: 100%;
            max-width: 190px;
            margin-right: 20px;
        }
        
        .page-busqueda .resultado .contenedor-imagen img {
            object-fit: cover;
            width: 100%;
            height: 135px;
        }
        
        .page-busqueda .resultado .info {
            width: 100%;
        }
        
        .page-busqueda .resultado .info .titulo {
            font-size: 18px;
            font-weight: bold;
        }
        
        .page-busqueda .resultado .info .detalles {
            margin: 10px 0;
            display: flex;
        }
        
        .page-busqueda .resultado .info .detalles .dato1 {
            max-width: 140px;
            width: 100%;
           /* border-left: 6px solid #4c3ca8;*/
            padding-left: 5px;
        }
        
        .page-busqueda .resultado .info .detalles .dato1 span {
            display: block;
        }
        
        .page-busqueda .resultado .info .detalles .dato1 .header {
            font-weight: bold;
            display: block;
        }
        
        .page-busqueda .resultado .info .detalles .dato1 .header {
            font-weight: bold;
            color: #444;
            display: block;
            font-size: 14px;
        }
        
        .page-busqueda .resultado .info .detalles .dato1 .texto {
            font-size: 14px;
            color: #607d8b;
        }
        /* C O N T A C T O */
        
        .page-contacto .contenedor-contacto {
            max-width: 95%;
            width: 100%;
            margin: 3% auto;
            display: flex;
            justify-content: space-between;
            font-size: 14px;
        }
       
        
        .page-contacto .titulo-seccion{
            text-align: center;
            margin-top: 30px;
        }
        
        .page-contacto .contenedor-contacto .col {
            width: 33%;
            background-color: #fff;
            border: 1px solid #aaa;
            text-align: space-between;
        }
        
        .page-contacto .contenedor-contacto .info {
            padding: 40px;
        }
        
        .page-contacto .contenedor-contacto .info div {
            margin-bottom: 20px;
        }
        
        .page-contacto .formulario {
            padding: 15px;
        }
        
        .page-contacto .formulario h3 {
            margin-bottom: 10px;
            
        }
        
        .page-contacto .formulario label {
            display: block;
            width: 100%;
            margin-bottom: 6px;
            color: #607d8b;
        }
        
        .page-contacto .formulario div {
            margin-bottom: 15px;
        }
        
        .page-contacto .formulario input,
        .page-contacto .formulario textarea {
            display: block;
            width: 100%;
            padding: 10px;
        }
        /* S E C C I O N P A R A M O V I L */
        @media only screen and (max-width: 1000px) {

            

            .casa-formulario {
                font-family: 'Arial', sans-serif;
                background-color: #f4f4f4;
                margin: 0;
                display: none
            ;
                align-items: center;
                justify-content: center;
                height: 400px;
            }
            .col2 {
                width: 150%;
                    background-color: #fff;
                    border: 1px solid #ffffff;
                    text-align: center;
                    display: flex;
                }
                .col2 .form-containerr2 {
                    background-color: #fff;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                    border-radius: 8px;
                    padding: 55px;
                    width: 100%;
                    height: 380;
                    position: flex; /* Hace que el formulario sea flotante */
                    top: 60px; /* Lo posiciona verticalmente en el centro */
                   left: 90px; /* Lo posiciona horizontalmente en el centro */
                  /*transform: translate(-50%, -50%); /* Ajusta el centro del formulario */
                }

                .col2 input,
    .col2 textarea {
        width: 100%; /* Usa el 100% del ancho del contenedor */
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        
    }
            .page-publicacion .contenedor-principal {
                max-width: 1200px;
                margin: 40px 10px;
                display: block;
            }
            .page-publicacion .contenedor-principal .info-publicacion {
                max-width: 100%;
            }
            .page-publicacion .info-publicacion .galeria img {
                width: 30%;
                object-fit: cover;
                height: 154px;
                margin-right: 10px;
                cursor: pointer;
            }
            .page-publicacion .form-contacto-publicacion {
                max-width: 100%;

            }
            .page-contacto .contenedor-contacto {
                max-width: 1200px;
                width: 100%;
                margin: 10px auto;
                display: block;
                padding: 10px;
            }
            .page-contacto .contenedor-contacto .col {
                width: 100%;
                margin-bottom: 20px;
              
            }
            .page-publicacion .compartir2 a {
                font-size: 24px;
                padding: 5px 0;
                display: inline-block;
                width: 60px;
                background-color: #5855ff;
                color: #fff;
                text-decoration: none;
                text-align: center;
                margin-right: 20px;
                transition: .5s;
                border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
                overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
            }
            .page-contacto .formulario input,
            .page-contacto .formulario textarea {
                display: block;
                width: 100%;
                padding: 10px;
            }
            footer.inferior2{
                position: relative;
            }
            
        }
        
        @media only screen and (max-width: 768px) {

            


            .page-propiedades .titulo-contenedor {
                position: relative;
                
              top: 90%;
              left: 5%;
              background-color: #f0f0f0;
               border-radius: 15px;
               z-index: 994;
               margin-top: 10%;
               height: 10;
               width: 90%;
               border: 2px solid #ffffff; /* Borde con color */
            border-radius: 10px; /* Bordes redondeados */
            box-shadow: 4px 4px 10px rgba(255, 255, 255, 0.5); /* Sombra */
            }
    
            .page-propiedades .contacto {
                 display: none;
                position: absolute;
                top: auto; /* Reiniciar la posición vertical */
                    left:  60%;
                    margin-top: -4%; /* Ajustar el espacio superior */
                    z-index: 996;
                   
            }

            .page-propiedades .titulo-contenedor .titulo-seccion {
           
                position: inherit;
                  color: #000000;
                  top: auto; /* Reiniciar la posición vertical */
                  left: 0%;
                  margin-top: 8%; /* Ajustar el espacio superior */
                  font-size: 15px;
                  font-family: Arial, sans-serif;
                }  
            .page-contacto .central {
                max-width: 95%;
                width: 100%;
                margin: 3% auto;
                display: flex;
                justify-content: space-between;
                font-size: 14px;
                margin-top: 30%;
            }
            
            
            .pos-centrada {
                margin: 10px auto;
                top: 350px; /* Lo posiciona verticalmente en el centro */
                 left: auto;
                 opacity: 0.95; /* Ajusta este valor según lo opaca que quieras la imagen (de 0 a 1) */
                 border-radius: 15px;
            }
            
            .box-buscar-propiedades {
                position: static;
                max-width: 900px;
                width: auto;
                bottom: 100px;
               
                


            }

            .box-buscar-propiedades2 {
                position: static;
                max-width: 900px;
                width: auto;
                bottom: 100px;
               
                


            }
            .container {
                max-height:100%;  /* Aseguramos que la imagen no exceda el 100% de la altura del contenedor */
                max-width: 100%;  /* Aseguramos que la imagen no exceda el 100% del ancho del contenedor */
                margin-top: -52%;
               
            }
            .imagen-bajo-nav {
                position: inherit;
                justify-content: center; /* Centramos horizontalmente la imagen */
                top: -1%;
                height: auto; /* Establecemos la altura del contenedor al 80% del viewport height */
                width: 100%; /* Establecemos el ancho del contenedor al 90% */
                margin: 0 auto; /* Centramos el contenedor horizontalmente */
                z-index: 993;
                left: 25%;
                display: flex;
            }
            
            .imagen-bajo-nav img {
                max-height: 105%; /* Aseguramos que la imagen no exceda el 100% de la altura del contenedor */
                max-width: 112%;  /* Aseguramos que la imagen no exceda el 100% del ancho del contenedor */
                margin-top: 45%;
            }
            .col2 {
                width: 100%;
                    background-color: #fff;
                    border: 1px solid #ffffff;
                    text-align: left;
                    display: flex;
                }
                .col2 .form-containerr2 {
                    background-color: #fff;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                    border-radius: 8px;
                    padding: 55px;
                    width: 394px;
                    height: 380;
                    position: flex; /* Hace que el formulario sea flotante */
                    top: 60px; /* Lo posiciona verticalmente en el centro */
                   left: 90px; /* Lo posiciona horizontalmente en el centro */
                  /*transform: translate(-50%, -50%); /* Ajusta el centro del formulario */
                }

                .col2 input,
    .col2 textarea {
        width: 100%; /* Usa el 100% del ancho del contenedor */
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        
    }
    .contenedor-header nav {
        display: none; /* Ocultar el menú de navegación por defecto */
    }
    
    .container header .info .numero-telefono {
        display: none; /* Ocultar el número de teléfono en el encabezado */
    }
    
    .contenedor-header .nav-responsive {
        display: table-column; /* Mostrar el menú responsive */
        position: static; /* Posicionar el menú de forma absoluta */
        max-width: 100%; /* Establecer el ancho máximo al ancho automático */
        top: 6%; /* Posicionar el menú un 5% desde la parte superior del contenedor padre */
        left: 52%; /* Posicionar el menú en el centro horizontalmente */
        
        color: #5b36ff; /* Color del texto del menú */
       
    }
    
            .home h2{
                padding-top: 40px;
                font-size: 30px; 
            }
          .box-buscar-propiedades {
                position:relative;
                max-width: 350px;
                width: 100%;
                top: 0%;
                background: rgba(0, 0, 0, 0);
               left: 10%;
            }
           .pos-inferior {
                position: relative;

            }
           .box-interior {
                padding: 15px;

            }
            .box-buscar-propiedades .box-interior select,
           
            .box-buscar-propiedades .box-interior .estado {
                width: 100%;
                display: block;
                margin-bottom: 10px;
                margin-left: 0;
            }

            .box-buscar-propiedades2 {
                position:relative;
                max-width: 350px;
                width: 100%;
                top: 30px;
                background: rgba(0, 0, 0, 0.5);
               left: 0%;
               margin-top: 50%;

               
            }
            .pos-inferior2 {
                position: relative;

            }
            .box-interior2 {
                padding: 15px;

            }
           .box-buscar-propiedades2 .box-interior2 select,
           
            .box-buscar-propiedades2 .box-interior2 .estado2 {
                width: 100%;
                display: block;
                margin-bottom: 10px;
                margin-left: 0;
            }

            /* ESTILO PROPIEDADES */
            .page-propiedades .fila {
                display: block;
                margin: 25px 0;
            }
            .page-propiedades .titulo-seccion {
                text-align: center;
                color: #ffffff;
                top: auto; /* Reiniciar la posición vertical */
                margin-top: 1%; /* Ajustar el espacio superior */
            }
            .page-propiedades2 .fila {
                display: none;
                margin: 20px 0;
            }
            .page-propiedades .contenedor-propiedad {
                max-width: 90%;
                margin: 10% auto;
                
            }
                .page-propiedades2 .contenedor-propiedad {
                    max-width: 50%;
                    margin: 40px auto;
            }
            .page-propiedades .box-buscar-propiedades .box-interior select,
          
            .page-propiedades .box-buscar-propiedades .box-interior .estado {
                width: 100%;
                display: block;
                margin-bottom: 10px;
                margin-left: 0;
            }

            .page-propiedades .box-buscar-propiedades{
                margin: 0px;
            }
            .page-propiedades .box-buscar-propiedades p{
                font-size: 18px;
            }
            .page-propiedades .box-interior{
                padding: 15px;
            }

            .page-busqueda .box-buscar-propiedades .box-interior select,
           
            .page-busqueda .box-buscar-propiedades .box-interior .estado {
                width: 100%;
                display: block;
                margin-bottom: 10px;
                margin-left: 0;
            }

            .page-busqueda #detalle-ocultar{
                display: none;
            }
            .page-busqueda span.titulo{
                font-size: 16px !important;
            }
            .page-busqueda p{
                font-size: 12px;
            }

           
        
    
       
            .popup {
                display: none; /* Oculta el pop-up inicialmente */
                position: fixed; 
                top: 0;
                left: 0;
                width: 144%;
                height: 144%;
                background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
                
                z-index: 999; /* Asegura que el pop-up esté por encima de otros elementos */
            }
    
            .popup-content {
                position: absolute;
                top: 35%;
                left:  35%;
                transform: translate(-50%, -50%);
                background-color: rgba(0, 0, 0, 0.5);
                padding: 10px;
                border-radius: 5px;
                text-align: center;
               
            }

            .popup-content .cerrarpop{
                position: absolute;
                top: 10px;
                right: 10px;
                font-size: 24px;
                color: #333;
                cursor: pointer;
                background: rgba(255, 255, 255, 0.918);
                padding: 5px 10px;
                border-radius: 35%;
                transition: background-color 0.3s ease;
            }
            
            .popup-content .cerrarpop:hover{
                background-color: #f00;
                color: #fff;
            }
            
            .page-publicacion .contenedor-principal {
                
                margin-top: 65%; /* Lo posiciona verticalmente en el centro */
                left: 1%;
            }
            .page-publicacion .info-publicacion .contenedor-imagen-principal img {
                width: 100%;
                height:  100%;
                border-radius: 15px; /* Puedes ajustar el valor según tu preferencia */
                overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
                
            }
            .page-publicacion .info-publicacion .galeria {
                margin-top: 20px;
                width: 100%;
                border-radius: 20px; /* Puedes ajustar el valor según tu preferencia */
                overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
            }
            
            .page-publicacion .info-publicacion .galeria img {
                width: 25%;
                max-width: 240px;
                object-fit: cover;
                height: 70px;
                margin-right: 10px;
                cursor: pointer;
                border-radius: 10px; /* Puedes ajustar el valor según tu preferencia */
                overflow: hidden;   /* Asegura que el contenido no sobresalga del contenedor redondeado */
            }

            .modal {
                display: none; /* Oculto por defecto */
                position: fixed; /* Fijo para que cubra toda la pantalla */
                z-index: 1000; /* Asegura que esté por encima de otros elementos */
                left: 0;
                top: 0;
                width: 100%; /* Cubre todo el ancho */
                height: 100%; /* Cubre toda la altura */
                background-color: rgba(29, 30, 80, 0.8); /* Fondo semitransparente */
                
                justify-content: center;
                align-items: center;
            }
            
            .modal-content {
                position: relative;
                max-width: 90%;
                max-height: 90%;
                background-color: #fff;
                border-radius: 10px;
                overflow: hidden; /* Evita contenido desbordado */
                display: flex;
                flex-direction: column;
                align-items: center;
                top: 30%;
                right: -5%;
            }
            
            .modal-content #fotoModal {
                width: 100%;
                height: 330px;
                max-height: 80vh; /* Altura máxima relativa a la altura de la ventana */
                object-fit: contain; /* Asegura que toda la imagen sea visible */
                background-color: #f0f0f0;
            }
            
            .modal-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                font-size: 24px;
                color: #333;
                cursor: pointer;
                background: rgba(137, 145, 255, 0.8);
                padding: 5px 10px;
                border-radius: 20%;
                transition: background-color 0.3s ease;
            }
            
            .modal-content .close:hover {
                background-color: #f00;
                color: #fff;
            }
            
            /* Botones de navegación */
    .modal-content .btn-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 36px;
        color: #fff;
        cursor: pointer;
        padding: 10px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        transition: background-color 0.3s ease;
    }
    
    .modal-content .btn-nav:hover {
        background-color: #333;
    }
    
    .modal-content .btn-left {
        left: 5%; /* Ajusta según el diseño */
    }
    
    .modal-content .btn-right {
        right: 5%; /* Ajusta según el diseño */
    }
    }
        @media only screen and (max-width: 450px) {
            .col2 {
                width: 100%;
                    background-color: #ffffff00;
                    border: 1px solid #ffffff00;
                    text-align: left;
                    display: flex;
                }
                .col2 .form-containerr2 {
                    background-color: #fff;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                    border-radius: 8px;
                    padding: 55px;
                    width: 397px;
                    height: 380;
                    position: flex; /* Hace que el formulario sea flotante */
                    top: 60px; /* Lo posiciona verticalmente en el centro */
                   left: 90px; /* Lo posiciona horizontalmente en el centro */
                  /*transform: translate(-50%, -50%); /* Ajusta el centro del formulario */
                }

                .col2 input,
    .col2 textarea {
        width: 100%; /* Usa el 100% del ancho del contenedor */
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        
    }
           
            .page-publicacion .info-publicacion .descripcion .fila {
                display: block;
                margin: 0;
            }
            .page-publicacion .info-publicacion .descripcion .fila .dato{
                margin: 5px 0;
            }
            .page-publicacion .info-publicacion .descripcion .fila .dato .header{
               display: inline;
            }
            .page-publicacion .info-publicacion .descripcion .fila .dato .valor{
                display: inline;
            
             }

             buscador

             body {
                font-family: Arial, sans-serif;
                background-color: #f2f2f2;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
                margin: 0;
            }
            
            .search-container {
                display: flex;
                background-color: #fff;
                border-radius: 5px;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
                overflow: hidden;
            }
            
            .search-box {
                border: none;
                padding: 10px;
                font-size: 16px;
                width: 200px;
                outline: none;
            }
            
            .search-button {
                background-color: #007BFF;
                color: #fff;
                border: none;
                padding: 10px 20px;
                cursor: pointer;
                transition: background-color 0.2s;
            }
            
            .search-button:hover {
                background-color: #0056b3;
            }
                
         /*////////////////////////*/    
        

        
        
        }