/*==========================================================
                FUNDADOR PREMIUM
==========================================================*/

.autor-premium{

    position:relative;

    overflow:hidden;

    padding:140px 0;

    background:

    radial-gradient(
        circle at top left,
        rgba(75,20,138,.06),
        transparent 35%),

    radial-gradient(
        circle at bottom right,
        rgba(212,164,55,.12),
        transparent 45%),

    linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FCFCFD 35%,
        #FAFAFB 65%,
        #FFFFFF 100%);

}

/*==========================================================
                ILUMINAÇÃO
==========================================================*/

.autor-premium::before{

    content:"";

    position:absolute;

    top:-260px;

    left:-220px;

    width:620px;

    height:620px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(75,20,138,.10),

        transparent 72%

    );

    filter:blur(90px);

    pointer-events:none;

}

.autor-premium::after{

    content:"";

    position:absolute;

    bottom:-260px;

    right:-220px;

    width:700px;

    height:700px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(212,164,55,.14),

        transparent 72%

    );

    filter:blur(95px);

    pointer-events:none;

}

/*==========================================================
                PADRÃO DE FUNDO
==========================================================*/

.autor-premium .container{

    position:relative;

    z-index:2;

}

.autor-premium .container::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    radial-gradient(

        rgba(75,20,138,.045) 1px,

        transparent 1px

    );

    background-size:42px 42px;

    opacity:.35;

    pointer-events:none;

}

/*==========================================================
                LAYOUT
==========================================================*/

.autor-card{

    display:grid;

    grid-template-columns:520px 1fr;

    gap:80px;

    align-items:center;

}

/*==========================================================
                BADGE
==========================================================*/

.autor-premium .section-badge{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:16px 28px;

    border-radius:60px;

    background:#ffffff;

    border:1px solid rgba(75,20,138,.10);

    box-shadow:

    0 18px 40px rgba(75,20,138,.08);

    color:var(--purple);

    font-size:.82rem;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:35px;

}

.autor-premium .section-badge i{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

    linear-gradient(

        135deg,

        var(--gold),

        #F2C85C

    );

    color:#ffffff;

    font-size:1rem;

}

/*==========================================================
                TÍTULO
==========================================================*/

.autor-info h2{

    color:#241247;

    font-size:4rem;

    font-weight:800;

    line-height:1.05;

    margin-bottom:20px;

}

.autor-info h2 span{

    color:var(--purple);

}

.autor-info h2::after{

    content:"";

    display:block;

    width:100px;

    height:5px;

    margin-top:24px;

    border-radius:40px;

    background:

    linear-gradient(

        90deg,

        var(--purple),

        var(--gold)

    );

}

/*==========================================================
                PROFISSÃO
==========================================================*/

.autor-profissao{

    color:#7B7289;

    font-size:1.15rem;

    font-weight:500;

    margin:30px 0;

}

/*==========================================================
                TEXTO
==========================================================*/

.autor-info p{

    color:#666666;

    font-size:1.05rem;

    line-height:2;

    margin-bottom:22px;

}

/*==========================================================
                IMAGEM DO FUNDADOR
==========================================================*/

.autor-imagem{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

}

/*==========================================================
                MOLDURA
==========================================================*/

.autor-imagem::before{

    content:"";

    position:absolute;

    inset:-18px;

    border-radius:38px;

    background:

    linear-gradient(

        135deg,

        rgba(75,20,138,.12),

        rgba(212,164,55,.20)

    );

    z-index:0;

}

.autor-imagem::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(212,164,55,.18),

        transparent 72%

    );

    filter:blur(55px);

    z-index:0;

}

/*==========================================================
                FOTO
==========================================================*/

.autor-imagem img{

    position:relative;

    z-index:2;

    width:100%;

    max-width:480px;

    border-radius:32px;

    display:block;

    object-fit:cover;

    border:8px solid #ffffff;

    box-shadow:

    0 35px 70px rgba(75,20,138,.15);

    transition:.45s;

}

.autor-imagem:hover img{

    transform:

        translateY(-10px)
        scale(1.02);

    box-shadow:

        0 45px 90px rgba(75,20,138,.22);

}

