/* Ypy Porã — página-vitrine institucional, independente dos dados operacionais. */
.site-page--ypy-pora {
    --ypy-red: #ee3147;
    --ypy-green: #00a160;
    --ypy-green-deep: #027345;
    --ypy-blue: #0038a8;
    --ypy-blue-deep: #001f5e;
    --ypy-yellow: #ffcc29;
    --ypy-ink: #283f6c;
    --ypy-canvas: #f5f7fb;
    --ypy-line: #dce4f1;
    color: var(--ypy-ink);
}

.site-page--ypy-pora > .site-first-block.site-hero {
    min-height: clamp(35rem, 70svh, 45rem);
    border-block-start: .38rem solid transparent;
    border-image: linear-gradient(90deg, var(--ypy-red) 0 25%, var(--ypy-yellow) 25% 50%, var(--ypy-green) 50% 75%, var(--ypy-blue) 75%) 1;
    align-items: center;
    background: var(--ypy-green-deep);
}

.site-page--ypy-pora > .site-first-block.site-hero::before {
    background:
        linear-gradient(90deg, rgb(0 42 25 / .92) 0%, rgb(2 115 69 / .78) 57%, rgb(2 115 69 / .42) 100%),
        url('/site-ptin/assets/img/ypy-padrao-guarani-escuro.svg') repeat 0 0 / 120px 80px,
        var(--ypy-green-deep);
}

.site-page--ypy-pora .site-hero__veil {
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
}

.site-page--ypy-pora .site-hero__veil::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: clamp(3.25rem, 4.5vw, 5rem);
    background: #fff url('/site-ptin/assets/img/ypy-padrao-oficial.svg') repeat-y left top / auto 5rem;
    content: '';
    opacity: .42;
}

.site-page--ypy-pora > .site-first-block.site-hero::after {
    inset: 50% max(4vw, calc((100vw - var(--site-container)) / 2)) auto auto;
    width: clamp(15rem, 20vw, 20rem);
    height: auto;
    aspect-ratio: 2225 / 1900;
    border-radius: 1.5rem;
    translate: 0 -50%;
    background: #fff url('/site-ptin/uploads/site-media/2026/09/c3bfd933cafa395778a401db48b41a5e08098232.png') no-repeat center / 88% auto;
    box-shadow: 0 1.5rem 4rem rgb(0 28 17 / .22);
    opacity: 1;
    filter: none;
}

