/* =====================================================
   PÁGINAS INTERNAS — BASE
===================================================== */

/*
 * Variáveis específicas das páginas internas.
 *
 * As cores gerais continuam vindo do global.css.
 * Aqui ficam somente elementos com função visual específica:
 * hero fotográfico, CTA e fundo neutro dos logos institucionais.
 *
 * Ao migrar do localhost para o servidor, altere a imagem do hero
 * somente nesta variável.
 */
:root {
    /* Imagem usada nos heróis das páginas internas */
    --mq-page-hero-image:
        url("https://data.inpe.br/mapaquali/wp-content/uploads/sites/12/2026/08/rios-amaz.jpg.jpeg");

    /* A HOME usa esta variável em home.css */
    --mq-hero-image:
        url("https://data.inpe.br/mapaquali/wp-content/uploads/sites/12/2026/08/rios-amaz.jpg.jpeg");
    --mq-page-cta-start: #173f73;
    --mq-page-cta-end: #2f6fbf;
    --mq-page-cta-eyebrow: #a9d0ff;
    --mq-page-cta-button-text: #1e538d;
    --mq-page-cta-button-hover: #edf5ff;

    --mq-institution-logo-bg: #ffffff;
}

.mq-about-page {
    width: 100%;

    background: var(--mq-bg);
    color: var(--mq-text);

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}


/* =====================================================
   HERO INTERNO
===================================================== */

.mq-about-hero {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 430px;

    overflow: hidden;

    color: #ffffff;

    background:
        linear-gradient(
            90deg,
            rgba(3, 25, 48, 0.68) 0%,
            rgba(3, 30, 57, 0.48) 55%,
            rgba(3, 25, 48, 0.20) 100%
        ),
        var(--mq-about-hero-image, var(--mq-page-hero-image));

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

.mq-about-hero__overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(4, 20, 38, 0.02),
            rgba(4, 20, 38, 0.08)
        );
}

.mq-about-hero__content {
    position: relative;
    z-index: 2;

    padding-top: 90px;
    padding-bottom: 90px;
}

.mq-about-hero .mq-eyebrow {
    color: #8dbcf5;
}

.mq-about-hero h1 {
    max-width: 850px;

    margin: 0 0 22px;

    color: #ffffff;

    font-size: clamp(48px, 6vw, 78px);
    font-weight: 760;

    line-height: 0.98;
    letter-spacing: -0.045em;
}

.mq-about-hero p {
    max-width: 760px;

    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 19px;
    line-height: 1.7;
}


/* =====================================================
   SEÇÕES GERAIS
===================================================== */

.mq-about-section {
    width: 100%;

    padding: 96px 0;

    background: var(--mq-surface);

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

.mq-about-section--soft {
    background: var(--mq-bg);
}


/* =====================================================
   INTRODUÇÃO
===================================================== */

.mq-about-intro {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    align-items: center;

    gap: 80px;
}

.mq-about-intro__content {
    max-width: 650px;
}

.mq-about-intro__content .mq-eyebrow {
    color: var(--mq-primary);
}

.mq-about-intro__content h2 {
    margin: 10px 0 24px;

    color: var(--mq-text);

    font-size: clamp(38px, 4.5vw, 60px);
    font-weight: 760;

    line-height: 1.02;
    letter-spacing: -0.04em;
}

.mq-about-intro__content p {
    margin: 0 0 20px;

    color: var(--mq-text-soft);

    font-size: 18px;
    line-height: 1.75;
}

.mq-about-intro__content p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   IMAGEM
===================================================== */

.mq-about-intro__visual {
    min-width: 0;
}

.mq-about-image-card {
    overflow: hidden;

    background: var(--mq-surface);

    border: 1px solid var(--mq-border);
    border-radius: 22px;

    box-shadow: var(--mq-shadow-strong);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.mq-about-image-card img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;
    object-position: center;
}


/* =====================================================
   CABEÇALHO DAS SEÇÕES
===================================================== */

.mq-about-page .mq-section-heading {
    max-width: 800px;

    margin-bottom: 52px;
}

.mq-about-page .mq-section-heading .mq-eyebrow {
    color: var(--mq-primary);
}

.mq-about-page .mq-section-heading h2 {
    margin: 10px 0 18px;

    color: var(--mq-text);

    font-size: clamp(38px, 4.3vw, 58px);
    font-weight: 760;

    line-height: 1.03;
    letter-spacing: -0.04em;
}

.mq-about-page .mq-section-heading p {
    margin: 0;

    color: var(--mq-text-soft);

    font-size: 18px;
    line-height: 1.7;
}


/* =====================================================
   OBJETIVOS
===================================================== */

.mq-about-objectives-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 26px;
}

