/* Base Styles */
/* Headings */
h1 {
    font-size: 2.5em !important; /* 40px */
    margin: 0.5em 0 !important;
    font-weight: bold !important;
}

h2 {
    font-size: 2em !important; /* 32px */
    margin: 0.5em 0 !important;
    font-weight: bold !important;
}

h3 {
    font-size: 1.75em !important; /* 28px */
    margin: 0.5em 0 !important;
    font-weight: bold !important;
}

h4 {
    font-size: 1.5em !important; /* 24px */
    margin: 0.5em 0 !important;
    font-weight: bold !important;
}

h5 {
    font-size: 1.25em !important; /* 20px */
    margin: 0.5em 0 !important;
    font-weight: bold !important;
}


strong {
    font-weight: bold !important;
}

/* Table Styles */
table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 1em 0 !important;
}

table th, td{
    border: 1px solid #ddd !important;
}

th, td {
    padding: 12px !important;
    text-align: left !important;
}

th {
    font-weight: bold !important;
}

#content-es a, #content-en a {
    color: #2980b9 !important;
    text-decoration: none !important;
}

#content-es a:hover, #content-en a:hover {
    text-decoration: underline !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    h1 {
        font-size: 2em !important; /* 32px */
    }

    h2 {
        font-size: 1.75em !important; /* 28px */
    }

    h3, h4, h5 {
        font-size: 1.5em !important; /* 24px */
    }

    p, a {
        font-size: 0.9em !important; /* 14px */
    }
}