/*==========================================================
                BADGE FUNDADOR
==========================================================*/

.autor-badge{

    position:absolute;

    left:35px;

    bottom:35px;

    z-index:5;

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 24px;

    border-radius:60px;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(18px);

    border:1px solid rgba(75,20,138,.10);

    box-shadow:

    0 20px 40px rgba(75,20,138,.12);

    font-weight:700;

    color:var(--purple);

}

.autor-badge i{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

    linear-gradient(

        135deg,

        var(--gold),

        #F2C85C

    );

    color:#ffffff;

}

/*==========================================================
                EFEITOS
==========================================================*/

.autor-imagem:hover .autor-badge{

    transform:translateY(-6px);

    transition:.35s;

}

/*==========================================================
                DECORAÇÃO
==========================================================*/

.autor-imagem .decor-circle{

    position:absolute;

    border-radius:50%;

    background:

    linear-gradient(

        135deg,

        rgba(75,20,138,.15),

        rgba(212,164,55,.20)

    );

}

.autor-imagem .decor-circle.small{

    width:18px;

    height:18px;

    top:35px;

    right:45px;

}

.autor-imagem .decor-circle.large{

    width:42px;

    height:42px;

    bottom:55px;

    right:-15px;

}

/*==========================================================
                RESPONSIVO
==========================================================*/

@media(max-width:1100px){

    .autor-card{

        grid-template-columns:1fr;

        gap:60px;

    }

    .autor-imagem{

        order:-1;

    }

}

@media(max-width:768px){

    .autor-imagem img{

        max-width:380px;

    }

    .autor-badge{

        left:20px;

        bottom:20px;

        padding:14px 18px;

        font-size:.9rem;

    }

}

@media(max-width:480px){

    .autor-imagem img{

        max-width:100%;

    }

    .autor-badge{

        position:relative;

        left:auto;

        bottom:auto;

        margin-top:20px;

        justify-content:center;

    }

}
/*==========================================================
                ESPECIALIDADES
==========================================================*/

.autor-skills{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin:40px 0 45px;

}

.autor-skills span{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 24px;

    border-radius:50px;

    background:#ffffff;

    border:1px solid rgba(75,20,138,.08);

    box-shadow:

    0 12px 30px rgba(75,20,138,.08);

    color:#555;

    font-weight:600;

    transition:.35s;

}

.autor-skills span i{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

    linear-gradient(

        135deg,

        var(--purple),

        #6D2CC5

    );

    color:#ffffff;

    font-size:.95rem;

}

.autor-skills span:hover{

    transform:

        translateY(-6px);

    border-color:

        rgba(212,164,55,.30);

    box-shadow:

        0 20px 45px rgba(75,20,138,.14);

}

.autor-skills span:hover i{

    background:

    linear-gradient(

        135deg,

        var(--gold),

        #F2C85C

    );

    color:#241247;

}

/*==========================================================
                ESTATÍSTICAS
==========================================================*/

.autor-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

    margin-bottom:45px;

}

.autor-stats div{

    text-align:center;

    padding:30px 20px;

    border-radius:24px;

    background:

    linear-gradient(

        180deg,

        #ffffff,

        #fafafa

    );

    border:1px solid rgba(75,20,138,.08);

    box-shadow:

    0 18px 35px rgba(75,20,138,.08);

    transition:.35s;

}

.autor-stats div:hover{

    transform:

        translateY(-8px);

    border-color:

        rgba(212,164,55,.35);

    box-shadow:

        0 28px 55px rgba(75,20,138,.14);

}

.autor-stats strong{

    display:block;

    font-size:2rem;

    font-weight:800;

    color:var(--purple);

    margin-bottom:10px;

}

.autor-stats span{

    color:#777;

    font-size:.95rem;

    text-transform:uppercase;

    letter-spacing:1px;

}

/*==========================================================
                BOTÕES
==========================================================*/

.autor-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

    margin-top:10px;

}

.autor-buttons .btn-primary-big{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border-radius:60px;

    text-decoration:none;

    font-weight:700;

    color:#ffffff;

    background:

    linear-gradient(

        135deg,

        var(--purple),

        #6D2CC5

    );

    box-shadow:

    0 18px 40px rgba(75,20,138,.22);

    transition:.35s;

}