.mq-about-card {
    min-height: 310px;

    padding: 32px;

    background: var(--mq-surface);

    border: 1px solid var(--mq-border);
    border-radius: 20px;

    box-shadow: var(--mq-shadow);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        background-color 0.25s ease;
}

.mq-about-card:hover {
    transform: translateY(-6px);

    border-color: var(--mq-border-hover);

    box-shadow: var(--mq-shadow-strong);
}

.mq-about-card__number {
    display: inline-flex;

    width: 54px;
    height: 54px;

    margin-bottom: 26px;

    align-items: center;
    justify-content: center;

    color: var(--mq-primary);

    background:
        linear-gradient(
            145deg,
            var(--mq-icon-bg-start) 0%,
            var(--mq-icon-bg-end) 100%
        );

    border: 1px solid var(--mq-icon-border);
    border-radius: 14px;

    font-size: 15px;
    font-weight: 800;
}

.mq-about-card h3 {
    margin: 0 0 14px;

    color: var(--mq-text);

    font-size: 25px;
    line-height: 1.2;
}

.mq-about-card p {
    margin: 0;

    color: var(--mq-text-soft);

    font-size: 16px;
    line-height: 1.7;
}


/* =====================================================
   METODOLOGIA
===================================================== */

.mq-about-steps {
    display: grid;

    gap: 18px;
}

.mq-about-step {
    display: grid;

    grid-template-columns: 72px minmax(0, 1fr);

    align-items: flex-start;

    gap: 24px;

    padding: 28px 30px;

    background: var(--mq-surface);

    border: 1px solid var(--mq-border);
    border-radius: 18px;

    box-shadow: var(--mq-shadow);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.25s ease;
}

.mq-about-step:hover {
    transform: translateX(4px);

    border-color: var(--mq-border-hover);
}

.mq-about-step__icon {
    display: flex;

    width: 58px;
    height: 58px;

    align-items: center;
    justify-content: center;

    color: var(--mq-primary);

    background:
        linear-gradient(
            145deg,
            var(--mq-icon-bg-start) 0%,
            var(--mq-icon-bg-end) 100%
        );

    border: 1px solid var(--mq-icon-border);
    border-radius: 16px;
}

.mq-about-step__icon svg {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mq-about-step__label {
    display: block;

    margin-bottom: 7px;

    color: var(--mq-primary);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.12em;
}

.mq-about-step h3 {
    margin: 0 0 8px;

    color: var(--mq-text);

    font-size: 23px;
    line-height: 1.25;
}

.mq-about-step p {
    max-width: 850px;

    margin: 0;

    color: var(--mq-text-soft);

    line-height: 1.7;
}


/* =====================================================
   CTA FINAL
===================================================== */

.mq-about-cta {
    width: 100%;

    padding: 72px 0;

    background:
        linear-gradient(
            135deg,
            var(--mq-page-cta-start) 0%,
            var(--mq-page-cta-end) 100%
        );

    color: #ffffff;
}

.mq-about-cta__inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 60px;
}

.mq-about-cta .mq-eyebrow {
    color: var(--mq-page-cta-eyebrow);
}

