/* ========================================
   ABOUT - CEO MESSAGE
======================================== */

.about-message-section {
    
    background: transparent;
}

.about-message-wrap {
    max-width: 1080px;
    margin: 0 auto;
}

.about-message-head {
    max-width: 760px;
    margin: 0 auto 2rem;
    text-align: center;
}

.about-message-title {
    margin: 0;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.025em;
    color: var(--color-brand-dark);
}

.about-message-card {
    position: relative;
    overflow: hidden;
    padding: clamp(2rem, 4vw, 3.25rem);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: var(--shadow-soft);
}

.about-message-accent {
    width: 110px;
    height: 2px;
    margin: 0 auto 1.8rem;
    background: linear-gradient(90deg, transparent 0%, var(--color-brand-soft) 25%, var(--color-brand) 50%, var(--color-brand-soft) 75%, transparent 100%);
}

.about-message-body {
    max-width: 900px;
    margin: 0 auto;
}

.about-message-body p {
    margin: 0 0 1.25rem;
    color: var(--color-text-soft);
    font-size: 1.03rem;
    line-height: 1.95;
    text-align: center;
}

.about-message-signature {
    max-width: 420px;
    margin: 2.2rem auto 0;
    text-align: center;
}

.about-message-divider {
    width: 100%;
    height: 1px;
    margin: 0 0 1.4rem;
    background: rgba(147, 169, 133, 0.28);
}

.about-message-signature h3 {
    margin: 0;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(1.9rem, 2.5vw, 2.4rem);
    font-weight: 500;
    line-height: 1;
    color: var(--color-brand-dark);
}

.about-message-signature span {
    display: inline-block;
    margin-top: 0.45rem;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-brand-soft);
}

.about-message-signature img {
    display: block;
    max-width: 260px;
    width: 100%;
    margin: 1.25rem auto 0;
    object-fit: contain;
    opacity: 0.92;
    mix-blend-mode: multiply;
}

@media (max-width: 991.98px) {
    .about-message-card {
        padding: 2rem 1.4rem;
        border-radius: var(--radius-md);
    }

    .about-message-body p {
        font-size: 1rem;
        line-height: 1.85;
    }
}

@media (max-width: 575.98px) {
    .about-message-section {
        padding: 4rem 0;
    }

    .about-message-card {
        padding: 1.6rem 1.05rem;
    }

    .about-message-accent {
        margin-bottom: 1.4rem;
    }

    .about-message-body p {
        text-align: left;
        font-size: 0.98rem;
        line-height: 1.8;
    }

    .about-message-signature {
        margin-top: 1.8rem;
    }

    .about-message-signature img {
        max-width: 220px;
    }
}
.footer-copyright {
    display: grid;
    gap: 0.45rem;
}

.footer-emirion {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    font-size: 0.78rem;
    color: #8a9089;
    letter-spacing: 0.02em;
}

.footer-emirion span {
    opacity: 0.82;
}

.footer-emirion strong {
    position: relative;
    font-weight: 700;
    color: var(--color-brand-dark);
}

.footer-emirion strong::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.18rem;
    height: 1px;
    background: linear-gradient(90deg, var(--color-brand), transparent);
    transform: scaleX(0.65);
    transform-origin: left;
    opacity: 0.55;
    transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.footer-emirion:hover,
.footer-emirion:focus-visible {
    color: var(--color-brand-dark);
}

.footer-emirion:hover strong::after,
.footer-emirion:focus-visible strong::after {
    transform: scaleX(1);
    opacity: 1;
}

.about-message-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.about-message-card::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(247,245,240,0.55),
            rgba(247,245,240,0.62)
        ),
        url('../img/bandera.png');

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    opacity: 1;

    filter:
        grayscale(35%)
        sepia(6%)
        contrast(1.05)
        brightness(0.95);

    transform: scale(1.03);

    z-index: -2;
}
.about-message-body,
.about-message-signature,
.about-message-head,
.about-message-accent {
    position: relative;
    z-index: 3;
}
.about-message-card {
    background: rgba(255,255,255,0.30);
    backdrop-filter: blur(1.5px);
}

.about-message-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,0.05),
            rgba(247,245,240,0.18)
        );

    z-index: -1;
}