/* Banner hero — página inicial */
body.has-fcf-hero .hero-section,
body.has-fcf-hero .entry-header,
body.has-fcf-hero .page-title {
    display: none !important;
}

body.home.has-fcf-hero main.site-main > .ct-container-full {
    display: none !important;
}

body.has-fcf-hero main.site-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.fcf-home-stack {
    --fcf-hero-autoplay: 7000ms;
    --fcf-hero-height: 100vh;
    --fcf-hero-height: 100dvh;
    --fcf-hero-image-overlay: linear-gradient(
        to top right,
        rgba(5, 30, 51, 1) 0%,
        rgba(5, 30, 51, 0.2) 100%
    );
    --fcf-hero-enter-duration: 1.4s;
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow-x: clip;
    overflow-y: visible;
    background: var(--fcf-blue-900, #051e33);
}

@keyframes fcf-hero-image-reveal {
    0% {
        opacity: 0;
        transform: scale(1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate3d(0, 0, 0);
    }
}

@keyframes fcf-hero-fade-up {
    0% {
        opacity: 0;
        transform: translate3d(0, 28px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fcf-home-stack:has(.fcf-matches) {
    display: flex;
    flex-direction: column;
}

.fcf-home-stack:has(.fcf-matches) .fcf-hero {
    flex: 0 0 auto;
}

.fcf-home-stack:has(.fcf-matches) .fcf-matches {
    margin-top: 0;
    position: relative;
    z-index: 3;
}

.fcf-hero__media {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--fcf-hero-height);
    z-index: 0;
}

.fcf-hero {
    --fcf-hero-autoplay: 7000ms;
    --fcf-hero-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --fcf-hero-ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
    --fcf-hero-transition: 1.35s;
    position: relative;
    width: 100%;
    height: var(--fcf-hero-height);
    min-height: var(--fcf-hero-height);
    color: #fff;
    font-family: var(--fcf-font-body, "Poppins", sans-serif);
    z-index: 2;
    background: transparent;
}

.fcf-hero__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    transition:
        opacity var(--fcf-hero-transition) var(--fcf-hero-ease-soft),
        visibility var(--fcf-hero-transition);
}

.fcf-hero__slide::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: var(--fcf-hero-image-overlay);
}

.fcf-hero__slide.is-active,
.fcf-hero__slide.is-leaving {
    visibility: visible;
}

.fcf-hero__slide.is-active {
    opacity: 1;
    z-index: 2;
}

.fcf-hero__slide.is-leaving {
    opacity: 0;
    z-index: 1;
    transition:
        opacity calc(var(--fcf-hero-transition) * 1.15) var(--fcf-hero-ease-soft),
        visibility calc(var(--fcf-hero-transition) * 1.15);
}

.fcf-hero__image {
    position: absolute;
    inset: 0;
    background-color: var(--fcf-blue-700, #183e67);
    background-position: center 28%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
    will-change: transform;
    backface-visibility: hidden;
}

.fcf-hero__slide.is-active .fcf-hero__image {
    animation: fcf-hero-image-in var(--fcf-hero-autoplay, 7000ms) cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

.fcf-home-stack:not(.is-hero-entered) .fcf-hero__slide.is-active .fcf-hero__image {
    animation:
        fcf-hero-image-reveal var(--fcf-hero-enter-duration) var(--fcf-hero-ease-soft) both,
        fcf-hero-image-in var(--fcf-hero-autoplay, 7000ms) 0s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

.fcf-home-stack:not(.is-hero-entered) .fcf-hero__category {
    opacity: 0;
    animation: fcf-hero-fade-up 0.85s var(--fcf-hero-ease-soft) 0.42s both;
}

.fcf-home-stack:not(.is-hero-entered) .fcf-hero__title {
    opacity: 0;
    animation: fcf-hero-fade-up 0.95s var(--fcf-hero-ease-soft) 0.55s both;
}

.fcf-home-stack:not(.is-hero-entered) .fcf-hero__nav {
    opacity: 0;
    animation: fcf-hero-fade-up 0.85s var(--fcf-hero-ease-soft) 0.78s both;
}

.fcf-hero__slide.is-leaving .fcf-hero__image {
    animation: none;
    transform: scale(1.05) translate3d(0, 0, 0);
    transition: transform calc(var(--fcf-hero-transition) * 1.15) var(--fcf-hero-ease-soft);
}

@keyframes fcf-hero-image-in {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
    }

    100% {
        transform: scale(1.07) translate3d(0, 0, 0);
    }
}

.fcf-hero__overlay {
    display: none;
}

.fcf-hero__data {
    display: none !important;
}

.fcf-hero__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    pointer-events: none;
}

.fcf-hero__container {
    position: relative;
    pointer-events: none;
}

.fcf-hero__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 32px;
    padding-bottom: 56px;
}

.fcf-hero__copy {
	flex: 1 1 auto;
	min-width: 0;
	max-width: min(1180px, 100%);
	display: flex;
	flex-direction: column;
	gap: clamp(80px, 11vh, 140px);
}

.fcf-hero__content-inner {
    width: 100%;
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        opacity calc(var(--fcf-hero-transition) * 0.95) var(--fcf-hero-ease-soft),
        transform calc(var(--fcf-hero-transition) * 0.95) var(--fcf-hero-ease-soft);
    will-change: opacity, transform;
}

.fcf-hero__content-inner.is-exiting {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
}

.fcf-hero__content-inner.is-entering {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
}

.fcf-hero__content-inner.is-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.fcf-hero__category {
	display: inline-block;
	align-self: flex-start;
	margin: 0 0 14px;
	padding: 7px 15px;
	background: #edca57;
	color: #051e33;
	font-family: var(--fcf-font-display, "korolev-compressed", sans-serif);
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.1;
	text-transform: uppercase;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.fcf-hero__category:hover,
.fcf-hero__category:focus-visible {
	color: #051e33;
	opacity: 0.9;
	outline: none;
	transform: translateY(-1px);
}

.fcf-hero__category[hidden] {
	display: none;
}

.fcf-hero__title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    max-width: 100%;
    color: #fff !important;
    background: none !important;
    text-wrap: pretty;
    font-size: clamp(3rem, 8.2vw, 6rem) !important;
    line-height: 0.95 !important;
}

.fcf-hero__title-link {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.fcf-hero__title-link:hover,
.fcf-hero__title-link:focus-visible {
    color: inherit;
    opacity: 0.86;
    outline: none;
}

.fcf-hero__title-link[hidden] {
    display: none;
}

.fcf-hero__nav {
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 0;
	pointer-events: auto;
	flex-shrink: 0;
}

.fcf-hero__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    opacity: 0.9;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.fcf-hero__arrow:hover,
.fcf-hero__arrow:focus-visible {
    opacity: 1;
    outline: none;
}

.fcf-hero__arrow:active {
    transform: scale(0.96);
}

.fcf-hero__arrow img {
    display: block;
    width: 44px;
    height: auto;
}

.fcf-hero__arrow--next img {
    transform: scaleX(-1);
}

@media (min-width: 1000px) {
    .fcf-hero__copy {
        max-width: min(1280px, 100%);
    }

    .fcf-hero__title {
        font-size: clamp(3.35rem, 5.6vw, 6.5rem) !important;
    }
}

@media (max-width: 768px) {
    .fcf-home-stack {
        --fcf-hero-height: 80vh;
    }

    .fcf-hero__slide::after {
        background: linear-gradient(
            to top right,
            rgba(5, 30, 51, 1) 0%,
            rgba(5, 30, 51, 0.2) 100%
        );
    }

    .fcf-hero__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding-bottom: 14px;
    }

    .fcf-hero__copy {
        max-width: 100%;
        gap: 56px;
    }

    .fcf-hero__content-inner {
        max-width: 100%;
        width: 100%;
    }

    .fcf-hero__category {
        margin-bottom: 10px;
        padding: 6px 13px;
        font-size: 0.875rem;
    }

    .fcf-hero__title {
        margin-bottom: 0 !important;
        font-size: clamp(2.5rem, 11vw, 3.75rem) !important;
    }

    .fcf-hero__nav {
        gap: 12px;
    }

    .fcf-hero__arrow {
        width: 28px;
        height: 14px;
    }

    .fcf-hero__arrow img {
        width: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fcf-hero__slide {
        transition: opacity 0.3s ease;
    }

    .fcf-home-stack:not(.is-hero-entered) .fcf-hero__slide.is-active .fcf-hero__image,
    .fcf-home-stack:not(.is-hero-entered) .fcf-hero__category,
    .fcf-home-stack:not(.is-hero-entered) .fcf-hero__title,
    .fcf-home-stack:not(.is-hero-entered) .fcf-hero__nav {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .fcf-hero__slide.is-active .fcf-hero__image {
        animation: none;
    }

    .fcf-hero__slide.is-active .fcf-hero__image,
    .fcf-hero__slide.is-leaving .fcf-hero__image {
        animation: none;
        transform: scale(1);
        transition: none;
    }

    .fcf-hero__content-inner {
        transition: opacity 0.25s ease;
        transform: none !important;
    }
}
