/* SECRETTA PERFIL SOCIAL PREVIEW V66C */

.sps-page{
    --pink:#eb2f83;
    --pink-strong:#d9005f;
    --gold:#f0ce68;
    --green:#20c96b;
    --panel:#0b0b10;
    --panel-2:#15111a;
    max-width:1080px;
    margin:20px auto 70px;
    color:#fff;
}

.sps-profile{
    overflow:hidden;
    border:1px solid rgba(235,47,131,.25);
    border-radius:25px;
    background:
        radial-gradient(circle at 70% 10%,rgba(235,47,131,.13),transparent 38%),
        linear-gradient(145deg,#08080d,#030305);
    box-shadow:0 25px 80px rgba(0,0,0,.45);
}

.sps-cover{
    position:relative;
    height:470px;
    overflow:hidden;
    background:#151018;
}

.sps-cover::after{
    position:absolute;
    inset:0;
    content:"";
    background:
        linear-gradient(to bottom,transparent 40%,rgba(3,3,6,.30) 66%,#050508 100%);
    pointer-events:none;
}

.sps-cover-image{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 30%;
}

.sps-back,
.sps-status{
    position:absolute;
    z-index:2;
    top:22px;
}

.sps-back{
    left:22px;
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    color:#fff;
    background:rgba(0,0,0,.55);
    font-size:29px;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
}

.sps-status{
    right:22px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:12px 18px;
    border-radius:999px;
    color:#fff;
    background:rgba(8,8,11,.84);
    font-size:14px;
    font-weight:900;
    letter-spacing:.04em;
}

.sps-status-dot{
    width:13px;
    height:13px;
    border-radius:50%;
    background:#777;
}

.sps-status.online .sps-status-dot{
    background:#43dd79;
    box-shadow:0 0 16px rgba(67,221,121,.78);
}

.sps-summary{
    position:relative;
    padding:0 30px 28px;
}

.sps-avatar{
    position:relative;
    z-index:3;
    width:185px;
    height:185px;
    margin-top:-94px;
    overflow:hidden;
    border:7px solid var(--pink);
    border-radius:50%;
    background:#111;
    box-shadow:0 14px 35px rgba(0,0,0,.48);
}

.sps-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.sps-avatar-dot{
    position:absolute;
    right:11px;
    bottom:15px;
    z-index:4;
    width:27px;
    height:27px;
    border:5px solid #08080b;
    border-radius:50%;
    background:#777;
}

.sps-avatar-dot.online{
    background:#43dd79;
}

.sps-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-top:14px;
}

.sps-name{
    margin:0;
    color:#fff;
    font-size:42px;
    line-height:1.05;
}

.sps-verified{
    color:var(--pink);
    font-size:26px;
}

.sps-category{
    margin-top:7px;
    color:var(--pink);
    font-size:22px;
    font-weight:800;
}

.sps-description{
    max-width:700px;
    margin:14px 0 0;
    color:#eee;
    font-size:17px;
    line-height:1.55;
}

.sps-location{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:13px;
    margin-top:15px;
    color:#ccc;
    font-size:16px;
}

.sps-head-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}

.sps-anchor-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:12px 20px;
    border:1px solid rgba(235,47,131,.36);
    border-radius:14px;
    color:#fff;
    background:linear-gradient(135deg,#d9005f,#ed438e);
    font-weight:900;
    text-decoration:none;
}

.sps-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:24px;
}

.sps-action{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:70px;
    padding:13px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:15px;
    color:#fff;
    background:linear-gradient(145deg,#18171e,#0e0e13);
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
}

.sps-action.whatsapp{
    border-color:rgba(32,201,107,.65);
}

.sps-action-icon{
    font-size:26px;
}

.sps-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:22px;
    border:1px solid rgba(235,47,131,.24);
    border-radius:17px;
    background:rgba(16,12,19,.88);
}

.sps-stat{
    padding:22px 12px;
    text-align:center;
}

.sps-stat + .sps-stat{
    border-left:1px solid rgba(255,255,255,.08);
}

.sps-stat strong{
    display:block;
    color:#fff;
    font-size:25px;
}

.sps-stat span{
    color:#a89bab;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.sps-section{
    margin-top:20px;
    padding:20px;
    border:1px solid rgba(235,47,131,.23);
    border-radius:20px;
    background:
        linear-gradient(145deg,rgba(18,13,22,.98),rgba(6,6,9,.98));
}

.sps-section-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:0 0 17px;
}

.sps-section-title h2{
    margin:0;
    color:var(--pink);
    font-size:23px;
}

.sps-section-title small{
    color:#9d929f;
}

.sps-packs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
}

