/**
 * Theme Name:     FelloFly
 * Author:         Quina Ribeiro
 * Template:       hello-elementor
 * Text Domain:	   fellofly
 * Description:    Custom theme
 */


 /* Var references */
 /* These variables are already implemented, use only for reference */
 /*
--e-global-color-398fa1e: #FFFFFF;
--e-global-color-2260986: #F2F2F2;
--e-global-color-fee223c: #D9DAD9;
--e-global-color-b4b426d: #B4B5B4;
--e-global-color-f936476: #828483;
--e-global-color-9c44c9a: #505252;
--e-global-color-7af09a3: #1E2120;
--e-global-color-6ad1ed1: #050908;
--e-global-color-5b11e8e: #FDEEE9;
--e-global-color-21abc4d: #FCDED3;
--e-global-color-cca3676: #F58B65;
--e-global-color-4889db4: #F15A24;
--e-global-color-0e4cf51: #C0481C;
--e-global-color-ea2cd95: #60240E;
--e-global-color-a5825eb: #481B0A;
--e-global-color-34cd162: #F0F8F5;
--e-global-color-e3ac205: #E1F1EC;
--e-global-color-75090b4: #98CEBF;
--e-global-color-0509e32: #6CB9A4;
--e-global-color-c2f3a16: #569483;
--e-global-color-cade041: #2B4A41;
--e-global-color-d45223b: #203731;
--e-global-typography-primary-font-family: "Oswald";
--e-global-typography-primary-font-weight: 600;
--e-global-typography-secondary-font-family: "Oswald";
--e-global-typography-secondary-font-weight: 400;
--e-global-typography-text-font-family: "Open Sans";
--e-global-typography-text-font-weight: 400;
--e-global-typography-accent-font-family: "Open Sans";
--e-global-typography-accent-font-weight: 500;
--e-global-typography-8e77f34-font-family: "Oswald";
--e-global-typography-8e77f34-font-size: 3.5rem;
--e-global-typography-8e77f34-line-height: 120%;
--e-global-typography-28b75d0-font-family: "Oswald";
--e-global-typography-28b75d0-font-size: 3rem;
--e-global-typography-28b75d0-line-height: 120%;
--e-global-typography-00a12f4-font-family: "Oswald";
--e-global-typography-00a12f4-font-size: 2.5rem;
--e-global-typography-00a12f4-line-height: 120%;
--e-global-typography-3874982-font-family: "Oswald";
--e-global-typography-3874982-font-size: 2rem;
--e-global-typography-3874982-line-height: 130%;
--e-global-typography-22f7163-font-family: "Oswald";
--e-global-typography-22f7163-font-size: 1.5rem;
--e-global-typography-22f7163-line-height: 140%;
--e-global-typography-5152574-font-family: "Oswald";
--e-global-typography-5152574-font-size: 1.25rem;
--e-global-typography-5152574-line-height: 140%;
--e-global-typography-70b90c1-font-size: 1rem;
--e-global-typography-70b90c1-line-height: 150%;
--e-global-typography-ffb5091-font-family: "Open Sans";
--e-global-typography-ffb5091-font-size: 1.25rem;
--e-global-typography-ffb5091-font-weight: 800;
--e-global-typography-ffb5091-line-height: 150%;
--e-global-typography-7fd794b-font-family: "Open Sans";
--e-global-typography-7fd794b-font-size: 1.25rem;
--e-global-typography-7fd794b-font-weight: 700;
--e-global-typography-7fd794b-line-height: 150%;
--e-global-typography-380ad78-font-family: "Open Sans";
--e-global-typography-380ad78-font-size: 1.25rem;
--e-global-typography-380ad78-font-weight: 600;
--e-global-typography-380ad78-line-height: 150%;
--e-global-typography-c996e72-font-family: "Open Sans";
--e-global-typography-c996e72-font-size: 1.25rem;
--e-global-typography-c996e72-font-weight: 500;
--e-global-typography-c996e72-line-height: 150%;
--e-global-typography-23d80ff-font-family: "Open Sans";
--e-global-typography-23d80ff-font-size: 1.25rem;
--e-global-typography-23d80ff-font-weight: 400;
--e-global-typography-23d80ff-line-height: 150%;
--e-global-typography-text_large_light-font-family: "Open Sans";
--e-global-typography-text_large_light-font-size: 1.25rem;
--e-global-typography-text_large_light-font-weight: 300;
--e-global-typography-text_large_light-line-height: 150%;
--e-global-typography-text_medium_extra_bold-font-family: "Open Sans";
--e-global-typography-text_medium_extra_bold-font-size: 1.125rem;
--e-global-typography-text_medium_extra_bold-font-weight: 800;
--e-global-typography-text_medium_extra_bold-line-height: 150%;
--e-global-typography-text_medium_bold-font-family: "Open Sans";
--e-global-typography-text_medium_bold-font-size: 1.125rem;
--e-global-typography-text_medium_bold-font-weight: 700;
--e-global-typography-text_medium_bold-line-height: 150%;
--e-global-typography-text_medium_semi_bold-font-family: "Open Sans";
--e-global-typography-text_medium_semi_bold-font-size: 1.125rem;
--e-global-typography-text_medium_semi_bold-font-weight: 600;
--e-global-typography-text_medium_semi_bold-line-height: 150%;
--e-global-typography-text_medium_medium-font-size: 1.125rem;
--e-global-typography-text_medium_medium-font-weight: 500;
--e-global-typography-text_medium_medium-line-height: 150%;
--e-global-typography-text_medium_normal-font-size: 1.125rem;
--e-global-typography-text_medium_normal-font-weight: 400;
--e-global-typography-text_medium_normal-line-height: 150%;
--e-global-typography-text_medium_light-font-size: 1.125rem;
--e-global-typography-text_medium_light-font-weight: 300;
--e-global-typography-text_medium_light-line-height: 150%;
--e-global-typography-text_regular_extra_bold-font-size: 1rem;
--e-global-typography-text_regular_extra_bold-font-weight: 800;
--e-global-typography-text_regular_extra_bold-line-height: 150%;
--e-global-typography-text_regular_bold-font-size: 1rem;
--e-global-typography-text_regular_bold-font-weight: 700;
--e-global-typography-text_regular_bold-line-height: 150%;
--e-global-typography-text_regular_semi_bold-font-family: "Open Sans";
--e-global-typography-text_regular_semi_bold-font-size: 1rem;
--e-global-typography-text_regular_semi_bold-font-weight: 600;
--e-global-typography-text_regular_semi_bold-line-height: 150%;
--e-global-typography-text_regular_medium-font-size: 1rem;
--e-global-typography-text_regular_medium-font-weight: 500;
--e-global-typography-text_regular_medium-line-height: 150%;
--e-global-typography-text_regular_normal-font-family: "Open Sans";
--e-global-typography-text_regular_normal-font-size: 1rem;
--e-global-typography-text_regular_normal-font-weight: 400;
--e-global-typography-text_regular_normal-line-height: 150%;
--e-global-typography-text_regular_light-font-family: "Open Sans";
--e-global-typography-text_regular_light-font-size: 1rem;
--e-global-typography-text_regular_light-font-weight: 300;
--e-global-typography-text_regular_light-line-height: 150%;
--e-global-typography-text_small_extra_bold-font-family: "Open Sans";
--e-global-typography-text_small_extra_bold-font-size: 0.875rem;
--e-global-typography-text_small_extra_bold-font-weight: 800;
--e-global-typography-text_small_extra_bold-line-height: 150%;
--e-global-typography-text_small_bold-font-family: "Open Sans";
--e-global-typography-text_small_bold-font-size: 0.875rem;
--e-global-typography-text_small_bold-font-weight: 700;
--e-global-typography-text_small_bold-line-height: 150%;
--e-global-typography-text_small_semi_bold-font-family: "Open Sans";
--e-global-typography-text_small_semi_bold-font-size: 0.875rem;
--e-global-typography-text_small_semi_bold-font-weight: 600;
--e-global-typography-text_small_semi_bold-line-height: 150%;
--e-global-typography-text_small_medium-font-family: "Open Sans";
--e-global-typography-text_small_medium-font-size: 0.875rem;
--e-global-typography-text_small_medium-font-weight: 500;
--e-global-typography-text_small_medium-line-height: 150%;
--e-global-typography-text_small_normal-font-family: "Open Sans";
--e-global-typography-text_small_normal-font-size: 0.875rem;
--e-global-typography-text_small_normal-font-weight: 400;
--e-global-typography-text_small_normal-line-height: 150%;
--e-global-typography-text_small_light-font-family: "Open Sans";
--e-global-typography-text_small_light-font-size: 0.875rem;
--e-global-typography-text_small_light-font-weight: 300;
--e-global-typography-text_small_light-line-height: 150%;
--e-global-typography-text_tiny_extra_bold-font-family: "Open Sans";
--e-global-typography-text_tiny_extra_bold-font-size: 0.75rem;
--e-global-typography-text_tiny_extra_bold-font-weight: 800;
--e-global-typography-text_tiny_extra_bold-line-height: 150%;
--e-global-typography-text_tiny_bold-font-family: "Open Sans";
--e-global-typography-text_tiny_bold-font-size: 0.75rem;
--e-global-typography-text_tiny_bold-font-weight: 700;
--e-global-typography-text_tiny_bold-line-height: 150%;
--e-global-typography-text_tiny_semi_bold-font-family: "Open Sans";
--e-global-typography-text_tiny_semi_bold-font-size: 0.75rem;
--e-global-typography-text_tiny_semi_bold-font-weight: 600;
--e-global-typography-text_tiny_semi_bold-line-height: 150%;
--e-global-typography-text_tiny_medium-font-family: "Open Sans";
--e-global-typography-text_tiny_medium-font-size: 0.75rem;
--e-global-typography-text_tiny_medium-font-weight: 500;
--e-global-typography-text_tiny_medium-line-height: 150%;
--e-global-typography-text_tiny_normal-font-family: "Open Sans";
--e-global-typography-text_tiny_normal-font-size: 0.75rem;
--e-global-typography-text_tiny_normal-font-weight: 400;
--e-global-typography-text_tiny_normal-line-height: 150%;
--e-global-typography-text_tiny_light-font-family: "Open Sans";
--e-global-typography-text_tiny_light-font-size: 0.75rem;
--e-global-typography-text_tiny_light-font-weight: 300;
--e-global-typography-text_tiny_light-line-height: 150%;
font-family: "Open Sans", Sans-serif;
 */