.site-page--ypy-pora .site-hero__content { padding-block: clamp(5.5rem, 9vw, 8rem); }
.site-page--ypy-pora .site-hero__copy { max-width: min(47rem, 61%); }
.site-page--ypy-pora .site-hero__copy .site-eyebrow { color: var(--ypy-yellow); }
.site-page--ypy-pora .site-hero h1 {
    max-width: 23ch;
    margin-block: 1rem 1.15rem;
    color: #fff;
    font-size: clamp(2.05rem, 3vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}
.site-page--ypy-pora .site-hero__title-highlight {
    display: inline-block;
    padding: .01em .18em .06em;
    border-radius: .12em;
    color: #fff;
    background: var(--ypy-red);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    white-space: nowrap;
}
.site-page--ypy-pora .site-hero__lead { max-width: 45rem; color: rgb(255 255 255 / .88); }
.site-page--ypy-pora .site-hero .site-button--primary {
    --button-bg: var(--ypy-yellow);
    --button-border: var(--ypy-yellow);
    --button-color: var(--ypy-blue-deep);
}
.site-page--ypy-pora .site-hero .site-button--outline {
    --button-color: #fff;
    border-color: rgb(255 255 255 / .72);
    background: rgb(255 255 255 / .08);
}

.site-page--ypy-pora .site-eyebrow { color: var(--ypy-blue); }
.site-page--ypy-pora > .site-section:not(.site-hero) {
    padding-block: clamp(3rem, 5vw, 4.75rem);
    background: #fff;
}
.site-page--ypy-pora > .site-section:nth-of-type(even):not(.site-hero) { background: var(--ypy-canvas); }
.site-page--ypy-pora > .site-section:not(.site-hero) :where(
    .site-section__heading > p,
    .site-prose > p,
    .site-prose > ul > li,
    .site-prose > ol > li
) {
    text-align: left;
    text-justify: auto;
}
.site-page--ypy-pora > .site-section:not(.site-hero) > .site-container > .site-section__heading {
    margin-block-end: clamp(1.5rem, 3vw, 2.5rem);
}

/* Situação da edição: faixa editorial, informativa e inteiramente editável no Studio. */
.site-page--ypy-pora #edicao {
    overflow: hidden;
    padding-block: clamp(2.25rem, 4vw, 3.5rem);
    background: var(--ypy-yellow);
}
.site-page--ypy-pora #edicao::after {
    position: absolute;
    inset: 0 0 0 auto;
    width: clamp(4rem, 9vw, 8rem);
    background: url('/site-ptin/assets/img/ypy-padrao-oficial.svg') repeat-y center / auto 5.5rem;
    content: '';
    mix-blend-mode: multiply;
    opacity: .12;
    pointer-events: none;
}
.site-page--ypy-pora #edicao .site-prose-wrap { min-height: 0; }
.site-page--ypy-pora #edicao .site-prose {
    display: grid;
    width: min(100%, 72rem);
    max-width: none;
    padding-inline-start: clamp(1.25rem, 3vw, 2.5rem);
    border-inline-start: .35rem solid transparent;
    border-image: linear-gradient(180deg, var(--ypy-red), var(--ypy-green), var(--ypy-blue)) 1;
    grid-template-columns: minmax(14rem, .72fr) minmax(0, 1.28fr);
    align-items: center;
    gap: 1.5rem clamp(2.5rem, 7vw, 7rem);
}
.site-page--ypy-pora #edicao .site-section__heading { display: contents; }
.site-page--ypy-pora #edicao .site-eyebrow {
    width: fit-content;
    padding: .45rem .7rem;
    border-radius: 999px;
    color: #fff;
    background: var(--ypy-blue-deep);
}
.site-page--ypy-pora > #edicao .site-section__heading h2 { margin: .8rem 0 0; color: var(--ypy-blue-deep); font-size: clamp(1.45rem, 2.2vw, 2rem); }
.site-page--ypy-pora #edicao .site-prose > p { max-width: 58ch; margin: 0; color: var(--ypy-blue-deep); font-size: clamp(.98rem, 1.2vw, 1.08rem); line-height: 1.7; }

