/* =========================================================
   HEADER - ELEMENTOS MOBILE
========================================================= */

.ff-header__toggle {
    display: none;
}


/* =========================================================
   TABLET Y MOBILE
========================================================= */

@media (max-width: 1023px) {

    html {
        scroll-snap-type: none;
        scroll-padding-top: 0;
    }

    .ff-header,
    body:not(.home) .ff-header {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        background: #c12052;
        transform: none;
    }

    .ff-header.is-leaving {
        transform: none;
    }

    .ff-header__inner {
        min-height: 76px;
    }

    .ff-header__logo img,
    .ff-header.is-scrolled .ff-header__logo img {
        height: 54px;
        max-width: 100%;
        margin: 10px 0;
    }

    .ff-header__right {
        gap: 0;
        margin-left: auto;
        margin-right: 25px;
    }

    .ff-header__donate {
        min-height: 38px;
        padding: 0 16px;
        font-size: 12px;
    }

    .ff-header__toggle {
        position: relative;
        z-index: 1002;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        width: 36px;
        height: 40px;
        padding: 5px;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .ff-header__toggle span {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        transition: transform .3s ease, opacity .3s ease;
    }

    .ff-header__toggle.is-active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .ff-header__toggle.is-active span:nth-child(2) {
        opacity: 0;
    }

    .ff-header__toggle.is-active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .ff-header__nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1001;

        display: block;
        padding: 15px 5vw 30px;

        background: #c12052;
        box-shadow: 0 20px 25px rgba(0, 0, 0, .12);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-12px);

        transition:
            opacity .3s ease,
            visibility .3s ease,
            transform .3s ease;
    }

    .ff-header__nav.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .ff-header__menu {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .ff-header__menu-item {
        border-bottom: 1px solid rgba(255, 255, 255, .18);
    }

    .ff-header__menu-item a {
        padding: 17px 0;
        color: #fff;
        font-size: 17px;
    }


    /* HERO */

    .ff-hero__slide {
        height: calc(100svh - 76px);
        min-height: 560px;
    }

    .ff-hero__background {
        background-position: 30% center;
    }

    .ff-hero__background::after {
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, .55) 0%,
            rgba(0, 0, 0, .65) 45%,
            rgba(0, 0, 0, .30) 100%
        );
    }

    .ff-hero__overlay {
        height: 100%;
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, .25),
            transparent 55%
        );
    }

    .ff-hero__inner {
        width: 90%;
        justify-content: center;
    }

    .ff-hero__content {
        width: 100%;
        max-width: 680px;
        padding: 0;
        border-right: none;
        text-align: center;
    }

    .ff-hero__title {
        font-size: clamp(40px, 6vw, 62px);
        line-height: 1.06;
        margin-bottom: 25px;
    }

    .ff-hero__text,
    .ff-hero__text--statement {
        max-width: 600px;
        margin: 0 auto 25px;
        font-size: 17px;
        line-height: 1.6;
    }

    .ff-hero__actions {
        justify-content: center;
    }

    .ff-hero .slick-dots {
        bottom: 25px;
        justify-content: center;
        width: 90%;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 781px) {

    .ff-header__inner {
        min-height: 68px;
    }

    .ff-header__logo img,
    .ff-header.is-scrolled .ff-header__logo img {
        height: 43px;
        margin: 10px 0;
    }

    .ff-header__right {
        margin-right: 18px;
    }

    .ff-header__donate {
        min-height: 35px;
        padding: 0 12px;
        font-size: 11px;
    }

    .ff-hero__slide {
        height: calc(100svh - 68px);
        min-height: 540px;
    }

    .ff-hero__background {
        background-position: 28% center;
    }

    .ff-hero__inner {
        width: calc(100% - 44px);
    }

    .ff-hero__content {
        max-width: 440px;
    }

    .ff-hero__title {
        font-size: clamp(36px, 9vw, 50px);
        line-height: 1.08;
        letter-spacing: -.025em;
        margin-bottom: 22px;
    }

    .ff-hero__title-accent::after {
        height: 9px;
        bottom: 3px;
    }

    .ff-hero__text,
    .ff-hero__text--statement {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 24px;
    }

    .ff-hero .slick-dots {
        bottom: 20px;
    }
}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 480px) {

    .ff-header__logo img,
    .ff-header.is-scrolled .ff-header__logo img {
        height: 36px;
    }

    .ff-header__right {
        margin-right: 12px;
    }

    .ff-hero__title {
        font-size: clamp(34px, 9vw, 42px);
    }

    .ff-hero__text,
    .ff-hero__text--statement {
        font-size: 14px;
    }

    .ff-hero__slide {
        min-height: 510px;
    }
}