/* Botão Primary - Baseado no design do Figma */
.button-primary {
    background-color: var(--e-global-color-4889db4); /* #F15A24 - Flamingo */
    color: var(--e-global-color-5b11e8e); /* #FDEEE9 - Flamingo Lightest */
    font-family: var(--e-global-typography-text_regular_semi_bold-font-family);
    font-size: var(--e-global-typography-text_regular_semi_bold-font-size);
    font-weight: var(--e-global-typography-text_regular_semi_bold-font-weight);
    line-height: var(--e-global-typography-text_regular_semi_bold-line-height);
    padding: 10px 24px; /* py-2.5 px-6 equivalent */
    border: 1px solid var(--e-global-color-4889db4); /* #F15A24 */
    border-radius: 100px; /* rounded-[100px] */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* gap-2 equivalent */
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
}

.button-primary:hover {
    background-color: var(--e-global-color-0e4cf51); /* #C0481C - Flamingo Darker */
    border-color: var(--e-global-color-0e4cf51);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(241, 90, 36, 0.2);
}

.button-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(241, 90, 36, 0.3);
}

.button-primary:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(241, 90, 36, 0.3);
}

/* Estado desabilitado */
.button-primary:disabled {
    background-color: var(--e-global-color-fee223c); /* #D9DAD9 - Gray Light */
    border-color: var(--e-global-color-fee223c);
    color: var(--e-global-color-f936476); /* #828483 - Gray Medium */
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Responsividade */
@media (max-width: 768px) {
    .button-primary {
        padding: 8px 20px;
        font-size: 0.875rem; /* text_small_semi_bold */
    }
}

.bento-card {
    transition: all 0.3s ease !important;
    opacity: 0.8;
}
.bento-card:hover {
    transition: all 0.3s ease;
    padding-bottom: 4rem;
    opacity: 1;
}

.bento-card__icon {
    width: 2rem;
    height: 2rem;
    border-radius: 100px;
    background-color: var(--e-global-color-2260986); /* #F2F2F2 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: all 0.3s ease;
}

.bento-card:hover .bento-card__icon {
    background-color: var(--e-global-color-4889db4); /* #F15A24 - Flamingo */
    color: var(--e-global-color-398fa1e); /* #FFFFFF */
}


.bento-card__icon .elementor-icon-wrapper,
.bento-card__icon .elementor-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* ===== CARROSSEL CUSTOMIZATION ===== */
/* Baseado no design do Figma com setas circulares verdes */

.ff_carousel {
    position: relative;
}

/* Navegação - Setas */
.ff_carousel .elementor-swiper-button {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--e-global-color-398fa1e); /* #FFFFFF - White */
    border: 1px solid var(--e-global-color-0509e32); /* #6CB9A4 - Teal */
    box-shadow: 0 2px 8px rgba(107, 185, 164, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    top: 50%;
    transform: translateY(-50%);
}

.ff_carousel .elementor-swiper-button:hover {
    background-color: var(--e-global-color-0509e32); /* #6CB9A4 - Teal */
    border-color: var(--e-global-color-c2f3a16); /* #569483 - Teal Dark */
    box-shadow: 0 4px 12px rgba(107, 185, 164, 0.25);
}

/* Seta Anterior */
.ff_carousel .elementor-swiper-button-prev {
    left: -24px;
}

/* Seta Próxima */
.ff_carousel .elementor-swiper-button-next {
    right: -24px;
}

/* Customiza cor dos ícones das setas */
.ff_carousel .elementor-swiper-button i {
    color: var(--e-global-color-0509e32); /* #6CB9A4 - Teal */
    transition: color 0.3s ease;
}

.ff_carousel .elementor-swiper-button svg {
    fill: var(--e-global-color-0509e32); /* #6CB9A4 - Teal */
    transition: fill 0.3s ease;
}

.ff_carousel .elementor-swiper-button:hover i {
    color: var(--e-global-color-398fa1e); /* #FFFFFF - White */
}

.ff_carousel .elementor-swiper-button:hover svg {
    fill: var(--e-global-color-398fa1e); /* #FFFFFF - White */
}

/* Indicadores (dots) */
.ff_carousel .swiper-pagination {
    bottom: -40px;
    position: relative;
    text-align: center;
}

.ff_carousel .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: var(--e-global-color-fee223c); /* #D9DAD9 - Gray Light */
    opacity: 1;
    margin: 0 4px;
    transition: all 0.3s ease;
}