.mq-about-cta h2 {
    max-width: 760px;

    margin: 8px 0 16px;

    color: #ffffff;

    font-size: clamp(34px, 4vw, 54px);
    font-weight: 760;

    line-height: 1.04;
    letter-spacing: -0.035em;
}

.mq-about-cta p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, 0.82);

    font-size: 17px;
    line-height: 1.7;
}

.mq-about-cta .mq-button--primary {
    flex-shrink: 0;

    background: var(--mq-institution-logo-bg);
    color: var(--mq-page-cta-button-text) !important;
}

.mq-about-cta .mq-button--primary:hover {
    background: var(--mq-page-cta-button-hover);
}


/* =====================================================
   DARK MODE — AJUSTES FINOS
===================================================== */

html[data-theme="dark"] .mq-about-section {
    background: var(--mq-surface);
}

html[data-theme="dark"] .mq-about-section--soft {
    background: var(--mq-bg);
}

html[data-theme="dark"] .mq-about-card,
html[data-theme="dark"] .mq-about-step,
html[data-theme="dark"] .mq-about-image-card {
    box-shadow: var(--mq-shadow);
}


/* =====================================================
   RESPONSIVO
===================================================== */

@media (max-width: 1050px) {

    .mq-about-intro {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .mq-about-intro__content {
        max-width: 800px;
    }

    .mq-about-intro__visual {
        max-width: 850px;
    }

    .mq-about-objectives-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mq-about-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 800px) {

    .mq-about-hero {
        min-height: 390px;
    }

    .mq-about-hero__content {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .mq-about-section {
        padding: 72px 0;
    }

    .mq-about-image-card img {
        height: auto;
    }

    .mq-about-objectives-grid {
        grid-template-columns: 1fr;
    }

    .mq-about-step {
        grid-template-columns: 58px minmax(0, 1fr);

        padding: 24px;
    }

    .mq-about-step__icon {
        width: 50px;
        height: 50px;
    }

    .mq-about-cta {
        padding: 60px 0;
    }
}

@media (max-width: 580px) {

    .mq-about-hero h1 {
        font-size: clamp(42px, 13vw, 58px);
    }

    .mq-about-hero p {
        font-size: 17px;
    }

    .mq-about-image-card img {
        height: auto;
    }

    .mq-about-card {
        min-height: 0;
    }

    .mq-about-step {
        grid-template-columns: 1fr;
    }

    .mq-about-step__icon {
        margin-bottom: 4px;
    }
}

/* =====================================================
   NOSSO TIME — BASE
===================================================== */

.mq-team-page {
    width: 100%;
    background: var(--mq-bg);
    color: var(--mq-text);
    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

/* =====================================================
   NOSSO TIME — HERO
===================================================== */

.mq-team-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 430px;
    overflow: hidden;
    color: #ffffff;
    background:
        linear-gradient(
            90deg,
            rgba(3, 25, 48, 0.68) 0%,
            rgba(3, 30, 57, 0.48) 55%,
            rgba(3, 25, 48, 0.20) 100%
        ),
        var(--mq-page-hero-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mq-team-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(4, 20, 38, 0.02),
            rgba(4, 20, 38, 0.08)
        );
}

.mq-team-hero__content {
    position: relative;
    z-index: 2;
    padding-top: 90px;
    padding-bottom: 90px;
}

.mq-team-hero .mq-eyebrow {
    color: #8dbcf5;
}

.mq-team-hero h1 {
    max-width: 850px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(48px, 6vw, 78px);
    font-weight: 760;
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.mq-team-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 19px;
    line-height: 1.7;
}

/* =====================================================
   NOSSO TIME — SEÇÕES
===================================================== */

.mq-team-section {
    width: 100%;
    padding: 92px 0;
    background: var(--mq-surface);
    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

.mq-team-section--soft {
    background: var(--mq-bg);
}

.mq-team-section-heading {
    max-width: 860px;
    margin-bottom: 48px;
}

.mq-team-section-heading .mq-eyebrow {
    color: var(--mq-primary);
}

.mq-team-section-heading h2 {
    margin: 10px 0 16px;
    color: var(--mq-text);
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 760;
    line-height: 1.04;
    letter-spacing: -0.035em;
}

.mq-team-section-heading p {
    margin: 0;
    color: var(--mq-text-soft);
    font-size: 17px;
    line-height: 1.7;
}

/* =====================================================
   NOSSO TIME — GRID
===================================================== */

.mq-team-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
}

.mq-team-grid--institutions {
    align-items: stretch;
}

/* =====================================================
   NOSSO TIME — CARD
===================================================== */

.mq-team-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 310px;
    padding: 30px 22px 24px;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    color: inherit;
    text-align: center;
    text-decoration: none;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--mq-surface) 96%, var(--mq-primary) 4%) 0%,
            var(--mq-surface) 100%
        );
    border: 1px solid var(--mq-border);
    border-radius: 20px;
    box-shadow: var(--mq-shadow);
    cursor: default;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease,
        background-color 0.25s ease;
}

