/* General Body and Full-screen Background */
body {
    margin: 0;
    padding: 0;
    height: 100vh; /* Make body cover full viewport height */
    display: flex; /* Use flexbox for centering content */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    flex-direction: column; /* Stack items vertically */
    text-align: center; /* Center text within content blocks */

    /* New Background Image */
    background-image: url('EnConstruccion_TFE02.png'); /* IMPORTANT: Changed image name here */
    background-size: cover; /* Scales to cover the entire container */
    background-position: center center; /* Center the image */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-attachment: fixed; /* Keep image fixed when scrolling */

    /* Default font for the page */
    font-family: 'Montserrat', sans-serif; /* Or 'Futura', sans-serif if you have it installed */
    color: white; /* Default text color for the page */
}

/* Container for all text content to give it a max-width and center */
.page-container {
    max-width: 900px; /* Adjust as needed for your design */
    width: 90%; /* Responsive width */
    margin: 0 auto; /* Center the container */
    padding: 20px;
    box-sizing: border-box; /* Include padding in width */
    /* Optional: A subtle background for better text readability on some backgrounds */
    /* background-color: rgba(0, 0, 0, 0.3); */
    /* border-radius: 8px; */
}

/* Styles for H1 - The BIG part of the message */
.main-message-part1 {
    font-size: 3.5em; /* Adjust for desired BIG size */
    font-weight: 700; /* Bold */
    line-height: 1.2;
    margin-top: 20px; /* Space above heading */
    margin-bottom: 0; /* Remove bottom margin to bring H2 closer */
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Optional: add subtle shadow for contrast */
}

/* Styles for H2 - The Medium part of the message */
.main-message-part2 {
    font-size: 2.2em; /* Adjust for desired MEDIUM size */
    font-weight: 400; /* Regular weight */
    line-height: 1.2;
    margin-top: 5px; /* Small top margin to slightly separate from H1 */
    margin-bottom: 30px; /* Space below this combined heading */
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Styles for the Paragraph Text */
.description-text {
    font-size: 1.1em; /* Slightly larger than default paragraph */
    line-height: 1.6;
    margin-top: 0;
    max-width: 700px; /* Limit width for readability */
    margin-left: auto;
    margin-right: auto;
    color: white;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .main-message-part1 {
        font-size: 2.5em; /* Smaller on tablets */
    }
    .main-message-part2 {
        font-size: 1.8em;
    }
    .description-text {
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .main-message-part1 {
        font-size: 1.8em; /* Even smaller on mobile phones */
    }
    .main-message-part2 {
        font-size: 1.3em;
    }
    .page-container {
        padding: 15px; /* Less padding on small screens */
    }
}