.ff_carousel .swiper-pagination-bullet-active {
    background-color: var(--e-global-color-0509e32); /* #6CB9A4 - Teal */
    transform: scale(1.2);
}

.ff_carousel .swiper-pagination-bullet:hover {
    background-color: var(--e-global-color-75090b4); /* #98CEBF - Teal Light */
}

/* Container do carrossel */
.ff_carousel .swiper-container {
    padding: 0 60px 50px 60px;
}

.ff_carousel .swiper-wrapper {
    align-items: stretch;
}

/* Slides */
.ff_carousel .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}

/* Responsivo */
@media (max-width: 1024px) {
    .ff_carousel .swiper-container {
        padding: 0 40px 40px 40px;
    }
    
    .ff_carousel .elementor-swiper-button {
        width: 40px;
        height: 40px;
    }
    
    .ff_carousel .elementor-swiper-button-prev {
        left: -20px;
    }
    
    .ff_carousel .elementor-swiper-button-next {
        right: -20px;
    }
}

@media (max-width: 768px) {
    .ff_carousel .swiper-container {
        padding: 0 20px 30px 20px;
    }
    
    .ff_carousel .elementor-swiper-button {
        width: 36px;
        height: 36px;
    }
    
    .ff_carousel .elementor-swiper-button-prev {
        left: -18px;
    }
    
    .ff_carousel .elementor-swiper-button-next {
        right: -18px;
    }
}

@media (max-width: 480px) {
    .ff_carousel .swiper-container {
        padding: 0 10px 25px 10px;
    }
    
    .ff_carousel .elementor-swiper-button {
        width: 32px;
        height: 32px;
    }
    
    .ff_carousel .elementor-swiper-button-prev {
        left: -16px;
    }
    
    .ff_carousel .elementor-swiper-button-next {
        right: -16px;
    }
}