/* Acessos operacionais ficam explícitos, mas não alimentam o conteúdo da vitrine. */
.site-page--ypy-pora #acessos { padding-block: clamp(2.25rem, 4vw, 3.5rem); background: #fff; }
.ypy-access { display: grid; grid-template-columns: minmax(13rem, .55fr) minmax(24rem, 1.45fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; }
.ypy-access .site-section__heading { display: block; margin: 0; }
.ypy-access .site-section__heading > div { margin: 0; }
.ypy-access .site-section__heading h2 { font-size: clamp(1.3rem, 2.2vw, 2rem); }
.ypy-access .site-section__heading > p { display: none; }
.ypy-access__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.5rem, 1.2vw, 1rem); }
.ypy-access__links a { display: flex; min-width: 0; padding: .75rem 1rem .75rem 1.2rem; border-inline-start: .22rem solid var(--ypy-red); align-items: center; justify-content: space-between; gap: .75rem; color: var(--ypy-blue-deep); text-decoration: none; }
.ypy-access__links a:nth-child(2) { border-inline-start-color: var(--ypy-green); }
.ypy-access__links a:nth-child(3) { border-inline-start-color: var(--ypy-blue); }
.ypy-access__links a:hover strong { color: var(--ypy-red); }
.ypy-access__links a span { display: grid; min-width: 0; gap: .2rem; }
.ypy-access__links strong { transition: color .18s ease; }
.ypy-access__links small { overflow: hidden; color: #69778c; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.ypy-access__links i { flex: 0 0 auto; color: var(--ypy-green); }

/* Dados da edição em faixa, sem caixas repetidas. */
.site-page--ypy-pora #numeros .site-section__heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr); gap: 1rem 4rem; align-items: end; }
.site-page--ypy-pora #numeros .site-section__heading > p { text-align: left; }
.site-page--ypy-pora #numeros .site-stats {
    display: grid;
    overflow: visible;
    margin-block-start: clamp(1.75rem, 3vw, 2.75rem);
    border: 0;
    border-radius: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    background: transparent;
}
.site-page--ypy-pora #numeros .site-stat {
    position: relative;
    min-width: 0;
    min-height: 11rem;
    padding: 1.2rem clamp(1.25rem, 2.5vw, 2.5rem);
    border: 0;
    border-inline-start: .2rem solid var(--ypy-red);
    background: transparent;
}
.site-page--ypy-pora #numeros .site-stat:nth-child(2) { border-inline-start-color: var(--ypy-green); }
.site-page--ypy-pora #numeros .site-stat:nth-child(3) { border-inline-start-color: var(--ypy-blue); }
.site-page--ypy-pora #numeros .site-stat:nth-child(4) { border-inline-start-color: var(--ypy-yellow); }
.site-page--ypy-pora #numeros .site-stat::before { display: block; width: .72rem; height: .72rem; margin-block-end: 1.35rem; border-radius: 50%; background: var(--ypy-red); content: ''; }
.site-page--ypy-pora #numeros .site-stat:nth-child(2)::before { width: 1.65rem; height: .42rem; border-radius: 999px; rotate: -45deg; background: var(--ypy-green); }
.site-page--ypy-pora #numeros .site-stat:nth-child(3)::before { width: 1.05rem; height: 1.05rem; border-radius: .15rem; clip-path: polygon(0 0,100% 100%,0 100%); background: var(--ypy-blue); }
.site-page--ypy-pora #numeros .site-stat:nth-child(4)::before { background: var(--ypy-yellow); }
.site-page--ypy-pora #numeros .site-stat strong { display: block; max-width: 100%; color: var(--ypy-blue-deep); font-size: clamp(2.15rem, 3vw, 3.45rem); line-height: 1; letter-spacing: -.045em; text-wrap: balance; }
.site-page--ypy-pora #numeros .site-stat h3 { margin-block: .65rem .2rem; color: var(--ypy-ink); }

/* Sobre: composição editorial compacta com o padrão geométrico oficial. */
.site-page--ypy-pora #sobre {
    position: relative;
    overflow: hidden;
    padding-block: clamp(3rem, 5vw, 4.75rem);
    background: #fff;
}
.site-page--ypy-pora #sobre::after {
    position: absolute;
    inset: 0 0 0 auto;
    width: min(18vw, 16rem);
    background: #fff url('/site-ptin/assets/img/ypy-padrao-oficial.svg') center / auto 8rem;
    content: '';
}
.site-page--ypy-pora #sobre .site-prose-wrap {
    position: relative;
    z-index: 1;
    min-height: 0;
    place-items: start;
}
.site-page--ypy-pora #sobre .site-prose { width: min(100%, 58rem); max-width: calc(100% - 18rem); margin-inline: 0; }
.site-page--ypy-pora #sobre .site-section__heading { margin: 0 0 1.35rem; }
.site-page--ypy-pora #sobre .site-section__heading > div { margin: 0; gap: .65rem; }
.site-page--ypy-pora #sobre .site-section__heading h2 { margin: 0; }
.site-page--ypy-pora #sobre .site-prose > p + p { margin-block-start: 1rem; }
.site-page--ypy-pora #sobre .site-prose > p:first-of-type { color: var(--ypy-blue-deep); font-size: clamp(1.1rem, 1.55vw, 1.35rem); font-weight: 650; }

/* Jornada: quatro marcos conectados, sem aparência de quatro cards. */
.site-page--ypy-pora #jornada .site-card-grid {
    position: relative;
    margin-block-start: 2rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}
.site-page--ypy-pora #jornada .site-card-grid::before { position: absolute; top: 2.1rem; right: 8%; left: 8%; height: .18rem; background: linear-gradient(90deg,var(--ypy-blue),var(--ypy-green),var(--ypy-red),var(--ypy-yellow)); content: ''; }
.site-page--ypy-pora #jornada .site-card {
    min-height: 0;
    padding-inline: clamp(.65rem, 2vw, 1.5rem);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}
