.elementor-197 .elementor-element.elementor-element-a77a0c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.15;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-197 .elementor-element.elementor-element-a77a0c1:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-a77a0c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-bb06481 ) 0%, #FFFFFF 100%);}.elementor-197 .elementor-element.elementor-element-a77a0c1::before, .elementor-197 .elementor-element.elementor-element-a77a0c1 > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-a77a0c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-a77a0c1 > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-a77a0c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-a77a0c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://afiliadolivre.com.br/wp-content/uploads/2025/11/bg-img.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-197 .elementor-element.elementor-element-bf2b1df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-d084e99{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-5b45826{margin:0px -50px calc(var(--kit-widget-spacing, 0px) + 0px) -100px;padding:0px 0px 0px 0px;text-align:left;}.elementor-197 .elementor-element.elementor-element-5b45826 img{width:100%;}.elementor-197 .elementor-element.elementor-element-a350a85{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-fdb3c20 .elementor-heading-title{color:var( --e-global-color-a6958a9 );}.elementor-197 .elementor-element.elementor-element-b68d855{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:var( --e-global-color-a6958a9 );}.elementor-197 .elementor-element.elementor-element-3a08b38{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-391b55c .elementor-button{background-color:var( --e-global-color-a6958a9 );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-197 .elementor-element.elementor-element-391b55c .elementor-button:hover, .elementor-197 .elementor-element.elementor-element-391b55c .elementor-button:focus{background-color:var( --e-global-color-fc28385 );border-color:var( --e-global-color-fc28385 );}.elementor-197 .elementor-element.elementor-element-391b55c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-197 .elementor-element.elementor-element-b99f80e{--display:flex;}.elementor-197 .elementor-element.elementor-element-d083ffc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-197 .elementor-element.elementor-element-0165e38{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--border-radius:10px 10px 10px 10px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-197 .elementor-element.elementor-element-0165e38:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://afiliadolivre.com.br/wp-content/uploads/2025/11/baner-bg.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-197 .elementor-element.elementor-element-0165e38::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .e-con-inner > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://afiliadolivre.com.br/wp-content/uploads/2025/11/afiliado-livre-afiliadinho.png");--background-overlay:'';background-position:585px -30px;background-repeat:no-repeat;background-size:60% auto;}.elementor-197 .elementor-element.elementor-element-82f9dea{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-f4ef24e .elementor-heading-title{color:#FFFFFF;}.elementor-197 .elementor-element.elementor-element-48aac87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;color:#FFFFFF;}.elementor-197 .elementor-element.elementor-element-90f3125 .elementor-button{background-color:var( --e-global-color-a6958a9 );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-197 .elementor-element.elementor-element-90f3125 .elementor-button:hover, .elementor-197 .elementor-element.elementor-element-90f3125 .elementor-button:focus{background-color:var( --e-global-color-fc28385 );border-color:var( --e-global-color-fc28385 );}.elementor-197 .elementor-element.elementor-element-90f3125{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-197 .elementor-element.elementor-element-891b76a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-ec77ede{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-197 .elementor-element.elementor-element-d084e99{--width:60%;}.elementor-197 .elementor-element.elementor-element-a350a85{--width:40%;}.elementor-197 .elementor-element.elementor-element-82f9dea{--width:50%;}.elementor-197 .elementor-element.elementor-element-891b76a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-197 .elementor-element.elementor-element-d084e99{--width:100%;}.elementor-197 .elementor-element.elementor-element-a350a85{--width:100%;}.elementor-197 .elementor-element.elementor-element-82f9dea{--width:67%;}.elementor-197 .elementor-element.elementor-element-891b76a{--width:29%;}}@media(max-width:1024px){.elementor-197 .elementor-element.elementor-element-bf2b1df{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--flex-wrap:wrap;}.elementor-197 .elementor-element.elementor-element-5b45826{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-197 .elementor-element.elementor-element-a350a85{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-197 .elementor-element.elementor-element-b68d855{text-align:center;}.elementor-197 .elementor-element.elementor-element-3a08b38{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-197 .elementor-element.elementor-element-0165e38{--flex-wrap:wrap;}.elementor-197 .elementor-element.elementor-element-0165e38::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .e-con-inner > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:435px -10px;background-size:initial;}.elementor-197 .elementor-element.elementor-element-48aac87{text-align:center;}}@media(max-width:767px){.elementor-197 .elementor-element.elementor-element-fdb3c20{text-align:center;}.elementor-197 .elementor-element.elementor-element-0165e38::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .e-con-inner > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-0165e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0% 380px;background-size:100% auto;}.elementor-197 .elementor-element.elementor-element-0165e38{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-197 .elementor-element.elementor-element-f4ef24e{text-align:center;}.elementor-197 .elementor-element.elementor-element-ec77ede{--spacer-size:145px;}}/* Start custom CSS for container, class: .elementor-element-b99f80e *//* Container geral */
#afl-generator-container {
    max-width: 760px;
    margin: 40px auto;
    padding: 24px 18px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(0,0,0,0.06);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Títulos e descrição */