.sps-pack{
    padding:18px;
    border:1px solid rgba(235,47,131,.20);
    border-radius:17px;
    background:linear-gradient(145deg,#19121d,#0d0b10);
}

.sps-pack h3{
    margin:0 0 8px;
    color:#fff;
    font-size:19px;
}

.sps-pack p{
    min-height:38px;
    margin:0 0 13px;
    color:#aaa0ad;
    font-size:13px;
}

.sps-pack-meta{
    color:#d9cfdc;
    font-size:13px;
}

.sps-price{
    display:block;
    margin:13px 0;
    color:var(--pink);
    font-size:24px;
    font-weight:900;
}

.sps-disabled-button{
    width:100%;
    min-height:43px;
    border:0;
    border-radius:11px;
    color:#ddd;
    background:#312a35;
    font-weight:900;
    cursor:not-allowed;
}

.sps-gifts{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:11px;
}

.sps-gift{
    padding:15px 8px;
    border:1px solid rgba(235,47,131,.20);
    border-radius:15px;
    text-align:center;
    background:#110e14;
}

.sps-gift-emoji{
    display:block;
    margin-bottom:7px;
    font-size:31px;
}

.sps-gift strong,
.sps-gift small{
    display:block;
}

.sps-gift small{
    margin:5px 0 10px;
    color:#5ee09b;
    font-weight:800;
}

.sps-gallery{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}

.sps-photo{
    aspect-ratio:3/4;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:#111;
}

.sps-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .22s ease;
}

.sps-photo:hover img{
    transform:scale(1.035);
}

.sps-warning{
    margin-top:20px;
    padding:14px;
    border:1px solid rgba(240,206,104,.27);
    border-radius:13px;
    color:#ecd884;
    background:rgba(102,75,0,.16);
    font-size:13px;
    line-height:1.5;
}