.site-page--ypy-pora #jornada .site-card::before { display: none; }
.site-page--ypy-pora #jornada .site-card__icon {
    position: relative;
    z-index: 1;
    width: 4.35rem;
    height: 4.35rem;
    margin: 0 auto 1.3rem;
    border: .55rem solid var(--ypy-canvas);
    border-radius: 50%;
    color: #fff;
    background: var(--site-card-icon-color, var(--ypy-blue));
    box-shadow: none;
}
.site-page--ypy-pora #jornada .site-card__body { padding: 0; text-align: center; }
.site-page--ypy-pora #jornada .site-card p { margin-inline: auto; }

/* Inovação: manifesto em faixa azul, alinhado ao mesmo container das instituições. */
.site-page--ypy-pora > #inovacao {
    background:
        linear-gradient(105deg, rgb(10 48 119 / .98), rgb(24 78 180 / .96)),
        url('/site-ptin/assets/img/ypy-padrao-guarani-escuro.svg') repeat 0 0 / 120px 80px;
    color: #fff;
}
.site-page--ypy-pora #inovacao .site-prose {
    display: grid;
    width: 100%;
    max-width: none;
    padding-inline-start: clamp(1.25rem, 3vw, 2.5rem);
    border-inline-start: .35rem solid transparent;
    border-image: linear-gradient(180deg, var(--ypy-yellow), var(--ypy-green), var(--ypy-red)) 1;
    grid-template-columns: minmax(17rem, .85fr) minmax(22rem, 1.15fr);
    gap: 1.4rem clamp(2.5rem, 7vw, 7rem);
}
.site-page--ypy-pora #inovacao .site-section__heading { grid-row: span 2; margin: 0; }
.site-page--ypy-pora #inovacao .site-eyebrow { color: var(--ypy-yellow); }
.site-page--ypy-pora > #inovacao .site-section__heading h2 { color: #fff; }
.site-page--ypy-pora #inovacao .site-prose > p { margin: 0; color: rgb(255 255 255 / .79); }
.site-page--ypy-pora #inovacao .site-prose > p:first-of-type { color: #fff; font-size: clamp(1.05rem, 1.5vw, 1.3rem); font-weight: 650; }