#afl-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #222;
}

#afl-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 18px;
}

/* Tema */
#afl-theme-toggle-container {
    text-align: right;
    margin-bottom: 10px;
}

#afl-theme-toggle {
    background: #f2f2f2;
    border: none;
    padding: 7px 12px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
}

#afl-theme-toggle:hover {
    background: #e4e4e4;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.03);
}

#afl-theme-toggle:active {
    transform: scale(0.95);
}

/* Toggle avançado */
#afl-advanced-toggle-container {
    margin: 12px 0 18px;
    font-size: 14px;
    color: #444;
}

/* Blocos de link */
.afl-link-block {
    background: var(--afl-bg, #fafafa);
    border: 1px solid var(--afl-border, #e0e0e0);
    padding: 14px 14px 12px;
    border-radius: 14px;
    position: relative;
    margin-bottom: 14px;
    transition: box-shadow .2s ease, transform .15s ease, border-color .2s ease, background .2s ease;
}

.afl-link-block:hover {
    box-shadow: 0 10px 26px rgba(0,0,0,0.04);
    transform: translateY(-1px);
    border-color: var(--afl-border-strong, #cfcfcf);
}

label#afl-advanced-label {
    color: #444 !important;
}

/* Remover bloco */
.afl-remove-block {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ff4b5c;
    color: white;
    border: none;
    border-radius: 999px;
    width: 22px;
    height: 22px;
    font-size: 15px;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
}

.afl-remove-block:hover {
    background: #e02e40;
    box-shadow: 0 0 0 2px rgba(255,75,92,0.17);
}

.afl-remove-block:active {
    transform: scale(0.9);
}

/* Campos */
.afl-field-group {
    margin-bottom: 12px;
}

.afl-field-group label {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
    color: var(--afl-text-strong, #333);
}

.afl-field-group input {
    width: 100%;
    padding: 9px 11px;
    border-radius: 10px;
    border: 1px solid var(--afl-border-input, #d4d4d4);
    font-size: 14px;
    outline: none;
    background: var(--afl-bg-input, #ffffff);
    color: var(--afl-text, #222);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    box-sizing: border-box;
}

.afl-field-group input:focus {
    border-color: #1677ff;
    box-shadow: 0 0 0 2px rgba(22,119,255,0.18);
    background: #ffffff;
}

.afl-field-group small {
    font-size: 11px;
    color: #777;
}

/* Preview do produto */
.afl-preview {
    display: none;
    gap: 10px;
    margin-top: 8px;
    border-top: 1px dashed var(--afl-border, #e0e0e0);
    padding-top: 8px;
}

.afl-preview-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.afl-preview-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--afl-text, #333);
}

/* Botões principais */
#afl-add-block-container,
#afl-generate-container,
#afl-copyall-container {
    margin-top: 12px;
    text-align: left;
}

#afl-add-block,
#afl-generate-button,
#afl-copyall-button,
.afl-copy-btn,
.afl-share-btn {
    background: var(--afl-button, #1677ff);
    color: white;
    border: none;
    padding: 9px 14px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background .18s ease, transform .1s ease, box-shadow .18s ease;
}

#afl-add-block {
    background: #444;
}

#afl-add-block:hover {
    background: #222;
}

#afl-generate-button:hover,
#afl-copyall-button:hover,
.afl-copy-btn:hover,
.afl-share-btn:hover {
    background: var(--afl-button-hover, #145fcc);
    box-shadow: 0 10px 20px rgba(22,119,255,0.24);
}

#afl-generate-button:active,
#afl-add-block:active,
#afl-copyall-button:active,
.afl-copy-btn:active,
.afl-share-btn:active {
    transform: scale(0.96);
    box-shadow: none;
}

#afl-copyall-container {
    text-align: right;
}

/* Resultados */
#afl-results {
    margin-top: 26px;
}

#afl-results h3 {
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 18px;
}

/* Card de resultado */
.afl-result-card {
    background: var(--afl-bg, #fafafa);
    border: 1px solid var(--afl-border, #e0e0e0);
    padding: 12px 14px 10px;
    border-radius: 14px;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease, box-shadow .18s ease, border-color .18s ease;
}

.afl-result-card--visible {
    opacity: 1;
    transform: translateY(0);
}

.afl-result-card:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.05);
    border-color: var(--afl-border-strong, #cfcfcf);
}

.afl-result-card p {
    margin: 0 0 6px;
    font-size: 13px;
    color: var(--afl-text, #333);
    overflow-wrap: break-word;
}

/* Link curto output */
.afl-output-field {
    width: 100%;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #d4d4d4;
    margin: 6px 0 8px;
    background: #fff;
    font-size: 13px;
    box-sizing: border-box;
}

/* Grupo de botões compartilhar */
.afl-share-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Original truncado */
.afl-original-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.afl-original-short {
    font-family: "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 11px;
    color: #666;
    background: rgba(0,0,0,0.02);
    padding: 4px 6px;
    border-radius: 6px;
    max-width: 100%;
    word-break: break-all;
}

.afl-toggle-original {
    border: none;
    background: transparent;
    color: #1677ff;
    font-size: 11px;
    cursor: pointer;
    padding: 2px 4px;
}

/* Histórico */
#afl-history-container {
    margin-top: 22px;
    background: var(--afl-bg, #fafafa);
    border-radius: 14px;
    padding: 14px;
    border: 1px solid var(--afl-border, #e0e0e0);
}

#afl-history-container h3 {
    margin: 0 0 10px;
    font-size: 16px;
}

.afl-history-item {
    margin-bottom: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.afl-history-item input {
    flex: 1;
}

/* Mensagem quando não há histórico */
.afl-history-empty {
    font-size: 13px;
    color: #777;
    margin: 6px 0 2px;
}

/* Rodapé do histórico: paginação + aviso */
#afl-history-footer {
    margin-top: 10px;
    border-top: 1px dashed var(--afl-border, #e0e0e0);
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#afl-history-note {
    font-size: 11px;
    color: #777;
}

/* Ações de paginação e limpar */
#afl-history-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}

#afl-history-page {
    font-size: 12px;
    color: #555;
}

/* Botões do histórico */
#afl-history-prev,
#afl-history-next {
    background: #f2f2f2;
    color: #333;
    border: none;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    cursor: pointer;
    transition: background .18s ease, transform .1s ease, box-shadow .18s ease;
}

#afl-history-prev:hover,
#afl-history-next:hover {
    background: #e4e4e4;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.04);
}

#afl-history-prev:active,
#afl-history-next:active {
    transform: scale(0.96);
}

#afl-history-prev:disabled,
#afl-history-next:disabled {
    opacity: 0.4;
    cursor: default;
    box-shadow: none;
}