@media(max-width:800px){
    .sps-page{
        margin-top:0;
    }

    .sps-profile{
        border-radius:0;
    }

    .sps-cover{
        height:390px;
    }

    .sps-summary{
        padding:0 16px 22px;
    }

    .sps-avatar{
        width:145px;
        height:145px;
        margin-top:-73px;
    }

    .sps-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .sps-name{
        font-size:31px;
    }

    .sps-head-actions{
        width:100%;
        justify-content:flex-start;
    }

    .sps-actions{
        grid-template-columns:1fr;
    }

    .sps-stats{
        grid-template-columns:1fr 1fr;
    }

    .sps-stat:nth-child(3){
        border-left:0;
        border-top:1px solid rgba(255,255,255,.08);
    }

    .sps-stat:nth-child(4){
        border-top:1px solid rgba(255,255,255,.08);
    }

    .sps-packs{
        grid-template-columns:1fr;
    }

    .sps-gifts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sps-gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* SECRETTA_ICONES_VIEWS_V67 */
.sps-whatsapp-icon{
    width:34px!important;
    height:34px!important;
    color:#25d366!important;
    flex:0 0 34px;
}

.sps-whatsapp-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.sps-stat{
    display:grid!important;
    grid-template-columns:34px auto;
    grid-template-rows:auto auto;
    column-gap:10px;
    align-items:center;
    justify-content:center;
}

.sps-stat-icon{
    grid-column:1!important;
    grid-row:1 / 3!important;
    color:#ff3b98!important;
    font-size:28px!important;
    line-height:1!important;
    text-align:center!important;
}

.sps-stat strong{
    grid-column:2!important;
    grid-row:1!important;
    text-align:left!important;
}

.sps-stat > span:last-child{
    grid-column:2!important;
    grid-row:2!important;
    text-align:left!important;
}

/* SECRETTA_ICONES_SVG_V68 */
.sps-action-icon{
    width:32px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    color:#fff!important;
}

.sps-action-icon svg{
    width:100%!important;
    height:100%!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.sps-icon-whatsapp{
    color:#25d366!important;
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
}

.sps-stat-icon{
    width:31px!important;
    height:31px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ff3995!important;
}

.sps-stat-icon svg{
    width:100%!important;
    height:100%!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

@media(max-width:650px){
    .sps-action-icon{
        width:25px!important;
        height:25px!important;
        flex-basis:25px!important;
    }

    .sps-icon-whatsapp{
        width:30px!important;
        height:30px!important;
        flex-basis:30px!important;
    }

    .sps-stat-icon{
        width:25px!important;
        height:25px!important;
    }
}

/* ===== V69 AJUSTE FINO BOTOES + ESTATISTICAS ===== */
.sps-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:22px 0 18px;
}
.sps-action{
  min-height:88px;
  padding:18px 20px;
  border-radius:20px;
  display:flex;
  align-items:center;
  gap:14px;
  justify-content:flex-start;
  background:linear-gradient(180deg,rgba(18,19,32,.96),rgba(10,10,18,.98));
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.sps-action.whatsapp{
  border-color:rgba(37,211,102,.80);
  box-shadow:0 0 0 1px rgba(37,211,102,.12), inset 0 1px 0 rgba(255,255,255,.04);
}
.sps-action-icon{
  width:58px;
  min-width:58px;
  height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.sps-action-icon svg{
  width:52px;
  height:52px;
  display:block;
}
.sps-action-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  text-align:left;
}
.sps-action-copy strong{
  font-size:17px;
  font-weight:800;
  color:#fff;
}
.sps-action-copy small{
  margin-top:6px;
  font-size:13px;
  color:rgba(255,255,255,.72);
}

.sps-action .ico-wa circle{
  fill:#25D366;
  stroke:#25D366;
}
.sps-action .ico-wa path{
  fill:none;
  stroke:#fff;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sps-action .ico-gift rect,
.sps-action .ico-gift path,
.sps-action .ico-share circle{
  fill:none;
  stroke:#fff;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sps-action .ico-share path{
  fill:none;
  stroke:#fff;
  stroke-width:2.2;
  stroke-linecap:round;
}

.sps-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:10px 0 0;
  border:1px solid rgba(255,52,140,.22);
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(16,14,28,.98),rgba(11,10,18,.98));
}
.sps-stat{
  min-height:126px;
  padding:24px 16px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
}
.sps-stat + .sps-stat{
  border-left:1px solid rgba(255,255,255,.08);
}
.sps-stat-icon{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.sps-stat-icon svg{
  width:38px;
  height:38px;
  display:block;
}
.sps-stat-icon svg *{
  fill:none;
  stroke:#ff2f8f;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sps-stat-copy strong{
  display:block;
  font-size:26px;
  line-height:1;
  color:#fff;
  font-weight:800;
}
.sps-stat-copy span{
  display:block;
  margin-top:8px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:rgba(255,255,255,.72);
  font-weight:700;
}

@media (max-width: 900px){
  .sps-actions{grid-template-columns:1fr;gap:12px}
  .sps-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sps-stat:nth-child(3){
    border-left:none;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .sps-stat:nth-child(4){
    border-top:1px solid rgba(255,255,255,.08);
  }
}

/* SECRETTA_PACK_PREVIEW_PUBLICA_V71 */
.sps-pack-preview{
    position:relative;
    width:100%;
    height:220px;
    margin:0 0 15px;
    overflow:hidden;
    border-radius:14px;
    background:#05050a;
    border:1px solid rgba(255,45,137,.30);
}

.sps-pack-preview video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    background:#05050a;
}

.sps-pack-preview-label{
    position:absolute;
    left:10px;
    bottom:10px;
    z-index:2;
    padding:7px 11px;
    border-radius:999px;
    color:#fff;
    background:rgba(0,0,0,.80);
    font-size:11px;
    font-weight:800;
    pointer-events:none;
}

@media(max-width:650px){
    .sps-pack-preview{
        height:200px;
        border-radius:12px;
    }

    .sps-pack-preview-label{
        left:8px;
        bottom:8px;
        font-size:10px;
    }
}

/* SECRETTA_PACK_PUBLICO_CARROSSEL_V72 */
.sps-unlock-button{
    width:100%;
    min-height:43px;
    border:1px solid rgba(255,45,137,.40);
    border-radius:11px;
    color:#fff;
    background:linear-gradient(135deg,#d30043,#ed2d83);
    font-weight:900;
    opacity:1;
}

.sps-unlock-button:disabled{
    color:#fff;
    opacity:1;
    cursor:not-allowed;
}

@media(max-width:650px){
    .sps-packs{
        display:flex !important;
        grid-template-columns:none !important;
        gap:12px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:2px 2px 12px;
        scroll-snap-type:x mandatory;
        scrollbar-width:thin;
        -webkit-overflow-scrolling:touch;
    }

    .sps-pack{
        flex:0 0 82%;
        width:82%;
        min-width:245px;
        max-width:285px;
        scroll-snap-align:start;
    }
}

/* SECRETTA_PACKS_COMPACTOS_V73 */
.sps-pack{
    padding:13px;
}

.sps-pack-preview{
    height:170px;
    margin-bottom:10px;
}

.sps-pack h3{
    margin-bottom:5px;
    font-size:17px;
}

.sps-pack p{
    min-height:0;
    margin-bottom:8px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.sps-price{
    margin:8px 0;
    font-size:21px;
}

.sps-unlock-button{
    min-height:38px;
}

@media(max-width:650px){
    .sps-pack{
        padding:11px;
    }

    .sps-pack-preview{
        height:145px;
        margin-bottom:8px;
    }

    .sps-pack h3{
        font-size:16px;
    }

    .sps-pack p{
        font-size:12px;
        line-height:1.35;
    }

    .sps-price{
        margin:7px 0;
        font-size:20px;
    }

    .sps-unlock-button{
        min-height:36px;
    }
}

/* SECRETTA_COMPRA_PACK_OFICIAL_V74 */
a.sps-unlock-button{
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    cursor:pointer;
}