a.mq-team-card {
    cursor: pointer;
}

.mq-team-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(
        90deg,
        transparent,
        var(--mq-primary),
        transparent
    );
    opacity: 0;
    transform: scaleX(0.35);
    transition:
        opacity 0.24s ease,
        transform 0.24s ease;
}

.mq-team-card:hover,
.mq-team-card:focus-visible {
    transform: translateY(-8px);
    border-color: color-mix(
        in srgb,
        var(--mq-primary) 72%,
        var(--mq-border)
    );
    box-shadow: var(--mq-shadow-strong);
}

.mq-team-card:hover::before,
.mq-team-card:focus-visible::before {
    opacity: 1;
    transform: scaleX(1);
}

.mq-team-card:focus-visible {
    outline: 3px solid color-mix(
        in srgb,
        var(--mq-primary) 45%,
        transparent
    );
    outline-offset: 4px;
}

.mq-team-card h3 {
    margin: 22px 0 10px;
    color: var(--mq-text);
    font-size: 16px;
    font-weight: 760;
    line-height: 1.34;
    overflow-wrap: anywhere;
}

.mq-team-role {
    display: block;
    margin-top: auto;
    padding-top: 8px;
    color: var(--mq-text-soft);
    font-size: 13px;
    line-height: 1.45;
}

/* =====================================================
   NOSSO TIME — INDICADOR DE LINK EXTERNO
===================================================== */

.mq-team-card__external {
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    color: var(--mq-primary);
    background: var(--mq-surface-soft);
    border: 1px solid var(--mq-border);
    border-radius: 10px;
    opacity: 0;
    transform: translateY(4px);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        background-color 0.2s ease;
}

.mq-team-card:hover .mq-team-card__external,
.mq-team-card:focus-visible .mq-team-card__external {
    opacity: 1;
    transform: translateY(0);
}

.mq-team-card__external svg {
    display: none !important;
}

/* Ícone de link externo gerado por CSS.
   O WordPress pode remover o SVG inline dos cards. */
.mq-team-card__external::before {
    content: "";
    display: block;

    width: 16px;
    height: 16px;

    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3h7v7'/><path d='M10 14L21 3'/><path d='M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5'/></g></svg>");

    mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3h7v7'/><path d='M10 14L21 3'/><path d='M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5'/></g></svg>");
}

/* =====================================================
   NOSSO TIME — AVATAR
===================================================== */

.mq-team-avatar {
    display: flex;
    width: 132px;
    height: 132px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--mq-primary);
    background: var(--mq-surface-soft);
    border: 4px solid var(--mq-surface);
    border-radius: 50%;
    box-shadow: var(--mq-shadow);
    flex-shrink: 0;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}

.mq-team-card:hover .mq-team-avatar,
.mq-team-card:focus-visible .mq-team-avatar {
    transform: scale(1.055);
    box-shadow: var(--mq-shadow-strong);
}

.mq-team-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.35s ease;
}