/* Botão apagar histórico */
#afl-history-clear {
    background: #ff4b5c;
    color: #fff;
    border: none;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    cursor: pointer;
    transition: background .18s ease, transform .1s ease, box-shadow .18s ease;
}

#afl-history-clear:hover {
    background: #e02e40;
    box-shadow: 0 0 0 2px rgba(255,75,92,0.22);
}

#afl-history-clear:active {
    transform: scale(0.96);
}

/* Responsivo histórico */
@media (max-width: 600px) {
    .afl-history-item {
        flex-direction: column;
        align-items: stretch;
    }

    #afl-history-actions {
        justify-content: flex-start;
    }
}


/* Tema dark */
[data-afl-theme="dark"] {
    --afl-bg: #151515;
    --afl-bg2: #111;
    --afl-bg-input: #181818;
    --afl-border: #2b2b2b;
    --afl-border-input: #343434;
    --afl-border-strong: #454545;
    --afl-button: #1677ff;
    --afl-button-hover: #0f5ecc;
    --afl-text: #f0f0f0;
    --afl-text-strong: #ffffff;
}

[data-afl-theme="dark"] #afl-generator-container {
    background: #111111;
    box-shadow: 0 22px 60px rgba(0,0,0,0.75);
}

[data-afl-theme="dark"] .afl-link-block,
[data-afl-theme="dark"] #afl-history-container,
[data-afl-theme="dark"] .afl-result-card {
    background: #181818;
}

[data-afl-theme="dark"] .afl-output-field {
    background: #111;
    border-color: #333;
    color: #f0f0f0;
}

[data-afl-theme="dark"] .afl-field-group input {
    background: #181818;
    border-color: #333;
    color: #f0f0f0;
}

/* Responsivo */
@media (max-width: 600px) {
    #afl-generator-container {
        margin: 24px 12px;
        padding: 18px 14px;
    }

    #afl-title {
        font-size: 22px;
    }

    .afl-share-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .afl-history-item {
        flex-direction: column;
        align-items: stretch;
    }

    #afl-copyall-container {
        text-align: left;
    }
    
}/* End custom CSS */