/* 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: 1.8rem;                  /* 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 */
}
/* 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-container {
    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;                     /* Center container within page */
    padding: 1rem 2rem 0.5rem 2rem;     /* 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 */
    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 */
}
/* Card value */
.home-card-value {
    font-size: 1.8rem;                  /* Large text for numerical value */
    font-weight: 700;                   /* Bold weight for emphasis */
    color: #2B6CB0;                     /* Blue color for contrast */
    margin-top: 0.4rem;                 /* Space above the number */
}
/* Description section */
.home-description {
    margin: 2rem auto 3rem auto;  /* Top and bottom spacing, center horizontally */
    padding: 1rem 4rem;           /* Inner spacing on all sides */
    font-size: 1.2rem;            /* Comfortable reading size */
    color: #333;                  /* Dark text color for readability */
    line-height: 1.8;             /* Line spacing for better readability */
    text-align: justify;          /* Justify text on both sides */
    white-space: pre-line;        /* Interpret \n as line breaks */
}
/* Founders section */
.home-founders-section {
    margin: 0 auto 4rem auto;     /* Center and space from bottom */
    padding: 1rem 2rem;           /* Inner spacing */
    text-align: center;           /* Center content horizontally */
}
/* Founders title */
.home-founders-title {
    font-size: 1.5rem;            /* 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 */
}
/* Responsive for small screens */
@media (max-width: 768px) {
    .home-title-section {
        padding: 1.5rem 0 0.5rem 0;   /* Padding*/
    }
    .home-description {
        margin: 2rem 0 3rem 0; /* Top and bottom spacing, center horizontally */
        padding: 1rem 0.5rem; /* Inner spacing on all sides */
    }
}