/* Instituições: perfis expansíveis em superfície clara com o grafismo da marca. */
.site-page--ypy-pora > #instituicoes {
    background:
        linear-gradient(rgb(245 247 251 / .88), rgb(245 247 251 / .88)),
        url('/site-ptin/assets/img/ypy-padrao-guarani-claro.svg') repeat 0 0 / 120px 80px,
        var(--ypy-canvas);
    color: var(--ypy-ink);
}
.ypy-partners > .site-section__heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(18rem, 1.1fr); gap: 1rem 4rem; align-items: end; }
.site-page--ypy-pora #instituicoes .site-eyebrow { color: var(--ypy-blue); }
.site-page--ypy-pora > #instituicoes .site-section__heading h2 { color: var(--ypy-blue-deep); }
.site-page--ypy-pora > #instituicoes .site-section__heading > p { color: #5c6c84; text-align: left; }
.ypy-partners__list { margin-block-start: 1.75rem; border-block-start: 1px solid rgb(0 56 168 / .2); }
.ypy-partner { border-block-end: 1px solid rgb(0 56 168 / .2); }
.ypy-partner summary { display: grid; padding: 1.35rem 0 1.35rem 1rem; border-inline-start: .2rem solid var(--ypy-red); grid-template-columns: auto 1fr auto; gap: 1.4rem; align-items: center; cursor: pointer; list-style: none; }
.ypy-partner:nth-child(2) summary { border-inline-start-color: var(--ypy-green); }
.ypy-partner:nth-child(3) summary { border-inline-start-color: var(--ypy-yellow); }
.ypy-partner summary::-webkit-details-marker { display: none; }
.ypy-partner__number { color: var(--ypy-red); font-size: .78rem; font-weight: 850; letter-spacing: .13em; }
.ypy-partner:nth-child(2) .ypy-partner__number { color: var(--ypy-green); }
.ypy-partner:nth-child(3) .ypy-partner__number { color: var(--ypy-blue); }
.ypy-partner__summary { display: grid; gap: .3rem; }
.ypy-partner__summary strong { color: var(--ypy-blue-deep); font-size: clamp(1.08rem, 1.8vw, 1.4rem); }
.ypy-partner__summary small { max-width: 80ch; color: #64748b; font-size: .88rem; line-height: 1.5; }
.ypy-partner__toggle { display: grid; width: 2.35rem; height: 2.35rem; border: 1px solid rgb(0 56 168 / .35); border-radius: 50%; place-items: center; color: var(--ypy-blue); font-size: 1.25rem; transition: rotate .2s ease; }
.ypy-partner[open] .ypy-partner__toggle { rotate: 45deg; color: #fff; background: var(--ypy-red); border-color: var(--ypy-red); }
.ypy-partner__body { max-width: 77ch; padding: 0 4.5rem 1.7rem; color: #465a75; }
.ypy-partner__body p { margin: 0; line-height: 1.75; }

/* Abrangência: número e listas editoriais. */
.ypy-territory { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.ypy-territory__intro .site-section__heading { display: block; margin-block-end: 1.75rem; }
.ypy-territory__intro .site-section__heading > div { margin-block-end: 1rem; }
.ypy-territory__intro .site-section__heading h2 { max-width: 12ch; font-size: clamp(2.4rem, 4.2vw, 4.4rem); line-height: .98; }
.ypy-territory__intro .site-section__heading > p { max-width: 37rem; line-height: 1.7; }
.ypy-territory__count { display: flex; margin-block-start: 2rem; align-items: baseline; gap: .65rem; color: var(--ypy-red); font-size: clamp(4rem, 9vw, 8rem); font-weight: 850; line-height: .85; letter-spacing: -.07em; }
.ypy-territory__count small { color: var(--ypy-ink); font-size: .85rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ypy-territory__regions { display: grid; min-width: 0; padding-inline-start: clamp(1.5rem, 3vw, 2.75rem); border-inline-start: .35rem solid transparent; border-image: linear-gradient(180deg, var(--ypy-green), var(--ypy-blue), var(--ypy-yellow)) 1; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 3.5rem); }
.ypy-territory__region h3 { margin-block: 0 1rem; padding-block-end: .75rem; border-block-end: .22rem solid var(--ypy-green); color: var(--ypy-blue-deep); }
.ypy-territory__region:last-child h3 { border-color: var(--ypy-blue); }
.ypy-territory__region ul { display: grid; margin: 0; padding: 0; list-style: none; }
.ypy-territory__region li { padding: .65rem 0; border-block-end: 1px solid var(--ypy-line); }

/* Cronograma: trilho vertical, datas e etapas. */
.ypy-timeline-layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.ypy-timeline-layout > .site-section__heading { display: block; margin: 0; }
.ypy-timeline-layout > .site-section__heading > div { margin-block-end: 1rem; }
.ypy-timeline-layout > .site-section__heading h2 { max-width: 10ch; font-size: clamp(2.4rem, 4.2vw, 4.4rem); line-height: .98; }
.ypy-timeline-layout > .site-section__heading > p { max-width: 35rem; line-height: 1.7; }
.ypy-timeline { position: relative; display: grid; margin: 0; padding: 0; list-style: none; }
.ypy-timeline::before { position: absolute; inset: 1.2rem auto 1.2rem 1.31rem; width: .28rem; background: linear-gradient(180deg,var(--ypy-blue) 0 25%,var(--ypy-green) 25% 50%,var(--ypy-red) 50% 75%,var(--ypy-yellow) 75%); content: ''; }
.ypy-timeline__item { position: relative; display: grid; min-width: 0; padding: 0 0 2.25rem; grid-template-columns: 2.8rem minmax(0, 1fr) minmax(max-content, 10rem); gap: clamp(.85rem, 2vw, 1.4rem); align-items: start; }
.ypy-timeline__number { position: relative; z-index: 1; display: grid; width: 2.8rem; height: 2.8rem; border-radius: 50%; place-items: center; color: #fff; background: var(--ypy-blue); font-size: .75rem; font-weight: 850; }
.ypy-timeline__item:nth-child(2) .ypy-timeline__number { background: var(--ypy-green); }
.ypy-timeline__item:nth-child(3) .ypy-timeline__number { background: var(--ypy-red); }
.ypy-timeline__item:nth-child(4) .ypy-timeline__number { color: var(--ypy-blue-deep); background: var(--ypy-yellow); }
.ypy-timeline__copy h3 { margin: .1rem 0 .3rem; color: var(--ypy-blue-deep); font-size: 1.08rem; }
.ypy-timeline__copy p { margin: 0; color: #5c6c84; font-size: .9rem; line-height: 1.55; }
.ypy-timeline__date { padding: .45rem .65rem; border-radius: 999px; color: var(--ypy-blue-deep); background: #e9effa; font-size: .75rem; font-weight: 750; white-space: nowrap; }

/* Critérios: barras proporcionais e texto, não cards genéricos. */
.ypy-criteria-layout > .site-section__heading { display: grid; grid-template-columns: minmax(0, .75fr) minmax(22rem, 1.25fr); gap: 1rem 5rem; align-items: end; }
.ypy-criteria-layout > .site-section__heading > p { text-align: left; }
.ypy-criteria { display: grid; margin-block-start: 2rem; grid-template-columns: 1fr 1fr; gap: 2.5rem 3rem; }
.ypy-criterion { padding-block-end: 1.4rem; border-block-end: 1px solid var(--ypy-line); }
.ypy-criterion__top { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.ypy-criterion h3 { margin: 0; color: var(--ypy-blue-deep); font-size: 1.05rem; }
.ypy-criterion strong { flex: 0 0 auto; color: var(--ypy-red); font-size: .8rem; text-transform: uppercase; }
.ypy-criterion p { min-height: 4.5rem; margin-block: .65rem 1rem; color: #5c6c84; font-size: .9rem; line-height: 1.55; }
.ypy-criterion__track { display: block; overflow: hidden; height: .38rem; border-radius: 999px; background: #e3e9f4; }
.ypy-criterion__track span { display: block; width: var(--ypy-score); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--ypy-blue),var(--ypy-green)); }

.site-page--ypy-pora .site-faq {
    width: min(100% - (var(--site-gutter) * 2), var(--site-container));
    max-width: none;
}
.site-page--ypy-pora .site-faq details { border-color: var(--ypy-line); }
.site-page--ypy-pora .site-faq details[open] summary,
.site-page--ypy-pora .site-faq summary span { color: var(--ypy-blue); }

.site-page--ypy-pora .site-cta {
    position: relative;
    overflow: hidden;
    padding-inline-start: clamp(2.5rem, 6vw, 5.5rem);
    border: 1px solid rgb(255 255 255 / .2);
    border-image: none;
    background:
        linear-gradient(90deg, rgb(0 31 94 / .96), rgb(0 56 168 / .9)),
        url('/site-ptin/assets/img/ypy-padrao-oficial.svg') center / auto 8rem;
}
.site-page--ypy-pora .site-cta::before {
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    width: .55rem;
    background: linear-gradient(180deg,var(--ypy-red) 0 25%,var(--ypy-yellow) 25% 50%,var(--ypy-green) 50% 75%,var(--ypy-blue) 75%);
    content: '';
}
.site-page--ypy-pora .site-cta::after {
    right: -4rem;
    bottom: -1rem;
    width: min(43%, 34rem);
    height: calc(100% + 2rem);
    aspect-ratio: auto;
    background: url('/site-ptin/assets/img/ypy-padrao-oficial.svg') repeat center / auto 6.5rem;
    filter: none;
    opacity: .08;
}
.site-page--ypy-pora .site-cta .site-section__heading h2 { color: #fff; }
.site-page--ypy-pora .site-cta .site-section__heading > p { color: rgb(255 255 255 / .8); }
.site-page--ypy-pora .site-cta .site-eyebrow { color: var(--ypy-yellow); }
.site-page--ypy-pora .site-cta .site-button--primary { --button-bg: var(--ypy-yellow); --button-border: var(--ypy-yellow); --button-color: var(--ypy-blue-deep); }

@media (max-width: 72rem) {
    .site-page--ypy-pora #numeros .site-stats { grid-template-columns: 1fr 1fr; gap: 2.75rem 0; }
}

@media (max-width: 64rem) {
    .site-page--ypy-pora > .site-first-block.site-hero::after { right: 3vw; width: min(25vw, 14rem); height: auto; }
    .site-page--ypy-pora .site-hero__veil::before { width: 2.5rem; background-size: auto 3rem; }
    .site-page--ypy-pora .site-hero__copy { max-width: 67%; }
    .site-page--ypy-pora #sobre .site-prose { max-width: 70%; }
    .ypy-timeline__item { grid-template-columns: 2.8rem 1fr; }
    .ypy-timeline__date { width: fit-content; margin-block-start: .45rem; grid-column: 2; }
}

@media (max-width: 48rem) {
    .site-page--ypy-pora > .site-first-block.site-hero { min-height: 35rem; }
    .site-page--ypy-pora > .site-first-block.site-hero::after { display: none; }
    .site-page--ypy-pora .site-hero__veil::before { display: none; }
    .site-page--ypy-pora .site-hero__copy { max-width: 100%; }
    .site-page--ypy-pora .site-hero h1 { max-width: 100%; font-size: clamp(2rem, 9vw, 3rem); }
    .site-page--ypy-pora #edicao .site-prose,
    .ypy-access,
    .site-page--ypy-pora #numeros .site-section__heading,
    .site-page--ypy-pora #inovacao .site-prose,
    .ypy-partners > .site-section__heading,
    .ypy-territory,
    .ypy-timeline-layout,
    .ypy-criteria-layout > .site-section__heading { grid-template-columns: 1fr; gap: 1rem; }
    .site-page--ypy-pora #edicao::after { width: 3.5rem; opacity: .08; }
    .site-page--ypy-pora #edicao .site-prose { padding-inline-end: 2rem; }
    .site-page--ypy-pora #edicao .site-section__heading { display: block; }
    .site-page--ypy-pora #edicao .site-eyebrow { margin-block-end: .65rem; }
    .site-page--ypy-pora #edicao .site-prose > p { grid-column: 1; }
    .ypy-access__links { grid-template-columns: 1fr; gap: 1rem; }
    .ypy-access__links a { padding-block: .9rem; }
    .site-page--ypy-pora #numeros .site-stats { grid-template-columns: 1fr 1fr; }
    .site-page--ypy-pora #sobre::after { display: none; }
    .site-page--ypy-pora #sobre .site-prose { max-width: 100%; }
    .site-page--ypy-pora #jornada .site-card-grid { grid-template-columns: 1fr 1fr; gap: 2.2rem 0; }
    .site-page--ypy-pora #jornada .site-card-grid::before { display: none; }
    .site-page--ypy-pora #inovacao .site-section__heading { grid-row: auto; }
    .ypy-partner__summary small { display: none; }
    .ypy-partner__body { padding-inline: 0; }
    .ypy-territory__regions,
    .ypy-criteria { grid-template-columns: 1fr; }
    .ypy-territory__regions { padding-inline-start: 1.25rem; }
    .ypy-timeline__date { white-space: normal; }
    .ypy-criterion p { min-height: 0; }
}

@media (max-width: 32rem) {
    .site-page--ypy-pora #numeros .site-stats,
    .site-page--ypy-pora #jornada .site-card-grid { grid-template-columns: 1fr; }
    .site-page--ypy-pora #numeros .site-stat { min-height: 0; }
    .site-page--ypy-pora .site-cta { padding-inline-start: 2rem; }
}

@media (prefers-reduced-motion: reduce) { .ypy-partner__toggle { transition: none; } }
@media print {
    .site-page--ypy-pora > .site-first-block.site-hero::after { display: none; }
    .ypy-partner__body { display: block; }
}