﻿.proyectos-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-around; /* Ajustado para mejorar el espaciado entre filas */
}

.proyecto-card {
    width: 333px;
    height: 570px;
    margin: 10px;
    margin-bottom: 30px; /* Ajustado para aumentar el espacio entre las filas de tarjetas */
}

.imagen-proyecto {
    width: 333px;
    height: 200px;
    object-fit: cover;
}

.contenido-financiero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px; /* Añade relleno a la izquierda */
    padding-right: 10px; /* Añade relleno a la derecha */
}

.progress-bar-container {
    padding-left: 10px; /* Añade relleno a la izquierda */
    padding-right: 10px; /* Añade relleno a la derecha */
}

.contenido-inversores {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2px; /* Añade relleno a la izquierda */
    padding-right: 10px; /* Añade relleno a la derecha */
}

.fixed-width-tooltip {
    max-width: 200px; /* Ajusta este valor según tus necesidades */
    white-space: normal; /* Asegura que el texto se ajuste dentro del ancho fijo */
}

.left-aligned-tooltip {
    text-align: left; /* Alinea el texto a la izquierda */
}

.rentabilidad-container {
    display: flex;
    justify-content: space-between;
}

.fuente-personalizada {
    font-family: 'Arial', sans-serif; /* Cambia 'Arial' por el tipo de fuente que prefieras */
    font-size: 14px; /* Cambia 14px por el tamaño de fuente que prefieras */
}
