/* IEU Portal - Secciones, titulos y composicion general */

.ieu-section {
    padding: 64px 0;
}

.ieu-section:nth-child(even) {
    background: var(--ieu-soft, var(--soft, #f7f9fc));
}

.ieu-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 28px;
}



.ieu-section-head h2,
.ieu-section-intro h2,
.ieu-section h1,
.ieu-content h1 {
    margin: 0 0 12px;
    color: var(--ieu-blue, var(--blue, #0b2d5e));
    font-family: Merriweather, serif;
    font-size: 36px;
    line-height: 1.18;
}

.ieu-section-head p,
.ieu-section-intro p,
.ieu-section p {
    color: var(--ieu-muted, var(--muted, #64728a));
    line-height: 1.7;
}

.ieu-section-head p,
.ieu-section-intro p {
    max-width: 650px;
}


.ieu-section-intro {
    margin-bottom: 24px;
    text-align: left;
}

.ieu-eyebrow {
    margin-top: 0;
    color: var(--ieu-green, var(--green, #69b42e)) !important;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ieu-green-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-bottom: 8px;
    border-radius: 999px;
    background: var(--ieu-green, var(--green, #69b42e));
}

.ieu-two-col {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 58px;
    align-items: center;
}

.ieu-photo {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: var(--ieu-shadow, var(--shadow, 0 18px 45px rgba(15, 35, 70, .10)));
}

.ieu-photo img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: cover;
    transition: transform .6s ease;
}

.ieu-photo:hover img {
    transform: scale(1.05);
}

.ieu-about-compact .ieu-photo img,
.ieu-about-v05 .ieu-photo img {
    height: 300px;
}

.ieu-grid3,
.ieu-grid4,
.ieu-mini-grid,
.ieu-resources-grid,
.ieu-documents-grid {
    display: grid;
}

.ieu-grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ieu-grid4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ieu-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }

.ieu-content {
    max-width: 900px;
}

.ieu-content > img,
.ieu-content .wp-post-image {
    margin-bottom: 28px;
    border-radius: 14px;
}

.ieu-page-head {
    max-width: 760px;
    margin-bottom: 26px;
}

.ieu-page-head h1 {
    margin: 0 0 12px;
    color: var(--ieu-blue, var(--blue, #0b2d5e));
    font-family: Merriweather, serif;
    font-size: 40px;
}

.ieu-page-introduction {
    max-width: 850px;
    margin-bottom: 3rem;
}