/* =========================================================
   METRICS
========================================================= */

@media (max-width: 600px) {

    .ff-metrics__inner {
        padding-top: 0;
        padding-bottom: 0;
    }

    .ff-metrics__grid {
        grid-template-columns: 1fr;
    }

    .ff-metrics__item {
        padding: 30px 15px;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .ff-metrics__item:last-child {
        border-bottom: 0;
    }

    .ff-metrics__number {
        margin-bottom: 10px;
        font-size: 48px;
    }

}

/* =========================================================
   PROJECTS CAROUSEL - RESPONSIVE
========================================================= */

@media (max-width: 781px) {

    .ff-projects__carousel-area {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .ff-projects__carousel-wrap {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        overflow: hidden;
    }

    .ff-projects__carousel {
        width: 100%;
        min-width: 0;
    }

    .ff-projects__carousel .slick-list {
        width: 100%;
        margin: 0;
        padding: 10px 0 20px;
        overflow: hidden;
    }

    .ff-projects__carousel .slick-track {
        display: flex !important;
        align-items: stretch;
    }

    .ff-projects__carousel .slick-slide {
        height: auto;
        padding: 0;
    }

    .ff-projects__carousel .slick-slide > div {
        height: 100%;
    }

    .ff-projects__slide {
        width: 100%;
        height: 100%;
        min-width: 0;
    }

    .ff-projects__carousel .ff-project-card {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        border-radius: 14px;
    }

    .ff-projects__carousel .ff-project-card__image {
        width: 100%;
        aspect-ratio: 16 / 10;
    }

    .ff-projects__carousel .ff-project-card__content {
        min-height: 0;
        padding: 25px 24px 75px;
    }

    .ff-projects__carousel .ff-project-card__title {
        font-size: 22px;
        line-height: 1.2;
    }

    .ff-projects__carousel .ff-project-card__excerpt {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 0 !important;
    }

    .ff-projects__carousel-nav {
        justify-content: center;
        margin-top: 15px;
    }
}

/* =========================================================
   FOUNDATION - TIMELINE RESPONSIVE
========================================================= */

@media (max-width: 1023px) {

    .ff-timeline {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 35px 0;
        padding: 35px 15px 45px;
    }

    .ff-timeline__line {
        display: none;
    }

    .ff-timeline__item {
        min-width: 0;
    }

    .ff-timeline__point {
        padding: 0 5px;
    }

    .ff-timeline__year {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .ff-timeline__label {
        font-size: 12px;
        line-height: 1.4;
        margin-top: 15px;
    }

    .ff-timeline__item::before {
        content: "";
        position: absolute;
        top: 51px;
        left: 0;
        width: 100%;
        height: 2px;
        background: rgba(255,255,255,.8);
        z-index: -1;
    }

    .ff-timeline__dot {
        width: 18px;
        height: 18px;
    }
}

/* MOBILE */

@media (max-width: 781px) {

    .ff-timeline {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 35px 0;
        padding: 30px 10px 40px;
    }

    .ff-timeline__year {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .ff-timeline__dot {
        width: 15px;
        height: 15px;
        border-width: 3px;
    }

    .ff-timeline__label {
        font-size: 10px;
        line-height: 1.35;
        margin-top: 13px;
    }

    .ff-timeline__item::before {
        top: 43px;
    }

    .ff-timeline__tooltip {
        width: min(220px, 80vw);
        padding: 15px;
    }

    .ff-timeline__item:nth-child(4n + 1) .ff-timeline__tooltip {
        left: 0;
        transform: translateY(8px);
    }

    .ff-timeline__item:nth-child(4n + 1)
    .ff-timeline__point:is(:hover, :focus-visible)
    .ff-timeline__tooltip {
        transform: translateY(0);
    }

    .ff-timeline__item:nth-child(4n) .ff-timeline__tooltip {
        left: auto;
        right: 0;
        transform: translateY(8px);
    }

    .ff-timeline__item:nth-child(4n)
    .ff-timeline__point:is(:hover, :focus-visible)
    .ff-timeline__tooltip {
        transform: translateY(0);
    }
}

/* =========================================================
   FOUNDATION - MOBILE INTRO
========================================================= */

.ff-foundation__mobile-image {
    display: none;
}

@media (max-width: 1023px) {

    .ff-foundation__intro-bg {
        display: none;
    }

    .ff-foundation__intro {
        height: auto;
        min-height: 0;
        padding: 0;
    }

    .ff-foundation__intro-content {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: none;
    }

    .ff-foundation__heading {
        width: 100%;
        max-width: none;
        margin-bottom: 25px;
    }

    .ff-foundation__mobile-image {
        display: block;
        position: relative;

        width: 100vw;
        max-width: none;
        height: 440px;

        margin: 0 0 30px;
        margin-left: calc(50% - 50vw);

        border-radius: 0;
        overflow: hidden;

        background-image:
            linear-gradient(
                to bottom,
                #fff 0%,
                rgba(255, 255, 255, .75) 8%,
                rgba(255, 255, 255, 0) 25%,
                rgba(255, 255, 255, 0) 72%,
                rgba(255, 255, 255, .75) 92%,
                #fff 100%
            ),
            url('https://fundacionfernandez.org/wp-content/uploads/2026/09/ff-staff1.png');

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

        filter:
            saturate(.7)
            contrast(1.05)
            brightness(.98);

        opacity: .65;
    }

    .ff-foundation__text {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 781px) {

    .ff-foundation__heading {
        margin-bottom: 22px;
    }

    .ff-foundation__mobile-image {
        height: 380px;
        margin-bottom: 20px;
        background-position: center;
    }

    .ff-foundation__text {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* =========================================================
   MANAGEMENT - BOARD RESPONSIVE
========================================================= */

@media (max-width: 1023px) {

    .ff-management__board {
        padding: 55px 0 65px;
    }

    .ff-management__board-head {
        margin-bottom: 28px;
    }

    .ff-management__board-title {
        font-size: clamp(30px, 4vw, 40px);
    }

    .ff-management__board-box {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding: 30px;
    }

    .ff-management__board-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 25px;
        row-gap: 28px;
    }

    .ff-management__person {
        min-width: 0;
        overflow-wrap: break-word;
    }

    .ff-management__honorary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .ff-management__honorary-block {
        min-width: 0;
        padding: 18px;
    }

    .ff-management__honorary-members {
        flex-direction: column;
        gap: 12px;
    }
}


/* =========================================================
   MANAGEMENT - BOARD MOBILE
========================================================= */

@media (max-width: 781px) {

    .ff-management__board {
        padding: 45px 0 55px;
    }

    .ff-management__board-head {
        margin-bottom: 24px;
    }

    .ff-management__board-eyebrow {
        font-size: 10px;
        margin-bottom: 12px;
    }

    .ff-management__board-title {
        font-size: 30px;
        line-height: 1.15;
    }

    .ff-management__board-box {
        padding: 28px 22px;
        border-radius: 12px;
    }

    /* PERSONAS */

    .ff-management__board-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 22px;
        row-gap: 28px;
    }

    .ff-management__person {
        min-width: 0;
        gap: 6px;
    }

    .ff-management__person strong {
        font-size: 13px;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    .ff-management__person span {
        font-size: 11px;
        line-height: 1.4;
    }

    /* HONORARIOS */

    .ff-management__honorary {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;

        margin-top: 35px;
        padding-top: 28px;
    }

    .ff-management__honorary-block {
        padding: 5px 0 5px 16px;
        border-left: 2px solid #c12052;
        border-radius: 0;
        background: transparent;
    }

    .ff-management__honorary-label {
        margin-bottom: 12px;
        font-size: 10px;
        line-height: 1.3;
    }

    .ff-management__honorary-block strong {
        font-size: 13px;
        line-height: 1.45;
    }

    .ff-management__honorary-members {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}


/* =========================================================
   MANAGEMENT - SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .ff-management__board-box {
        padding: 24px 16px;
    }

    .ff-management__board-grid {
        column-gap: 14px;
        row-gap: 25px;
    }

    .ff-management__person strong {
        font-size: 12px;
    }

    .ff-management__person span {
        font-size: 11px;
    }
}

/* =========================================================
   HOSPITAL - MOBILE IMAGE
========================================================= */

.ff-hospital__mobile-image {
    display: none;
}

@media (max-width: 1023px) {

    .ff-hospital__background {
        display: none;
    }

    .ff-hospital__layout {
        display: block;
        width: 100%;
    }

    .ff-hospital__spacer {
        display: none;
    }

    .ff-hospital__body {
        width: 100%;
        gap: 25px;
    }

    .ff-hospital__head {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
        overflow: hidden;
    }

.ff-hospital__mobile-image {
        display: block;
        position: relative;

        width: calc(100% + 48px);
        height: 340px;

        margin: 0 -24px -28px;

        border-radius: 0;

        background-image:
            linear-gradient(
                to bottom,
                #fff 0%,
                rgba(255, 255, 255, .85) 8%,
                rgba(255, 255, 255, .35) 23%,
                transparent 43%
            ),
            url('https://fundacionfernandez.org/wp-content/uploads/2026/09/ff.png');

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

        opacity: .9;

        filter:
            saturate(.75)
            contrast(1.03)
            brightness(1.04);
    }

    .ff-hospital__stats {
        width: 100%;
    }
}

@media (max-width: 781px) {

    .ff-hospital__head {
        padding: 28px 24px;
        gap: 25px;
    }

    .ff-hospital__mobile-image {
        height: 310px;
    }
}


/* =========================================================
   DONATE - TABLET
========================================================= */

@media (max-width: 1023px) {

    .ff-donate {
        display: block;
        min-height: 0;
        scroll-snap-stop: normal;
    }

    .ff-donate__inner {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 35px;
        padding: 75px 0;
    }

    .ff-donate__content {
        padding-right: 0;
    }

    .ff-donate__title {
        font-size: clamp(38px, 4.5vw, 52px);
        line-height: 1.05;
    }

    .ff-donate__description {
        font-size: 17px;
        line-height: 1.6;
    }

    .ff-donate__impact {
        padding-left: 30px;
    }

    .ff-donate__impact-title {
        font-size: 25px;
        margin-bottom: 28px;
    }

    .ff-donate__list {
        gap: 23px;
    }

    .ff-donate__item {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 14px;
    }

    .ff-donate__item p {
        font-size: 15px;
    }

    .ff-donate__background {
        width: 55%;
        background-position: center;
        opacity: .65;
    }

}


/* =========================================================
   DONATE - MOBILE
========================================================= */

@media (max-width: 781px) {

    .ff-donate {
        display: block;
        background: #b43d62;
        isolation: isolate;
    }

    .ff-donate .ff-container {
        width: 90%;
    }

    .ff-donate__inner {
        display: flex;
        flex-direction: column;
        gap: 55px;
        width: 100%;
        padding: 65px 0 75px;
    }

    /* BACKGROUND */

    .ff-donate__background {
        top: 0;
        right: 0;
        bottom: auto;

        width: 100%;
        height: 420px;

        background-position: center 35%;
        background-size: cover;

        mix-blend-mode: soft-light;
        opacity: .5;

        filter:
            saturate(.7)
            contrast(1.05)
            brightness(1.08);

        -webkit-mask-image: linear-gradient(
            to bottom,
            #000 0%,
            #000 30%,
            rgba(0, 0, 0, .65) 55%,
            transparent 100%
        );

        mask-image: linear-gradient(
            to bottom,
            #000 0%,
            #000 30%,
            rgba(0, 0, 0, .65) 55%,
            transparent 100%
        );
    }

    .ff-donate__overlay {
        background: #b43d62;
        opacity: .82;
    }

    .ff-donate::after {
        background: linear-gradient(
            to bottom,
            rgba(80, 0, 28, .18) 0%,
            transparent 50%,
            rgba(80, 0, 28, .12) 100%
        );
    }

    /* CONTENT */

    .ff-donate__content {
        width: 100%;
        padding: 0;
        align-items: flex-start;
    }

    .ff-donate__eyebrow {
        margin-bottom: 18px;
        font-size: 11px;
        letter-spacing: .13em;
    }

    .ff-donate__title {
        max-width: 520px;
        margin-bottom: 25px;
        font-size: clamp(36px, 9vw, 48px);
        line-height: 1.05;
        letter-spacing: -.025em;
    }

    .ff-donate__description {
        max-width: 540px;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.65;
    }

    .ff-donate__button {
        min-height: 48px;
        padding: 14px 20px;
        font-size: 13px;
    }

    /* IMPACT */

    .ff-donate__impact {
        width: 100%;
        padding: 35px 0 0;

        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .35);
    }

    .ff-donate__impact-title {
        max-width: 450px;
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 1.2;
    }

    .ff-donate__list {
        gap: 25px;
    }

    .ff-donate__item {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 15px;
    }

    .ff-donate__item p {
        max-width: none;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.6;
    }

    .ff-donate__check {
        width: 26px;
        height: 26px;
        margin-top: 1px;
        flex-shrink: 0;
    }

    .ff-donate__check svg {
        width: 14px;
        height: 14px;
    }

}


/* =========================================================
   DONATE - SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .ff-donate__inner {
        gap: 45px;
        padding: 55px 0 65px;
    }

    .ff-donate__title {
        font-size: 35px;
    }

    .ff-donate__impact-title {
        font-size: 23px;
    }

    .ff-donate__item p {
        font-size: 14px;
    }

}

/* =========================================================
   INSTAGRAM - HEADER RESPONSIVE
========================================================= */

@media (max-width: 781px) {

    .ff-instagram__head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;

        width: 100%;
        min-width: 0;
        margin-bottom: 28px;
    }

    .ff-instagram__profile {
        display: flex;
        align-items: center;
        gap: 14px;

        width: 100%;
        min-width: 0;
    }

    .ff-instagram__logo {
        flex: 0 0 64px;
        width: 64px;
        height: 64px;
    }

    .ff-instagram__handle {
        display: block;
        min-width: 0;

        font-size: 17px;
        letter-spacing: .5px;
        line-height: 1.3;

        overflow-wrap: anywhere;
    }

    .ff-instagram__actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        width: 100%;
        margin: 0;
    }

    .ff-instagram__button {
        min-height: 46px;
        padding: 0 18px;
        gap: 24px;

        font-size: 12px;
        white-space: nowrap;
    }

}


/* =========================================================
   FOOTER - MOBILE
========================================================= */

@media (max-width: 1100px) {

    .ff-footer__main {
        grid-template-columns: 1fr 1fr;
        gap: 50px 70px;
    }

}

@media (max-width: 781px) {

    .ff-footer {
        padding-top: 55px;
        scroll-snap-stop: normal;
    }

    /* COLUMNAS */

    .ff-footer__main {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding-bottom: 35px;
    }

    .ff-footer__main > * {
        position: relative;
        width: 100%;
        min-width: 0;
        padding: 35px 0;
        text-align: center;
    }

    /* LINEAS DIVISORIAS */

    .ff-footer__main > *:not(:last-child)::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background: rgba(255, 255, 255, .25);
    }

    /* LOGO */

    .ff-footer__brand {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 40px;
    }

    .ff-footer__logo-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .ff-footer__logo {
        display: block;
        width: 230px;
        max-width: 85%;
        height: auto;
        margin: 0;
    }

    /* TITULOS */

    .ff-footer__heading {
        margin-bottom: 25px;
        font-size: 15px;
        text-align: center;
    }

    /* ENLACES */

    .ff-footer__nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        width: 100%;
    }

    .ff-footer__nav a {
        font-size: 15px;
        text-align: center;
    }

    .ff-footer__nav a:hover {
        transform: none;
    }

    /* CONTACTO */

    .ff-footer__contact {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        width: 100%;
    }

    .ff-footer__contact-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: 100%;
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
        overflow-wrap: anywhere;
    }

    .ff-footer__contact-item svg {
        flex: none;
        width: 20px;
        height: 20px;
        margin: 0;
    }

    /* REDES */

    .ff-footer__social {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        width: 100%;
    }

    .ff-footer__social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        font-size: 14px;
        text-align: center;
    }

    .ff-footer__social-link:hover {
        transform: none;
    }

    /* DONAR */

    .ff-footer__donate {
        margin-top: 25px;
        min-height: 48px;
        justify-content: center;
        gap: 25px;
    }

    /* COPYRIGHT */

    .ff-footer__bottom {
        min-height: 85px;
        padding: 25px 0;
    }

    .ff-footer__bottom p {
        max-width: 300px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
    }

}