.autor-buttons .btn-primary-big:hover{

    transform:

        translateY(-5px);

    background:

    linear-gradient(

        135deg,

        var(--gold),

        #F2C85C

    );

    color:#241247;

    box-shadow:

    0 30px 55px rgba(212,164,55,.32);

}

/*==========================================================
                BOTÃO SECUNDÁRIO
==========================================================*/

.autor-buttons .btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border-radius:60px;

    text-decoration:none;

    font-weight:700;

    color:var(--purple);

    background:#ffffff;

    border:2px solid rgba(75,20,138,.15);

    transition:.35s;

}

.autor-buttons .btn-outline:hover{

    transform:

        translateY(-5px);

    border-color:var(--purple);

    color:#ffffff;

    background:var(--purple);

    box-shadow:

    0 25px 50px rgba(75,20,138,.18);

}
/*==========================================================
                ANIMAÇÕES
==========================================================*/

@keyframes autorFadeUp{

    from{

        opacity:0;

        transform:translateY(45px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes autorFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

.autor-imagem{

    animation:autorFloat 6s ease-in-out infinite;

}

.autor-info{

    animation:autorFadeUp .8s ease both;

}

.autor-skills span{

    animation:autorFadeUp .9s ease both;

}

.autor-skills span:nth-child(2){

    animation-delay:.08s;

}

.autor-skills span:nth-child(3){

    animation-delay:.16s;

}

.autor-skills span:nth-child(4){

    animation-delay:.24s;

}

.autor-stats div{

    animation:autorFadeUp .9s ease both;

}

.autor-stats div:nth-child(2){

    animation-delay:.12s;

}

.autor-stats div:nth-child(3){

    animation-delay:.24s;

}

/*==========================================================
                MICROINTERAÇÕES
==========================================================*/

.autor-card{

    position:relative;

}

.autor-card *{

    position:relative;

    z-index:2;

}

.autor-info h2{

    transition:.35s;

}

.autor-card:hover .autor-info h2{

    color:#1D103A;

}

.autor-card:hover .autor-info h2 span{

    color:var(--gold);

}

.autor-profissao{

    transition:.35s;

}

.autor-card:hover .autor-profissao{

    color:var(--purple);

}

/*==========================================================
                DECORAÇÃO
==========================================================*/

.autor-card::before{

    content:"";

    position:absolute;

    top:-40px;

    right:-30px;

    width:180px;

    height:180px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(212,164,55,.12),

        transparent 70%

    );

    filter:blur(35px);

    z-index:0;

}

.autor-card::after{

    content:"";

    position:absolute;

    bottom:-30px;

    left:-30px;

    width:160px;

    height:160px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(75,20,138,.08),

        transparent 70%

    );

    filter:blur(30px);

    z-index:0;

}

/*==========================================================
                RESPONSIVIDADE
==========================================================*/

@media(max-width:1200px){

    .autor-card{

        grid-template-columns:1fr;

        gap:70px;

        text-align:center;

    }

    .autor-info{

        max-width:900px;

        margin:auto;

    }

    .autor-info h2::after{

        margin:24px auto 0;

    }

    .autor-skills{

        justify-content:center;

    }

    .autor-buttons{

        justify-content:center;

    }

}

@media(max-width:768px){

    .autor-premium{

        padding:100px 0;

    }

    .autor-info h2{

        font-size:2.8rem;

    }

    .autor-profissao{

        font-size:1rem;

    }

    .autor-stats{

        grid-template-columns:1fr;

    }

    .autor-buttons{

        flex-direction:column;

    }

    .autor-buttons a{

        width:100%;

    }

}

@media(max-width:480px){

    .autor-info h2{

        font-size:2.2rem;

    }

    .autor-skills{

        gap:12px;

    }

    .autor-skills span{

        width:100%;

        justify-content:center;

    }

}

/*==========================================================
                OTIMIZAÇÃO
==========================================================*/

.autor-imagem img,

.autor-skills span,

.autor-stats div,

.autor-buttons a{

    will-change:transform;

}