@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100%;
}

/* HTML e Body */
html {
    /* 1rem = 10px */
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
    overflow-x: hidden;
    width: 100%;
}

/* Imagens */
img {
    max-width: 100%;
    height: auto;
}


h1 {
    font-size: 48px;
    line-height: 120%;
    font-weight: 500;
}

h2 {
    line-height: 120%;
    font-size: 40px;
    font-weight: 500;
}

hr {
    background-color: #FF00FF;
    width: 201px;
    border-radius: 24px;
    height: 3px;
    border: none;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 150%;
}




.tagline {
    font-size: 16px;
    font-weight: 600;
}

.container {
    width: min(90%, 128rem);
    max-width: 1280px;
    margin: 0 auto;
}

.section-banner {
    height: 900px;
    background: url('./assets/banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}


.banner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.banner-logo {
    margin-bottom: -40px;
    z-index: 1;
    will-change: transform, opacity;
}

.banner-card {
    height: 514px;
    width: 68.75%;
    background-color: #ffffffb3;
    backdrop-filter: blur(16px);
    /* webkit para macOs e Iphones */
    -webkit-backdrop-filter: blur(16px);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    will-change: transform, opacity;
    transform-origin: center center;
}



.content-banner {
    width: 87.27%;
    gap: 24px;
    flex-direction: column;
    text-align: left;
    display: flex;
    will-change: transform, opacity;
}

.banner-button {
    background-color: #000000;
    color: #fff;
    text-align: left;
    padding: 0 21px;
    width: 322px;
    height: 52px;
    border-radius: 100px;
    border: 1px solid #Ffffff30;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.banner-button:hover {
    background-color: #253B9A;
    backdrop-filter: blur(8px);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.banner-button:active {
    transform: translateY(0);
    transition: all 0.1s ease;
}

/* 2 Seção */

.section-second {
    background: url('./assets/second-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    height: 864px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.second-container {
    height: 640px;
    gap: 80px;
    display: flex;
    flex-direction: row;
}

.second-left {
    width: 50%;
    gap: 32px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    will-change: transform, opacity;
}

.second-right {
    width: 50%;
    /* background: url(./assets/second-image.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    will-change: transform, opacity;
    transform-origin: center center;
}

.second-button {
    background-color: #ffffff20;
    color: #fff;
    text-align: left;
    padding: 0 21px;
    width: 322px;
    height: 52px;
    border-radius: 100px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(16px);
    z-index: 0;
    /* importante para overlay */
}

.second-button:hover {
    background-color: rgba(48, 98, 221, 0.3);
    backdrop-filter: blur(8px);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.second-button:active {
    transform: translateY(0);
    transition: all 0.1s ease;
}

.second-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 100px;
    padding: 1px;
    background-image:
        /* Brilho no canto superior esquerdo */
        linear-gradient(to bottom right,
            rgba(255, 255, 255, 0.8) 0%,
            rgba(255, 255, 255, 0.3) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            transparent 40%),

        /* Brilho no canto inferior direito */
        linear-gradient(to top left,
            rgba(255, 255, 255, 0.8) 0%,
            rgba(255, 255, 255, 0.3) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            transparent 40%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

/* 3 Seção */


.section-third {
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    height: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background-color: #F0F0F0;
}

.third-container {
    height: auto;
    gap: 80px;
    display: flex;
    flex-direction: row;
}

.third-left {
    width: 50%;
    gap: 32px;
    display: flex;
    flex-direction: column;
}

.third-right {
    width: 50%;
    display: flex;
    align-items: center;
    will-change: transform, opacity;
    perspective: 1000px;
}

.third-right img {
    transform-style: preserve-3d;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.third-button {
    background-color: #000000;
    color: #fff;
    text-align: left;
    padding: 0 21px;
    width: 322px;
    height: 52px;
    border-radius: 100px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border: 1px solid #Ffffff30;
}

.third-button:hover {
    background-color: #253B9A;
    backdrop-filter: blur(8px);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.third-button:active {
    transform: translateY(0);
    transition: all 0.1s ease;
}

.third-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.third-feature-list li {
    display: flex;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
    padding: 6px 0;
    transition: all 0.3s ease;
    cursor: default;
}

.third-feature-list li::before {
    content: '';
    /* já vem com emoji no HTML, então pode deixar vazio */
}


/* 4 Seção */


.section-fourth {
    background: url(./assets/fourth-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    height: 1138px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.fourth-container {
    height: auto;
    gap: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.fourth-up {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fourth-button {
    background-color: #ffffff20;
    color: #fff;
    text-align: left;
    padding: 0 21px;
    width: 265px;
    height: 52px;
    border-radius: 100px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.fourth-button:hover {
    background-color: rgba(48, 98, 221, 0.3);
    backdrop-filter: blur(8px);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.fourth-button:active {
    transform: translateY(0);
    transition: all 0.1s ease;
}

.fourth-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 100px;
    padding: 1px;
    background-image:
        /* Brilho no canto superior esquerdo */
        linear-gradient(to bottom right,
            rgba(255, 255, 255, 0.8) 0%,
            rgba(255, 255, 255, 0.3) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            transparent 40%),

        /* Brilho no canto inferior direito */
        linear-gradient(to top left,
            rgba(255, 255, 255, 0.8) 0%,
            rgba(255, 255, 255, 0.3) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            transparent 40%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

.fourth-children-one {
    width: 70%;
    gap: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.fourth-children-one p {
    text-align: center;
}

.fourth-bottom {
    display: flex;
    flex-direction: row;
    gap: 48px;
}

.fourth-bottom>div>h4 {
    flex: 1;
    font-weight: 700;
    font-family: 'Roboto';
    font-size: 32px;
    line-height: 130%;

}

.fourth-bottom>div>img {
    height: 233px;
    transition: transform 0.4s ease, filter 0.4s ease;
    will-change: transform, filter;
}

.fourth-cards p {
    font-family: 16px;
    line-height: 150%;
    text-align: center;
}

.fourth-cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 15px;
    border-radius: 12px;
    will-change: transform, opacity;
}

/* 5 Seção */

.section-five {
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    height: 864px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background-color: #F0F0F0;
}

.five-container {
    height: 640px;
    gap: 80px;
    display: flex;
    flex-direction: row;
}

.five-left {
    width: 50%;
    gap: 32px;
    display: flex;
    flex-direction: column;
}

.five-right {
    width: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    will-change: transform, opacity;
    transform-origin: center center;
}

.five-cards {
    display: flex;
    flex-direction: row;
    gap: 42px;
}

.five-cards>div {
    flex: 1;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    padding: 32px 18px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform, opacity;
    cursor: pointer;
}


.five-cards>div>img {
    height: 79px;
    object-fit: contain;
    transition: transform 0.4s ease, filter 0.4s ease;
    will-change: transform, filter;
}

.five-cards>div>h4 {
    font-family: 'Roboto';
    font-size: 24px;
    transition: color 0.3s ease;
}

.five-cards>div>p {
    font-size: 16px;
    line-height: 150%;
}

/* 6 Seçãp */

.section-six {
    background: url(./assets/six-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 1398px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
    padding-top: 110px;
}

.six-container {
    height: auto;
    gap: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.six-up {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.six-button {
    background-color: #ffffff20;
    color: #fff;
    text-align: left;
    padding: 0 21px;
    width: 322px;
    height: 52px;
    border-radius: 100px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.six-button:hover {
    background-color: #ffffff20;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.six-button:active {
    transform: translateY(0);
    transition: all 0.1s ease;
}

.six-children-one {
    width: 70%;
    gap: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.six-children-one p {
    text-align: center;
}

.six-children-one h2 {
    text-align: center;
    font-size: 48px;
    line-height: 120%;
}

.six-bottom {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    gap: 20px;

}

.six-bottom>div {
    flex: 1;
}

.six-card-business {
    height: 680px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    backdrop-filter: blur(16px);
    /* webkit para macOs e Iphones */
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    /* padding-top: 32px; */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform, opacity;
    cursor: pointer;
}

.six-card-enterprise {
    height: 720px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    backdrop-filter: blur(16px);
    /* webkit para macOs e Iphones */
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* padding-top: 32px; */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform, opacity;
    cursor: pointer;
}

.six-card-active {
    height: 790px;
    background: linear-gradient(to bottom,
            rgba(48, 98, 221, 0.2),
            rgba(18, 4, 47, 0.2));
    /* webkit para macOs e Iphones */
    border-radius: 20px;
    border: 3px solid #43C6FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    /* padding-top: 5px; */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform, opacity;
    cursor: pointer;
}

.content-business-six-card {
    width: 90%;
    /* gap: 40px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

.content-text-business-six-card {
    text-align: center;
    gap: 24px;
    display: flex;
    flex-direction: column;
}



.content-value-six-card {
    width: 100%;
    height: 74px;
    border: 2px solid #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-value-six-card.advanced {
    width: 100%;
    height: 74px;
    border: 2px solid #43C6FC;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-value-six-card span {
    font-family: 'roboto';
    font-size: 32px;
    font-weight: bold;
}

.content-text-business-six-card h2 {
    font-family: 'Roboto';
    font-size: 32px;
    font-weight: bold;
}

.content-text-business-six-card p {
    font-family: 'Open Sans' sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.content-value-six-card p {
    font-family: -apple-system, 'Open Sans' sans-serif;
    font-size: 20px;
}

.min-card-content-business {
    height: 242px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    backdrop-filter: blur(16px);
    /* webkit para macOs e Iphones */
    -webkit-backdrop-filter: blur(16px);
    border: none;
    border-radius: 20px;
    padding: 32px;
    width: 100%;
}

.min-card-content-business i {
    color: #12042F;
}

.min-card-content-business li {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    font-family: 'Open Sans' sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 16px;
}

.min-card-content-business p {

    font-size: 16px;
}

.min-card-content-business ul {
    list-style: none;
    padding: 0;

}


/* =========================================== */

.min-card-content-advanced {
    height: auto;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    backdrop-filter: blur(16px);
    /* webkit para macOs e Iphones */
    -webkit-backdrop-filter: blur(16px);
    border: none;
    border-radius: 20px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.min-card-content-advanced i {
    color: #43C6FC;
}

.min-card-content-advanced li {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    font-family: 'Open Sans' sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 16px;
}

.min-card-content-advanced ul {
    list-style: none;
    padding: 0;

}

.min-card-content-advanced p {
    font-size: 16px;
}

.content-text-advanced-six-card h2 {
    font-family: 'Roboto';
    font-size: 32px;
    font-weight: bold;
}

.content-text-advanced-six-card p {
    font-family: 'Open Sans' sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}


.content-advanced-six-card {
    width: 90%;
    /* gap: 24px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: space-around;
}

.content-text-advanced-six-card {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

/* ============================================= */
/* ============================================= */


.min-card-content-enterprise {
    height: auto;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    backdrop-filter: blur(16px);
    /* webkit para macOs e Iphones */
    -webkit-backdrop-filter: blur(16px);
    border: none;
    border-radius: 20px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.min-card-content-enterprise i {
    color: #12042F;
}

.min-card-content-enterprise li {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    font-family: 'Open Sans' sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 16px;
}

.min-card-content-enterprise ul {
    list-style: none;
    padding: 0;

}

.min-card-content-enterprise p {
    font-size: 16px;
}

.content-text-enterprise-six-card h2 {
    font-family: 'Roboto';
    font-size: 32px;
    font-weight: bold;
}

.content-text-enterprise-six-card p {
    font-family: 'Open Sans' sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}


.content-enterprise-six-card {
    width: 90%;
    /* gap: 24px; */
    height: 100%;
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-text-enterprise-six-card {
    gap: 24px;
    display: flex;
    flex-direction: column;
    text-align: center;
}


/* ============================================= */

.six-card-button {
    background-color: #000000;
    color: #fff;
    text-align: left;
    padding: 0 21px;
    width: 176px;
    height: 52px;
    border-radius: 100px;
    border: 1px solid #333;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(16px);
}

.six-card-button:hover {
    background-color: #000000d6;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.six-card-button:active {
    transform: translateY(0);
    transition: all 0.1s ease;
}

.six-card-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 100px;
    padding: 1px;
    background-image:
        /* Brilho no canto superior esquerdo */
        linear-gradient(to bottom right,
            rgba(255, 255, 255, 0.8) 1%,
            rgba(255, 255, 255, 0.3) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            transparent 40%),

        /* Brilho no canto inferior direito */
        linear-gradient(to top left,
            rgba(255, 255, 255, 0.8) 1%,
            rgba(255, 255, 255, 0.3) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            transparent 40%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

/* Botão Toggle Mensal para Anual */
.pricing-toggle {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.toggle-container {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 4px;
    display: flex;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 240px;
    overflow: hidden;
}

.toggle-option {
    background: transparent;
    border: none;
    padding: 12px 24px;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 46px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    min-width: 100px;
    width: 50%;
    text-align: center;
}

.toggle-option.active {
    color: white;
}

.toggle-slider {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 4px);
    height: calc(100% - 8px);
    background: #000;
    border-radius: 42px;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.082);
}

/* Responsividade para o toggle */
@media screen and (max-width: 480px) {
    .toggle-container {
        width: 220px;
    }

    .toggle-option {
        padding: 10px 15px;
        font-size: 14px;
    }
}


/* Seção Footer */

.section-footer {
    background-color: #f0f0f0;
    display: flex;
    max-height: 471px;
    height: 471px;
    align-items: center;
    justify-content: flex-start;
}

.footer-container {
    flex-direction: column;
    display: flex;
    gap: 32px;
}

.footer-info {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.footer-info>div {
    width: 341px;
}

.footer-info>div>h6 {
    font-weight: 600;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 150%;
}

.footer-info>div>p,
.footer-info>div>div>p,
.footer-info>div>span,
.footer-info>div>a>span,
.footer-copyright>div>p,
.footer-copyright>div>a {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 150%;
    color: #000;
    text-decoration: none;
}

/* Footer mídia social */
.footer-midia-social i {
    font-size: 24px;
    height: 24px;
}

.footer-midia-social a {
    color: black;
}

.footer-midia-social {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.footer-hr hr {
    background-color: #000000;
    height: 1.7px;
    width: 100%;
}

.footer-copyright {
    display: flex;
    justify-content: space-between;
}

.footer-copyright-right {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.footer-copyright-right a:hover {
    color: #3062DD;
}

hr {
    position: relative;
    overflow: hidden;
    animation: glow 2s ease-in-out infinite;
}

hr::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes glow {

    0%,
    100% {
        box-shadow: 0 0 20px rgba(255, 0, 255, 0.3);
    }

    50% {
        box-shadow: 0 0 40px rgba(255, 0, 255, 0.6);
    }
}



/* personalização de css do footer telefone: */

.whatsapp-link {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
}

.whatsapp-link i {
    margin-right: 6px;
    color: #25D366;
    transition: color 0.3s ease;
}

.whatsapp-link span {
    transition: color 0.3s ease;
}

/* HOVER: altera cor do ícone e do número */
.whatsapp-link:hover i,
.whatsapp-link:hover span {
    color: #25D366;
    /* Amarelo no hover */
}

/* Email footer */

.email-link a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.email-link a:hover {
    color: #253B9A;
}