/* Home layout */
.home-layout {
    height: 100vh;                      /* Full viewport height */
    overflow-y: auto;                   /* Allow vertical scroll */
    padding: 1rem 2rem 4rem 2rem;       /* top, right, bottom, left */
}
/* Fit for smart screens */
@media (max-width: 992px) {
    .home-layout {
        padding: 1rem 2rem 4rem 2rem;  /* usa 5% del ancho de la pantalla como margen lateral */
    }
}
/* Title of the page */
.home-title {
    font-size: 4rem;                    /* Large text size for visibility */
    font-weight: 700;                   /* Bold text */
    color: #1E1E1E;                     /* Dark gray text color */
    margin-bottom: 0.5rem;              /* Space below the title */
    text-align: center;                 /* Center the title */
}
/* Subtitle text just below the title */
.home-subtitle {
    font-size: 2.2rem;                  /* Slightly larger than body text */
    font-weight: 400;                   /* Normal weight */
    color: #444;                        /* Medium gray for contrast */
    margin-bottom: 2rem;                /* Add spacing below */
    text-align: center;                 /* Center the subtitle */
}
.home-subtitle-bold {
    color: #1E1E1E;
    font-weight: 700;   /* Mantiene la negrita */
}

/* Title container*/
.home-title-section {
    text-align: center;                 /* Center the text */
    padding: 1.5rem 3.5rem 0.5rem 3.5rem;   /* Padding*/
    margin-bottom: 0;                   /* No Space below*/
}

/* Card container*/
.home-card-section {
    display: flex;                      /* Use flexbox layout */
    justify-content: center;            /* Center cards horizontally */
    flex-wrap: wrap;                    /* Allow cards to wrap to next line */
    gap: 2rem;                          /* Space between cards */
    margin: 0 auto 2rem auto;     /* Center and space from bottom */
    padding: 1rem 4rem 1rem 4rem;     /* Inner spacing (top, sides, bottom) */
    max-width: 1200px;                  /* Limit total width of container */
}
/* Individual card_style */
.home-card {
    width: 230px;                       /* Fixed card width */
    height: 130px;                      /* Fixed card height */

    display: flex;                     /* Activar flexbox */
    flex-direction: column;            /* Apilar elementos verticalmente */
    justify-content: space-between;    /* Mantener título arriba y valor abajo */
    align-items: center;               /* Centrar horizontalmente */

    text-align: center;                 /* Center content inside card */
    border-radius: 15px;                /* Rounded corners */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Subtle shadow for depth */
    background-color: white;            /* White background */
    padding: 1rem;                      /* Inner spacing */
    transition: transform 0.2s ease;    /* Smooth hover animation */
}
/* Card title */
.home-card-title {
    font-size: 1.1rem;                  /* Font size for card title */
    font-weight: 500;                   /* Medium bold text */
    color: #444;                        /* Dark gray text */
    margin: 0;              /* 🔹 elimina márgenes por defecto */
    padding: 0;             /* 🔹 elimina padding por si acaso */
    line-height: 1.2;       /* 🔹 controla altura de línea uniforme */
    min-height: 2.4em;      /* 🔹 asegura que las cards con 1 o 2 líneas ocupen mismo espacio */
}
/* Card value */
.home-card-value {
    font-size: 1.8rem;                  /* Large text for numerical value */
    font-weight: 700;                   /* Bold weight for emphasis */
    color: #1E1E1E;
    margin: 0;              /* 🔹 elimina espacio extra */
    line-height: 1;         /* 🔹 alinea visualmente los números */
}
/* Founders section */
.home-slogan-section {
    margin: 2rem auto 2rem auto;     /* Center and space from bottom */
    padding: 1rem 4rem 1rem 4rem;     /* Inner spacing (top, sides, bottom) */
    text-align: center;           /* Center content horizontally */
    font-size: 2.2rem;            /* Title font size */
    font-weight: 600;             /* Semi-bold weight */
    color: #1E1E1E;               /* Near-black color for high contrast */
}

/* Founders section */
.home-founders-section {
    margin: 0 auto 5rem auto;     /* Center and space from bottom */
    padding: 0 4rem 2rem 4rem;     /* Inner spacing (top, sides, bottom) */
    text-align: center;           /* Center content horizontally */
}
/* Founders title */
.home-founders-title {
    font-size: 2.2rem;            /* Title font size */
    font-weight: 600;             /* Semi-bold weight */
    color: #1E1E1E;               /* Near-black color for high contrast */
    margin-bottom: 2rem;          /* Space below title */
}
/* Founders logos container */
.home-founders-logo-container {
    display: flex;                /* Use flex layout */
    justify-content: center;      /* Center logos horizontally */
    align-items: center;          /* Align logos vertically */
    flex-wrap: wrap;              /* Wrap logos if needed */
    gap: 2rem;                    /* Space between logos */
}

/* Description section */
.home-description-section {
    margin: 2rem auto 2rem auto;  /* Top and bottom spacing, center horizontally */
    padding: 1rem 4rem 1rem 4rem;           /* Inner spacing on all sides */
    display: flex;
    flex-direction: column;
    gap: 2rem; /* Separación entre secciones */
}

.home-descriptions {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;
    padding: 0 0 1.5rem 0;
    border-bottom: 1px solid #d9d9d9;
}
/* Opcional: borde sólo arriba en la primera */
.home-descriptions:first-child {
    border-top: 1px solid #d9d9d9;
    padding-top: 2rem; /* Asegura mismo espacio superior */
}

/* Section Title */
.home-description-title {
    flex: 1; /* Allocates space for the section title */
    min-width: 250px; /* Ensures a minimum width for alignment */
    font-size: 1.5rem; /* Large, clear title size */
    font-weight: 600; /* Bold title text */
    color: #1E1E1E; /* Dark gray text for contrast */
}
/* Section Content (Members List) */
.home-description-text{
    flex: 2; /* Takes up twice the width compared to title */
    font-size: 1.1rem; /* Slightly larger than default text */
    color: #333; /* Neutral dark text for readability */
    line-height: 1.8; /* Comfortable line spacing */
}

/* Responsive for small screens */
@media (max-width: 768px) {
    .home-title-section {
        padding: 1.5rem 0 0.5rem 0;   /* Padding*/
    }
    .home-description-section {
        margin: 2rem 0 3rem 0; /* Top and bottom spacing, center horizontally */
        padding: 1rem 0.5rem 1rem 0.5rem; /* Inner spacing on all sides */
    }
    .home-descriptions {
        flex-direction: column;    /* Antes: fila → Ahora: columna */
        gap: 1rem;                 /* Menos espacio */
    }
    .home-description-title {
        min-width: 100%;           /* Evita saltos o espacios raros */
        font-size: 1.4rem;         /* Ajusta un poco el tamaño */
    }
    .home-description-text {
        font-size: 1rem;           /* Opcional: texto ligeramente más pequeño */
    }
    .home-card-section {
        margin: 2rem 0 2rem 0;     /* Center and space from bottom */
        padding: 1rem 0.5rem 1rem 0.5rem;     /* Inner spacing (top, sides, bottom) */
    }
    .home-founders-section {
        margin: 2rem 0 5rem 0;     /* Center and space from bottom */
        padding: 1rem 0.5rem 1rem 0.5rem;     /* Inner spacing (top, sides, bottom) */
    }
}