/* Fala Sportu — Creative Divider. All rules are scoped to this widget. */
.fscd-divider {
    --fscd-line: #DCD6E4;
    --fscd-line-soft: #F2C1DE;
    --fscd-weight: 2px;
    --fscd-accent: #E62087;
    width: 100%;
    min-width: 0;
    background: transparent;
    position: relative;
    isolation: isolate;
    overflow-x: clip;
    overflow-y: visible;
}
.fscd-divider *, .fscd-divider *::before, .fscd-divider *::after { box-sizing: border-box; }
.fscd-stage {
    position: relative;
    min-height: 96px;
    width: 100%;
    padding-inline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
/* Move the widget root, not an overflowing child: the old rule was clipped by the root. */
.fscd-divider--bleed {
    width: 100vw;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
}
.fscd-divider--bleed .fscd-stage { width: 100%; margin-inline: 0; }
.fscd-divider--bleed .fscd-track { max-width: none; }
.fscd-track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    max-width: 2400px;
    min-width: 0;
    margin-inline: auto;
    z-index: 2;
}
.fscd-flow {
    display: block;
    width: 100%;
    height: 36px;
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    fill: none;
    opacity: .76;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.fscd-flow path { fill: none; vector-effect: non-scaling-stroke; }
.fscd-flow .fscd-stroke-main { stroke: var(--fscd-line); stroke-width: var(--fscd-weight); }
.fscd-flow .fscd-stroke-soft { stroke: var(--fscd-line-soft); stroke-width: max(1px, calc(var(--fscd-weight) * .68)); opacity: .72; }
.fscd-flow .fscd-stroke-hair { stroke-width: max(.8px, calc(var(--fscd-weight) * .5)); opacity: .55; }
.fscd-flow .fscd-stroke-taper { stroke-width: var(--fscd-weight); }
.fscd-flow--full { width: 100%; flex: 1 1 100%; }
.fscd-side {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}
/* keep full width to the outer edges; soften only near the title */
.fscd-side--left .fscd-flow {
    -webkit-mask-image: linear-gradient(to right, black 0%, black 84%, transparent 100%);
    mask-image: linear-gradient(to right, black 0%, black 84%, transparent 100%);
}
.fscd-side--right .fscd-flow {
    -webkit-mask-image: linear-gradient(to left, black 0%, black 84%, transparent 100%);
    mask-image: linear-gradient(to left, black 0%, black 84%, transparent 100%);
}
.fscd-mirror-right .fscd-side--right svg { transform: scaleX(-1); }
.fscd-center {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 85%;
    min-width: 0;
}
.fscd-title {
    flex: 0 1 auto;
    margin: 0 !important;
    padding: 0;
    color: #073E81;
    font-family: inherit;
    font-size: clamp(22px, 3.9vw, 54px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.018em;
    text-align: center;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    min-width: 0;
}
.fscd-accent {
    flex: 0 0 auto;
    color: var(--fscd-accent);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}
.fscd-accent:empty { display: none; }
.fscd-accent svg { width: 25px; height: 25px; display: block; }
.fscd-art {
    --fscd-x: 88%;
    --fscd-y: -16px;
    --fscd-rotate: 0deg;
    position: absolute;
    left: var(--fscd-x);
    top: calc(50% + var(--fscd-y));
    width: 108px;
    max-width: none;
    height: auto;
    pointer-events: none;
    opacity: 1;
    transform: translate(-50%, -50%) rotate(var(--fscd-rotate)) scaleX(1);
    transform-origin: center;
}
.fscd-art-2 { --fscd-x: 12%; }
.fscd-art-flipped { transform: translate(-50%, -50%) rotate(var(--fscd-rotate)) scaleX(-1); }
.fscd-art-layer-front { z-index: 3; }
.fscd-art-layer-back { z-index: 1; }
.fscd-art img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .fscd-hide-tablet { display: none !important; }
    .fscd-stage { min-height: 82px; }
}
@media (max-width: 767px) {
    .fscd-hide-mobile { display: none !important; }
    .fscd-stage { min-height: 72px; padding-inline: 0; }
    .fscd-track { gap: 7px; }
    .fscd-flow { height: 20px; }
    .fscd-center { gap: 5px; max-width: 95%; }
    .fscd-title { font-size: clamp(18px, 5.2vw, 30px); line-height: 1.2; }
    .fscd-accent svg { width: 12px; height: 12px; }
    .fscd-art { --fscd-y: -10px; width: 58px; }
    .fscd-hide-lines-mobile .fscd-side { display: none; }
    .fscd-hide-lines-mobile .fscd-center { max-width: 100%; }
}