/* Ajuste del tamaño de los íconos dentro de .iconos */
.iconos img {
    width: 20px; /* Tamaño fijo del icono */
    height: auto; /* Mantener la proporción */
    vertical-align: middle; /* Alinear correctamente */
    margin-right: 5px; /* Espaciado entre el icono y el texto */
}

/* Limitar el excerpt a 3 líneas */
.card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Ajusta el número de líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(1.5em * 3); /* Ajusta este valor según el tamaño de la fuente */
    line-height: 1.5em;
}

/* Asegurar que el excerpt se comporte correctamente */
.card-text {
    min-height: 0; /* Permite que el overflow se aplique correctamente */
    flex-shrink: 1;
}

/* Centrar el botón dentro de la card */
.btn {
    display: block;
    margin: 0 auto;  /* Centra horizontalmente */
}

/* Enlaces visitados (visited) en blanco */
.btn:visited {
    color: #fff;
}

/* Ajuste para la columna de precio e iconos en el detalle de la propiedad */
.precio {
    font-size: 24px;
    font-weight: bold;
    color: #007bff; /* Ajusta el color del precio según el diseño */
    margin-bottom: 15px;
}

/* Contenedor de iconos en la página de detalle */
.detalle-iconos {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Alinea todo el contenido a la izquierda */
    justify-content: start;
    gap: 10px; /* Espaciado entre íconos */
}

/* Cada fila de icono con su texto */
.detalle-iconos p {
    display: flex;
    align-items: center; /* Asegura que el icono y el texto estén alineados */
    font-size: 16px;
    font-weight: 500;
    margin: 0; /* Evita espacios extra */
}

/* Ajuste del tamaño de los íconos dentro de .detalle-iconos */
.detalle-iconos img {
    width: 20px; /* Tamaño fijo del icono */
    height: auto; /* Mantener la proporción */
    margin-right: 5px; /* Espaciado entre el icono y el texto */
}

/* Estilización de la descripción */
.descripcion {
    padding: 50px;
    background: #ffffff; /* Asegurar que el fondo sea visible */
    border-radius: 8px; /* Bordes redondeados opcionales */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 1); /* Sombra suave */
}

/* ----- NUEVAS MODIFICACIONES PARA UNIFORMIDAD EN LAS TARJETAS ----- */

/* Asegurar que todas las imágenes de las tarjetas tengan el mismo tamaño */
.card-img-top {
    width: 100%; /* Asegura que se ajuste al ancho de la card */
    height: 200px; /* Ajusta la altura fija de la imagen */
    object-fit: cover; /* Mantiene la proporción y recorta si es necesario */
}

/* Asegurar que todas las tarjetas tengan la misma altura */
.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Asegurar que el contenido dentro de la card se distribuya de manera uniforme */
.card-body {
    flex-grow: 1; /* Permite que el contenido se expanda */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Para que todas las cards tengan el mismo tamaño en distintas resoluciones */
.col-12.col-md-3 {
    display: flex;
}