.elementor-kit-80{--e-global-color-primary:#000000;--e-global-color-secondary:#120336;--e-global-color-text:#2E2E2E;--e-global-color-accent:#97B8FF;--e-global-color-44872a8a:#EA027D;--e-global-color-44312292:#121212;--e-global-color-37c70d9:#4B4B4B;--e-global-color-d7f3d73:#9A9A9A;--e-global-color-921170e:#DEDEDE;--e-global-color-4824b01:#EFEFEF;--e-global-color-7fa4294:#FFFFFF;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-text-transform:none;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-text-transform:none;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-text-transform:none;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:15px;}.elementor-kit-80 e-page-transition{background-color:#FFBC7D;}.elementor-kit-80 p{margin-block-end:20px;}.elementor-kit-80 h1{color:var( --e-global-color-secondary );font-family:"Sora", Sans-serif;font-size:35px;font-weight:600;}.elementor-kit-80 h2{color:var( --e-global-color-secondary );font-family:"Sora", Sans-serif;font-size:30px;font-weight:600;text-transform:none;line-height:38.4px;}.elementor-kit-80 h3{color:#120336;font-family:"Sora", Sans-serif;font-size:25px;font-weight:400;text-transform:none;line-height:34px;}.elementor-kit-80 h4{color:#120336;font-family:"Sora", Sans-serif;font-size:20px;font-weight:400;text-transform:none;line-height:28px;}.elementor-kit-80 button,.elementor-kit-80 input[type="button"],.elementor-kit-80 input[type="submit"],.elementor-kit-80 .elementor-button{border-radius:50px 50px 50px 50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-80 h2{font-size:24px;line-height:1.2em;}.elementor-kit-80 h3{font-size:22px;line-height:1.2em;}.elementor-kit-80 h4{font-size:20px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:1920px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1520px;}.e-con{--container-max-width:1520px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* Container Principal */
.ai-share-bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 8px 20px;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin: 0;
    position: relative; /* Importante para o z-index */
}

.ai-label {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
    margin-right: 8px;
    font-family: sans-serif;
}

.ai-buttons {
    display: flex;
    gap: 8px;
}

/* Botão Base */
.ai-btn {
    position: relative; /* Necessário para posicionar o tooltip */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.ai-btn:hover {
    transform: scale(1.15);
    border-color: #cbd5e1;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    z-index: 100; /* Garante que fique acima dos outros ao dar zoom */
}

.ai-btn img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* --- ESTILO DO TOOLTIP (A Mágica) --- */
.ai-btn::before, .ai-btn::after {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(10px); /* Começa um pouco abaixo */
    z-index: 999;
}

/* O texto do Tooltip */
.ai-btn::after {
    content: attr(data-tooltip); /* Pega o texto do PHP */
    bottom: 100%;
    margin-bottom: 10px;
    background: #ffffff;
    color: #1e293b;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    white-space: nowrap;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    font-family: sans-serif;
}

/* A setinha do Tooltip */
.ai-btn::before {
    content: '';
    bottom: 100%;
    margin-bottom: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    filter: drop-shadow(0 1px 0 #e2e8f0);
}

/* Mostrar tooltip no Hover */
.ai-btn:hover::before, .ai-btn:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* Responsividade */
@media (max-width: 640px) {
    .ai-label { display: none; }
    /* No celular, tooltips podem atrapalhar, opcionalmente você pode escondê-los: */
    /* .ai-btn::after, .ai-btn::before { display: none; } */
}/* End custom CSS */