.viva-profile-v11 { --v11-wine: #3a040f; --v11-accent: #8f172f; --v11-text: #34161d; --v11-muted: #807177; --v11-line: #eadfe1; --v11-card: #ffffff; --v11-shadow: 0 10px 28px rgba(58,4,15,.08); }
.viva-profile-v11 { font-family:'DM Sans',Arial,sans-serif; color:var(--v11-text); }
.viva-profile-v11 * { box-sizing:border-box; }
.viva-profile-v11 a { color:inherit; text-decoration:none; }
.viva-profile-v11 button { font:inherit; }
.viva-profile-v11 img { max-width:100%; display:block; }

.viva-profile-v11 .profile-card { background:var(--v11-card); border:1px solid var(--v11-line); border-radius:24px; box-shadow:var(--v11-shadow); overflow:hidden; }
.viva-profile-v11 .cover-area { position:relative; min-height:280px; background:linear-gradient(180deg,#ece7e3 0%,#f6f2ef 100%); }
.viva-profile-v11 .cover-image { width:100%; height:100%; min-height:280px; object-fit:cover; }
.viva-profile-v11 .cover-text-wrap { position:absolute; top:28px; left:40px; color:#4a2328; text-shadow:0 1px 0 rgba(255,255,255,.35); }
.viva-profile-v11 .cover-lines { display:grid; gap:2px; font-family:'Libre Caslon Display',Georgia,serif; font-size:clamp(26px,3vw,44px); line-height:1.05; }
.viva-profile-v11 .cover-lines .small-last { font-size:clamp(20px,2.2vw,34px); margin-top:6px; }
.viva-profile-v11 .cover-lines .underline { width:64px; height:4px; border-radius:999px; background:#d6a537; margin-top:10px; }
.viva-profile-v11 .cover-owner-actions { position:absolute; top:18px; right:16px; display:grid; gap:10px; }
.viva-profile-v11 .cover-owner-actions button { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:0; border-radius:12px; background:rgba(86,94,102,.72); color:#fff; font-weight:700; cursor:pointer; backdrop-filter:blur(4px); font-size:13px; }
.viva-profile-v11 .cover-owner-actions i { font-size:17px; }
.viva-profile-v11 .profile-summary { position:relative; padding:0 26px 26px; }
.viva-profile-v11 .avatar-holder { margin-top:-84px; width:150px; position:relative; z-index:2; }
.viva-profile-v11 .avatar { width:150px; height:150px; border-radius:50%; object-fit:cover; border:5px solid #fff; box-shadow:0 10px 20px rgba(0,0,0,.12); }
.viva-profile-v11 .summary-body { padding-top:10px; }
.viva-profile-v11 .identity-row { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; flex-wrap:wrap; }
.viva-profile-v11 .identity-block h1 { margin:0; font-size:clamp(28px,4vw,42px); line-height:1.05; color:var(--v11-wine); }
.viva-profile-v11 .username { margin-top:6px; font-size:19px; color:#7a6970; }
.viva-profile-v11 .profile-actions { display:flex; flex-wrap:wrap; gap:12px; }
.viva-profile-v11 .profile-actions .btn { display:inline-flex; align-items:center; gap:9px; min-height:48px; padding:0 19px; border-radius:13px; border:1px solid #c79ba5; background:#fff; color:var(--v11-accent); font-weight:700; cursor:pointer; }
.viva-profile-v11 .profile-actions .btn.primary { background:var(--v11-accent); border-color:var(--v11-accent); color:#fff; }
.viva-profile-v11 .profile-actions .btn i { font-size:18px; }
.viva-profile-v11 .role-line { margin-top:12px; font-size:15px; color:#5b4850; }
.viva-profile-v11 .bio { margin:12px 0 0; font-size:15px; line-height:1.6; max-width:760px; }
.viva-profile-v11 .stats { margin-top:18px; padding-top:16px; border-top:1px solid var(--v11-line); display:flex; gap:16px; flex-wrap:wrap; font-size:14px; }
.viva-profile-v11 .stats .dot { color:#b29fa4; }
.viva-profile-v11 .stats strong { font-size:24px; color:var(--v11-accent); margin-right:6px; }

.viva-profile-v11 { display:grid; align-content:start; gap:16px; }
.viva-profile-v11 .rail-card { background:#fff; border:1px solid var(--v11-line); border-radius:18px; box-shadow:var(--v11-shadow); padding:18px 16px; }
.viva-profile-v11 .rail-card h2 { margin:0 0 14px; font-size:16px; color:var(--v11-text); }
.viva-profile-v11 .people-list { display:grid; gap:14px; }
.viva-profile-v11 .person-item { display:grid; grid-template-columns:42px 1fr; gap:10px; align-items:center; text-decoration:none; }
.viva-profile-v11 .person-avatar { width:42px; height:42px; border-radius:50%; background:linear-gradient(180deg,#c1265e,#910f39); color:#fff; display:grid; place-items:center; font-weight:800; font-size:13px; }
.viva-profile-v11 .person-item strong { display:block; font-size:14px; color:var(--v11-text); }
.viva-profile-v11 .person-item span { display:block; color:#81757a; margin-top:2px; font-size:12px; }
.viva-profile-v11 .showcase-card p { margin:0; color:#8c8084; line-height:1.6; font-size:13px; }

@media (max-width: 720px) {
  .viva-profile-v11 .profile-card { border-radius:18px; }
  .viva-profile-v11 .cover-area, .viva-profile-v11 .cover-image { min-height:190px; }
  .viva-profile-v11 .cover-text-wrap { top:16px; left:16px; }
  .viva-profile-v11 .cover-lines { font-size:clamp(20px,7vw,28px); }
  .viva-profile-v11 .cover-lines .small-last { font-size:clamp(15px,5.4vw,21px); }
  .viva-profile-v11 .cover-owner-actions { top:10px; right:10px; gap:6px; }
  .viva-profile-v11 .profile-summary { padding:0 16px 18px; }
  .viva-profile-v11 .avatar-holder { width:100px; margin-top:-58px; }
  .viva-profile-v11 .avatar { width:100px; height:100px; border-width:4px; }
  .viva-profile-v11 .identity-block h1 { font-size:30px; }
  .viva-profile-v11 .username { font-size:16px; }
  .viva-profile-v11 .profile-actions { width:100%; }
  .viva-profile-v11 .profile-actions .btn { flex:1 1 160px; justify-content:center; }
}
.viva-profile-v11 .rail-card { margin-top: 16px; }








/* VIVA_PROFILE_VIVO_ACTIONS_R7 */


/* ==========================================================
   FAIXA EXCLUSIVA DOS 3 BOTOES
   ========================================================== */

.vprof-vivo-actions-r7{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:nowrap !important;

    align-items:center !important;

    justify-content:center !important;

    gap:12px !important;


    /*
     * Espaçamento observado no modelo:
     * cabeçalho em cima,
     * botões no centro,
     * Portfólio começa só depois.
     */
    margin:
        70px auto
        70px !important;


    padding:0 !important;

    box-sizing:border-box !important;

    clear:both !important;
}


.vprof-vivo-actions-r7
> a{

    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    inset:auto !important;

    float:none !important;


    width:auto !important;

    min-width:142px !important;

    max-width:none !important;

    min-height:42px !important;


    margin:0 !important;

    padding:
        0 20px !important;


    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:8px !important;


    flex:
        0 0
        auto !important;


    white-space:nowrap !important;

    text-align:center !important;

    box-sizing:border-box !important;
}


/* ativo bordô = texto + ícone brancos */

.vprof-vivo-actions-r7
> a.is-vprof-vivo-active-r7,

.vprof-vivo-actions-r7
> a.is-vprof-vivo-active-r7 *,

.vprof-vivo-actions-r7
> a.is-vprof-vivo-active-r7 i,

.vprof-vivo-actions-r7
> a.is-vprof-vivo-active-r7 svg{

    color:#fff !important;

    fill:currentColor !important;

    stroke:currentColor !important;
}


/* ==========================================================
   PORTFOLIO
   começa SEMPRE em nova linha
   ========================================================== */

.vprof-vivo-portfolio-r7{

    display:block !important;

    width:100% !important;

    clear:both !important;

    margin-left:0 !important;

    margin-right:0 !important;

    float:none !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:760px){

    .vprof-vivo-actions-r7{

        flex-direction:column !important;

        flex-wrap:nowrap !important;

        align-items:center !important;

        justify-content:center !important;

        gap:10px !important;


        margin:
            34px auto
            42px !important;
    }


    .vprof-vivo-actions-r7
    > a{

        width:
            min(
                280px,
                88%
            ) !important;

        min-width:0 !important;

        margin:
            0 auto !important;
    }
}


/* /VIVA_PROFILE_VIVO_ACTIONS_R7 */

/* VIVA_PROFILE_PRO_RESOURCE_BOXES_R1 */

.viva-profile-pro-resource-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    width:100%;
    margin:28px 0 34px;
}

.viva-profile-pro-resource-card{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    min-height:138px;
    padding:18px;
    border:1px solid #eadde1;
    border-radius:16px;
    background:#fff;
    color:#44121d;
    text-decoration:none;
    box-sizing:border-box;
    transition:.18s ease;
}

.viva-profile-pro-resource-card:hover{
    border-color:#cfaab4;
    box-shadow:0 8px 22px rgba(76,15,31,.08);
    transform:translateY(-2px);
}

.viva-profile-pro-resource-card > i{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:10px;
    background:#f8edf0;
    color:#941b38;
    font-size:18px;
}

.viva-profile-pro-resource-card strong{
    display:block;
    color:#44121d;
    font-size:15px;
    line-height:1.25;
}

.viva-profile-pro-resource-card span{
    display:block;
    color:#85757a;
    font-size:12px;
    line-height:1.45;
}

@media(max-width:760px){
    .viva-profile-pro-resource-grid{
        grid-template-columns:1fr;
        max-width:420px;
        margin:24px auto 30px;
    }

    .viva-profile-pro-resource-card{
        min-height:120px;
    }
}

/* /VIVA_PROFILE_PRO_RESOURCE_BOXES_R1 */