.mq-team-card:hover .mq-team-avatar img,
.mq-team-card:focus-visible .mq-team-avatar img {
    transform: scale(1.045);
}

.mq-team-avatar > span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

/* =====================================================
   NOSSO TIME — INSTITUIÇÕES
===================================================== */

.mq-team-card--institution {
    min-height: 330px;
    padding-right: 20px;
    padding-left: 20px;
}

.mq-team-avatar--institution {
    width: 150px;
    height: 150px;
    padding: 20px;
    background: var(--mq-institution-logo-bg);
    border-color: var(--mq-institution-logo-bg);
    box-shadow: var(--mq-shadow);
}

.mq-team-avatar--institution img {
    object-fit: contain;
    object-position: center;
}

.mq-team-card--institution h3 {
    font-size: 15px;
    line-height: 1.4;
}

/* =====================================================
   NOSSO TIME — DARK MODE
===================================================== */

html[data-theme="dark"] .mq-team-section {
    background: var(--mq-surface);
}

html[data-theme="dark"] .mq-team-section--soft {
    background: var(--mq-bg);
}

html[data-theme="dark"] .mq-team-card {
    box-shadow: var(--mq-shadow);
}

html[data-theme="dark"] .mq-team-card:hover,
html[data-theme="dark"] .mq-team-card:focus-visible {
    box-shadow: var(--mq-shadow-strong);
}

html[data-theme="dark"] .mq-team-avatar {
    border-color: var(--mq-surface);
}

html[data-theme="dark"] .mq-team-avatar--institution {
    background: var(--mq-institution-logo-bg);
    border-color: var(--mq-institution-logo-bg);
}

/* =====================================================
   NOSSO TIME — RESPONSIVO
===================================================== */

@media (max-width: 1250px) {
    .mq-team-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .mq-team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .mq-team-hero {
        min-height: 390px;
    }

    .mq-team-hero__content {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .mq-team-section {
        padding: 72px 0;
    }

    .mq-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mq-team-card {
        min-height: 288px;
        padding: 26px 18px 22px;
    }

    .mq-team-avatar {
        width: 116px;
        height: 116px;
    }

    .mq-team-avatar--institution {
        width: 132px;
        height: 132px;
    }
}

@media (max-width: 560px) {
    .mq-team-hero h1 {
        font-size: clamp(42px, 13vw, 58px);
    }

    .mq-team-hero p {
        font-size: 17px;
    }

    .mq-team-grid {
        grid-template-columns: 1fr;
    }

    .mq-team-card {
        min-height: 0;
    }

    .mq-team-avatar {
        width: 124px;
        height: 124px;
    }
}

/* =====================================================
   REDUÇÃO DE MOVIMENTO
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .mq-team-card,
    .mq-team-card::before,
    .mq-team-avatar,
    .mq-team-avatar img,
    .mq-team-card__external {
        transition: none;
    }

    .mq-team-card:hover,
    .mq-team-card:focus-visible,
    .mq-team-card:hover .mq-team-avatar,
    .mq-team-card:focus-visible .mq-team-avatar,
    .mq-team-card:hover .mq-team-avatar img,
    .mq-team-card:focus-visible .mq-team-avatar img {
        transform: none;
    }
}
/* =====================================================
   NOSSO TIME — PADRONIZAÇÃO DOS LOGOS
===================================================== */

.mq-team-grid--institutions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
}

.mq-team-card--institution {
    min-height: 285px;

    padding:
        26px
        22px
        22px;
}

.mq-team-avatar--institution {
    width: 148px;
    height: 148px;

    padding: 14px;

    background: var(--mq-institution-logo-bg);

    border: 1px solid var(--mq-border);
    border-radius: 50%;

    box-shadow: var(--mq-shadow);
}

.mq-team-avatar--institution img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;
}

.mq-team-card--institution h3 {
    max-width: 240px;

    margin-top: 20px;

    font-size: 15px;
    line-height: 1.42;
}

