/* Main CSS - Importa todos los componentes */

/* Base styles */
@import url('base.css');

/* Component styles */
@import url('components/navbar.css');
@import url('components/hero.css');
@import url('components/categorias.css');
@import url('components/propiedad-card.css');
@import url('components/propiedades-destacadas.css');
@import url('components/asesoramiento.css');
@import url('components/footer.css');

/* Page styles */
@import url('detalle.css');

/* Botón flotante de WhatsApp */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}

.whatsapp-btn {
    display: block;
    width: 65px;
    height: 65px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.whatsapp-btn:hover {
    transform: scale(1.1);
}

.whatsapp-icon {
    width: 65px;
    height: 65px;
    object-fit: contain;
}

/* Asegurar que las imágenes de propiedades siempre sean visibles */
.propiedad-imagen,
.propiedad-imagen img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Media queries para garantizar visibilidad en todos los tamaños */
@media (max-width: 767px) {
    .propiedad-imagen,
    .propiedad-imagen img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 768px) {
    .propiedad-imagen,
    .propiedad-imagen img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}