.mq-team-card--institution .mq-team-role {
    padding-top: 12px;
}

/* Logos mais largos ou visualmente menores */

.mq-team-card--institution:nth-child(2)
.mq-team-avatar--institution img {
    transform: scale(1.1);
}

.mq-team-card--institution:nth-child(3)
.mq-team-avatar--institution img {
    transform: scale(1.12);
}

.mq-team-card--institution:nth-child(5)
.mq-team-avatar--institution img {
    transform: scale(1.22);
}

.mq-team-card--institution:nth-child(6)
.mq-team-avatar--institution img {
    transform: scale(1.16);
}

/* Mantém o aumento durante o hover */

.mq-team-card--institution:nth-child(2):hover
.mq-team-avatar--institution img {
    transform: scale(1.15);
}

.mq-team-card--institution:nth-child(3):hover
.mq-team-avatar--institution img {
    transform: scale(1.17);
}

.mq-team-card--institution:nth-child(5):hover
.mq-team-avatar--institution img {
    transform: scale(1.27);
}

.mq-team-card--institution:nth-child(6):hover
.mq-team-avatar--institution img {
    transform: scale(1.21);
}

/* Dark mode */

html[data-theme="dark"]
.mq-team-avatar--institution {
    background: var(--mq-institution-logo-bg);
    border-color: var(--mq-border);
}

/* Responsivo */

@media (max-width: 980px) {

    .mq-team-grid--institutions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {

    .mq-team-grid--institutions {
        grid-template-columns: 1fr;
    }

    .mq-team-avatar--institution {
        width: 142px;
        height: 142px;
    }
}

/* =====================================================
   SOBRE O PROJETO — ÍCONES DA METODOLOGIA
===================================================== */

/*
 * Os SVGs inline podem ser removidos pelo WordPress.
 * Por isso os ícones abaixo são desenhados via CSS mask.
 */

.mq-about-step__icon {
    position: relative;
}

.mq-about-step__icon::before {
    content: "";

    display: block;

    width: 28px;
    height: 28px;

    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


/* 01 — DADOS DE SATÉLITE */

.mq-about-step__icon--satellite::before {
    -webkit-mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='6' height='6' rx='1'/><path d='M4 4l5 5M15 15l5 5M15 9l5-5M4 20l5-5'/><path d='M2 7l5-5M17 22l5-5M17 2l5 5M2 17l5 5'/></g></svg>");

    mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='6' height='6' rx='1'/><path d='M4 4l5 5M15 15l5 5M15 9l5-5M4 20l5-5'/><path d='M2 7l5-5M17 22l5-5M17 2l5 5M2 17l5 5'/></g></svg>");
}


/* 02 — PROCESSAMENTO */

.mq-about-step__icon--processing::before {
    -webkit-mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M4 5h16M4 12h16M4 19h16'/><circle cx='8' cy='5' r='2'/><circle cx='15' cy='12' r='2'/><circle cx='10' cy='19' r='2'/></g></svg>");

    mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M4 5h16M4 12h16M4 19h16'/><circle cx='8' cy='5' r='2'/><circle cx='15' cy='12' r='2'/><circle cx='10' cy='19' r='2'/></g></svg>");
}


/* 03 — GERAÇÃO DE PRODUTOS */

.mq-about-step__icon--products::before {
    -webkit-mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='16' rx='2'/><path d='M7 15l3-3 3 2 4-5'/></g></svg>");

    mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='16' rx='2'/><path d='M7 15l3-3 3 2 4-5'/></g></svg>");
}


/* 04 — DISPONIBILIZAÇÃO */

.mq-about-step__icon--portal::before {
    -webkit-mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18'/><path d='M12 3c3 3 4 6 4 9s-1 6-4 9c-3-3-4-6-4-9s1-6 4-9Z'/></g></svg>");

    mask-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18'/><path d='M12 3c3 3 4 6 4 9s-1 6-4 9c-3-3-4-6-4-9s1-6 4-9Z'/></g></svg>");
}