/* =========================================================
   RODAPÉ GLOBAL
========================================================= */

.rodape-global{
  position:relative;
  margin-top:48px;
  border-top:1px solid var(--border-2);
  background:transparent;
}

.rodape-global::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(101, 9, 214, 0) 0%,
    rgba(101, 9, 214, 0.10) 50%,
    rgba(101, 9, 214, 0) 100%
  );
  pointer-events:none;
}

.rodape-global__inner{
  min-height:72px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  padding:14px 0;
}

.rodape-global__esquerda,
.rodape-global__direita{
  display:flex;
  align-items:center;
}

.rodape-global__copy{
  color:var(--text-3);
  font-size:12px;
  line-height:1.2;
  font-weight:var(--fw-regular);
  white-space:nowrap;
}

.rodape-global__acoes{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px;
  min-width:0;
}

.rodape-global__link{
  min-height:34px;
}

.rodape-global__direita{
  justify-content:flex-end;
}

.rodape-global__idioma-gatilho{
  min-height:38px;
}

@media (max-width: 768px){
  .rodape-global{
    margin-top:36px;
  }

  .rodape-global__inner{
    grid-template-columns:1fr auto;
    gap:14px 12px;
    align-items:center;
    padding:18px 0 20px;
  }

  .rodape-global__acoes{
    grid-column:1 / -1;
    order:1;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:2px;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .rodape-global__acoes::-webkit-scrollbar{
    display:none;
  }

  .rodape-global__link{
    flex:0 0 auto;
  }

  .rodape-global__esquerda{
    order:2;
    justify-content:flex-start;
    width:100%;
    min-width:0;
  }

  .rodape-global__direita{
    order:3;
    justify-content:flex-end;
    width:auto;
    min-width:0;
  }

  .rodape-global__copy{
    white-space:nowrap;
  }

  .rodape-global__direita .dropdown-px{
    width:auto;
    max-width:100%;
  }

  .rodape-global__direita .dropdown-px__painel{
    left:auto;
    right:0;
    width:min(210px, calc(100vw - 24px));
    transform:translateY(6px);
  }

  .rodape-global__direita .dropdown-px.esta-aberto .dropdown-px__painel{
    transform:translateY(0);
  }
}

.botao-acao-colada--boost{
  border-top-right-radius:var(--radius-pill) !important;
  border-bottom-right-radius:var(--radius-pill) !important;
}

.botao-acao-colada__contador--loading{
  min-width:18px;
  padding:0;
}

.botao-acao-colada__loader{
  width:12px;
  height:12px;
  border-radius:var(--radius-pill);
  border:1.5px solid rgba(255,255,255,.28);
  border-top-color:#FFFFFF;
  display:inline-block;
  animation:px-boost-loader .7s linear infinite;
}

@keyframes px-boost-loader{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

.p_barra__postgroup{
  position:relative;
  isolation:isolate;
  flex:0 0 auto;
}

.p_barra__postgroup > .dica[data-boost-tooltip]{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  left:auto;
  z-index:2000;
  pointer-events:none;
}

.p_barra__postgroup > .dica[data-boost-tooltip].is-visivel{
  pointer-events:auto;
}

@media (max-width:768px){
  .p_barra__postgroup{
    width:auto;
    max-width:none;
  }

  .p_barra__postgroup > .dica[data-boost-tooltip]{
    top:calc(100% + 8px);
    right:0;
    left:auto;
    max-width:min(230px, calc(100vw - 24px));
  }

  .botao-acao-colada--boost{
    min-width:44px;
    padding:0 10px;
  }

  .botao-acao-colada--boost .botao-acao-colada__texto{
    gap:0;
  }

  .botao-acao-colada--boost .botao-acao-colada__contador{
    min-width:17px;
    height:17px;
    font-size:10px;
  }

  .botao-acao-colada--boost .botao-acao-colada__loader{
    width:11px;
    height:11px;
  }
}

@media (max-width:768px){
  #pNotifDropdown{
    order:1;
  }

  .barra-px__botao--mensagens{
    order:2;
  }

  .p_barra__postgroup{
    order:3;
  }

  .dropdown-px--menu{
    order:4;
  }
}

.p_officialslist{
  display:grid;
  gap:18px;
}

.item-oficial{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:14px;
}

.item-oficial__midias{
  display:grid;
  grid-template-columns:repeat(3, 72px);
  gap:8px;
  align-items:start;
  justify-content:flex-start;
  flex:0 0 auto;
}

.item-oficial__midia{
  width:72px;
  height:72px;
  padding:3px;
}

.item-oficial__meta{
  min-width:0;
  display:grid;
  gap:6px;
  align-content:center;
}

.item-oficial__meta .thumb-px__usuario{
  padding:0;
}

.item-oficial__meta .thumb-px__usuario:hover{
  background:transparent;
}

.item-oficial__rotulo{
  padding-left:8px;
  color:var(--text-3);
  font-size:12px;
  line-height:1.4;
  font-weight:var(--fw-medium);
}

@media (max-width:768px){
  .item-oficial{
    grid-template-columns:auto minmax(0, 1fr);
    align-items:center;
    gap:12px;
  }

  .item-oficial__midias{
    grid-template-columns:repeat(3, 64px);
    gap:8px;
    flex:0 0 auto;
  }

  .item-oficial__midia{
    width:64px;
    height:64px;
  }

  .item-oficial__meta{
    min-width:0;
    align-content:center;
  }

  .item-oficial__rotulo{
    padding-left:8px;
    font-size:11px;
  }
}

@media (max-width:520px){
  .item-oficial{
    grid-template-columns: auto minmax(0, 1fr);
    align-items:start;
    gap:10px;
  }
}


.p_discoveryslider {
    position: relative;
    min-width: 0
}

.p_discoveryslider .splide__track {
    border-radius: var(--radius-xl);
    overflow: hidden
}

.p_discoveryslider .splide__arrows {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 6
}

.p_discoveryslider .splide__arrow {
    position: relative;
    inset: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: 38px;
    height: 38px;
    border-radius: var(--radius-pill);
    background: rgba(20,20,26,.2);
    backdrop-filter: blur(15px);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--t);
    margin: 0;
    opacity: 1
}

.p_discoveryslider .splide__arrow:hover {
    background: rgba(20,20,26,.42)
}

.p_discoveryslider .splide__arrow svg {
    width: 18px;
    height: 18px;
    fill: none;
    transform: none
}

.p_discoveryslider .splide__arrow--next svg,.p_discoveryslider .splide__arrow--prev svg {
    transform: none
}

.p_discoveryslider .splide__pagination {
    position: absolute;
    bottom: 20px;
    left: 28px;
    right: auto!important;
    width: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    z-index: 6
}

.p_discoveryslider .splide__pagination__page {
    width: 10px;
    height: 10px;
    margin: 0;
    border: none;
    border-radius: 999px;
    background: rgba(255,255,255,.38);
    opacity: 1;
    transform: none;
    transition: all var(--t)
}

.p_discoveryslider .splide__pagination__page.is-active {
    width: 28px;
    background: #fff;
    transform: none
}

.p_discoveryslide {
    position: relative;
    min-height: 373px;
    padding: 45px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: var(--radius-xl)
}

.p_discoveryslide__content {
    position: relative;
    z-index: 2;
    max-width: 290px
}

.p_discoveryslide__brand {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: var(--radius-pill);
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 12px;
    backdrop-filter: blur(10px)
}

.p_discoveryslide__title {
    color: #fff;
    font-size: 32px;
    line-height: 1.08;
    font-weight: var(--fw-semibold);
    letter-spacing: -.03em
}

.p_discoveryslide__text {
    margin-top: 12px;
    color: rgba(255,255,255,.92);
    font-size: 15px;
    line-height: 1.55;
    font-weight: var(--fw-medium)
}

.p_discoveryslide__button {
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 45px;
    padding: 0 32px;
    border-radius: var(--radius-xs);
    color: #252525;
    font-size: 16px;
    line-height: 1;
    font-weight: var(--fw-semibold);
    background: #fdf066;
    background: linear-gradient(190deg,#fdf066 0,#ffaa23 100%);
    border: 1px solid #d8b35a;
    text-shadow: 0 1px 0 #ffed67
}

.p_discoveryslide__button:hover {
    box-shadow: inset 0 -4px 2px rgba(0,0,0,.3)
}

.p_discoveryslide__button svg {
    width: 18px;
    height: 18px
}


.bloco-celebridades {
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-top: 2rem;
}

.bloco-celebridades__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.bloco-celebridades__card {
    min-width: 0;
    border-radius: var(--radius-xs);
    overflow: hidden;
    padding: 12px;
    transition: filter var(--t);
}

.bloco-celebridades__card.is-rank-1 {
    background: #dde0d1;
}

.bloco-celebridades__card.is-rank-2 {
    background: #d8e6ee;
}

.bloco-celebridades__card.is-rank-3 {
    background: #dfdfdf;
}

.bloco-celebridades__card.is-rank-4 {
    background: #e2e5f0;
}

.bloco-celebridades__card.is-rank-5 {
    background: #e4e3d8;
}

.bloco-celebridades__card.is-rank-6 {
    background: #e5e2ee;
}

.bloco-celebridades__card.is-rank-7 {
    background: #f1dfdd;
}

.bloco-celebridades__card.is-rank-8 {
    background: #e3def4;
}

.bloco-celebridades__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 65px;
    align-items: center;
    gap: 14px;
}

.bloco-celebridades__left {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.bloco-celebridades__rank {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.03em;
}

.bloco-celebridades__card.is-rank-1 .bloco-celebridades__rank {
    background: #8db40d;
}

.bloco-celebridades__card.is-rank-2 .bloco-celebridades__rank {
    background: #27a9ee;
}

.bloco-celebridades__card.is-rank-3 .bloco-celebridades__rank {
    background: #5b5b60;
}

.bloco-celebridades__card.is-rank-4 .bloco-celebridades__rank {
    background: #b6bfd6;
}

.bloco-celebridades__card.is-rank-5 .bloco-celebridades__rank {
    background: #b9b72e;
}

.bloco-celebridades__card.is-rank-6 .bloco-celebridades__rank {
    background: #776ae8;
}

.bloco-celebridades__card.is-rank-7 .bloco-celebridades__rank {
    background: #ff4d33;
}

.bloco-celebridades__card.is-rank-8 .bloco-celebridades__rank {
    background: #7254f2;
}

.bloco-celebridades__namewrap {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.bloco-celebridades__badge .subscription-badge {
    width: 16px;
    height: 16px;
    display: block;
    object-fit: contain;
}

.bloco-celebridades__name {
    white-space: nowrap;
    color: var(--text);
    font-size: 14px;
    line-height: 1.2;
    font-weight: var(--fw-semibold);
}

.bloco-celebridades__verified img,
.bloco-celebridades__verified svg {
    width: 18px;
    height: 18px;
    display: block;
}

.bloco-celebridades__points {
    margin-top: 6px;
    color: rgba(0, 0, 0, .6);
    font-size: 13px;
    line-height: 120%;
    font-weight: 500;
}

.bloco-celebridades__thumblink {
    display: block;
    width: 65px;
    height: 65px;
    overflow: hidden;
    flex: 0 0 auto;
    padding: 3px;
    border-radius: 3px;
    transition: all var(--t);
}

.bloco-celebridades__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bloco-celebridades__link {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: filter var(--t), opacity var(--t);
}

.bloco-celebridades__card:hover {
    filter: brightness(.95);
}

.bloco-celebridades__link:hover .bloco-celebridades__thumblink {
    opacity: .88;
}

.bloco-celebridades__link:hover .bloco-celebridades__name {
    opacity: .92;
}


@media (max-width: 768px) {
    .bloco-celebridades__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .bloco-celebridades__card {
        padding: 10px;
    }

    .bloco-celebridades__content {
        grid-template-columns: minmax(0, 1fr) 56px;
        gap: 10px;
    }

    .bloco-celebridades__thumblink {
        width: 56px;
        height: 56px;
    }

    .bloco-celebridades__name {
        font-size: 13px;
    }

    .bloco-celebridades__points {
        font-size: 12px;
    }
  .bloco__cabecalho{
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:12px;
  }

  .bloco__cabecalho-direita{
    width:auto;
    margin-left:auto;
    flex:0 0 auto;
  }

  .bloco__cabecalho-direita .botao{
    width:auto;
    white-space:nowrap;
  }
}

@media (max-width: 768px) {
    .p_discoveryslider .splide__arrows {
        right: 12px;
        bottom: 12px;
        gap: 6px;
    }

    .p_discoveryslider .splide__arrow {
        width: 34px;
        height: 34px;
    }

    .p_discoveryslider .splide__arrow svg {
        width: 16px;
        height: 16px;
    }

    .p_discoveryslider .splide__pagination {
        left: 16px;
        bottom: 16px;
        gap: 6px;
    }

    .p_discoveryslider .splide__pagination__page {
        width: 8px;
        height: 8px;
    }

    .p_discoveryslider .splide__pagination__page.is-active {
        width: 22px;
    }

    .p_discoveryslide {
        min-height: 280px;
        padding: 24px 18px 36px;
    }

    .p_discoveryslide__content {
        max-width: 60%;
    }

    .p_discoveryslide__brand {
        min-height: 24px;
        padding: 0 8px;
        margin-bottom: 10px;
        font-size: 11px;
    }

    .p_discoveryslide__title {
        font-size: 20px;
        line-height: 1.1;
    }

    .p_discoveryslide__text {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.5;
    }

    .p_discoveryslide__button {
        margin-top: 14px;
        min-height: 40px;
        padding: 0 18px;
        font-size: 14px;
    }

    .p_discoveryslide__button svg {
        width: 16px;
        height: 16px;
    }
}


.p_celebsrow{
  background:rgb(241 242 245);
}
.p_celebsrow:hover {
  background: var(--accent-08);
}
.p_celebsrow + .p_celebsrow{
  border-top:1px solid rgba(20,20,26,.06);
}

.p_celebsrow--1{
  background: var(--accent-10);
}

.p_celebsrow--2,
.p_celebsrow--3{
  background:var(--accent-04);
}

.p_celebsrow__link{
  display:grid;
  grid-template-columns: 60px minmax(0, 1fr) 238px;
  align-items:center;
  gap:0;
  min-height: 75px;
  color:inherit;
}

.p_celebsrow__rankbox{
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  padding:14px 10px;
}

.p_celebsrow__rank{
  color:var(--accent);
  font-size:18px;
  line-height:1;
  font-weight:var(--fw-semibold);
  letter-spacing:-0.03em;
}

.p_celebsrow__main{
  min-width:0;
  padding:12px 14px;
}

.p_celebsrow__identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.p_celebsrow__avatar{
  width:48px;
  height:48px;
  border-radius: var(--radius-xs);
  object-fit:cover;
  flex:0 0 auto;
  background: var(--bg);
  border:1px solid var(
  --border);
  padding: 3px;
  transition: all var(--t);
}

.p_celebsrow__avatar:hover {
  border-color: var(--accent);
}

.p_celebsrow__content{
  min-width:0;
  flex:1 1 auto;
}

.p_celebsrow__line1{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  flex-wrap:wrap;
}

.p_celebsrow__badge,
.p_celebsrow__verified{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
}

.p_celebsrow__badge .subscription-badge{
  width:18px;
  height:18px;
  display:block;
  object-fit:contain;
}

.p_celebsrow__verified img,
.p_celebsrow__verified svg{
  width:18px;
  height:18px;
  display:block;
}

.p_celebsrow__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text);
  font-size:14px;
  line-height:1.25;
  font-weight:var(--fw-semibold);
}

.p_celebsrow__delta{
  flex:0 0 auto;
  font-size:12px;
  line-height:1;
  font-weight:var(--fw-semibold);
  color:var(--text-3);
  padding: 4px 5px;
  border-radius: var(--radius-pill);
  background: #2525251c;
}

.p_celebsrow__delta.is-up{
  color: #178c4f;
  background: hsl(148.5deg 81.97% 47.84% / 20%);
}

.p_celebsrow__delta.is-down{
  color: #ca1f1f;
  background: #ca1f1f1a;
}

.p_celebsrow__delta.is-new{
  color:var(--accent);
  background: #6509d60f;
}

.p_celebsrow__points{
  margin-top:4px;
  color:var(--text-2);
  font-size:12px;
  line-height:1.35;
  font-weight:var(--fw-medium);
}

.p_celebsrow__media{
  min-width:0;
  padding: 6px 14px;
  display:flex;
  justify-content:flex-end;
}

.p_celebsrow__thumbs{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}

.p_celebsrow__thumbitem{
  flex:0 0 auto;
}

.p_celebsdir .blocos_pixe__thumbwrap{
  width: 55px;
  height: 55px;
  padding:2px !important;
  border-radius: var(--radius-xs);
}

.p_celebsdir .blocos_pixe__thumbwrap,
.p_celebsdir .blocos_pixe__thumbwrap:hover{
  padding:2px !important;
}

.p_celebsrow--1 .p_celebsrow__link{
  grid-template-columns: 70px minmax(0, 1fr) 320px;
  min-height: 100px;
}

.p_celebsrow--1 .p_celebsrow__rank{
  font-size:42px;
}

.p_celebsrow--1 .p_celebsrow__main{
  padding: 12px 8px;
}

.p_celebsrow--1 .p_celebsrow__identity{
  gap:14px;
}

.p_celebsrow--1 .p_celebsrow__avatar{
  width: 90px;
  height: 90px;
}

.p_celebsrow--1 .p_celebsrow__name{
  font-size:18px;
}

.p_celebsrow--1 .p_celebsrow__delta{
  font-size:13px;
  padding: 4px 5px;
  border-radius: var(--radius-pill);
}

.p_celebsrow--1 .p_celebsrow__points{
  font-size:14px;
  margin-top:6px;
}

.p_celebsrow--1 .p_celebsrow__media{
  padding: 16px;
}

.p_celebsrow--1 .blocos_pixe__thumbwrap{
  width: 70px;
  height: 70px;
}

.p_celebsrow--2 .p_celebsrow__rank,
.p_celebsrow--3 .p_celebsrow__rank{
  font-size:26px;
}

.p_celebsrow--2 .p_celebsrow__avatar,
.p_celebsrow--3 .p_celebsrow__avatar{
  width:56px;
  height:56px;
}

.p_celebsrow--2 .p_celebsrow__name,
.p_celebsrow--3 .p_celebsrow__name{
  font-size:15px;
}

.p_celebsdir__empty{
  margin:0;
  color:var(--text-3);
  font-size:15px;
  line-height:1.6;
}

.p_celebsdir .blocos_pixe__pagination{
  margin-top:24px;
}

@media (max-width:980px){
  .p_celebsrow__link{
    grid-template-columns:64px minmax(0, 1fr) 198px;
  }

  .p_celebsrow--1 .p_celebsrow__link{
    grid-template-columns:78px minmax(0, 1fr) 248px;
  }
}

@media (max-width:700px){
  .p_celebsdir__top{
    padding: 24px 24px 0;
  }
  .p_celebsdir__tab {
    font-size: 13px;
  }

  .p_celebsdir__body{
    padding: 16px 0;
  }

  .p_celebsdir__title{
    font-size:18px;
  }

  .p_celebsdir__desc{
    font-size: 13px;
  }

  .p_celebsrow__link{
    grid-template-columns: 40px minmax(0, 1fr) 68px;
    min-height:72px;
  }

  .p_celebsrow__rankbox{
    padding:10px 8px;
  }

  .p_celebsrow__rank{
    font-size:14px;
  }

  .p_celebsrow__main{
    padding:8px 8px 8px 10px;
  }

  .p_celebsrow__identity{
    gap:8px;
  }

  .p_celebsrow__avatar{
    width:38px;
    height:38px;
  }

  .p_celebsrow__name{
    font-size:12px;
  }

  .p_celebsrow__delta{
    font-size:10px;
  }

  .p_celebsrow__points{
    margin-top:2px;
    font-size:10px;
  }

  .p_celebsrow__media{
    padding:8px;
  }

  .p_celebsdir .blocos_pixe__thumbwrap{
    width:40px;
    height:40px;
  }

  .p_celebsrow__thumbitem:nth-child(n+2){
    display:none;
  }

  .p_celebsrow--1 .p_celebsrow__link{
    grid-template-columns: 45px minmax(0, 1fr) 70px;
    min-height:84px;
  }

  .p_celebsrow--1 .p_celebsrow__rank{
    font-size:24px;
  }

  .p_celebsrow--1 .p_celebsrow__avatar{
    width:50px;
    height:50px;
  }

  .p_celebsrow--1 .p_celebsrow__name{
    font-size:13px;
  }
  .p_celebsrow--1 .p_celebsrow__delta {
    font-size: 11px;
  }

  .p_celebsrow--1 .p_celebsrow__points{
    font-size: 11px;
  }

  .p_celebsrow--1 .blocos_pixe__thumbwrap{
    width: 50px;
    height: 50px;
  }

  .p_celebsrow--2 .p_celebsrow__rank,
  .p_celebsrow--3 .p_celebsrow__rank{
    font-size:18px;
  }

  .p_celebsrow--2 .p_celebsrow__avatar,
  .p_celebsrow--3 .p_celebsrow__avatar{
    width:42px;
    height:42px;
  }

  .p_celebsrow--2 .p_celebsrow__name,
  .p_celebsrow--3 .p_celebsrow__name{
    font-size:12px;
  }
}


html.p-modal-open,
body.p-modal-open{
  overflow:hidden;
}

.p_loginmodal{
  position:fixed;
  inset:0;
  z-index:1300;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--t), visibility var(--t);
}

.p_loginmodal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.p_loginmodal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(20,20,26,.85);
}

.p_loginmodal__dialog{
  position:relative;
  z-index:2;
  width:min(100%, 600px);
  max-height:calc(100vh - 24px);
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border-radius:var(--radius-xl);
  overflow-x: hidden;
  transform:translateY(8px) scale(.985);
  transition:transform var(--t);
}

.p_loginmodal.is-open .p_loginmodal__dialog{
  transform:translateY(0) scale(1);
}

.p_loginmodal__close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:4;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-pill);
  border:1px solid rgba(255,255,255,.18);
  background:rgb(20 20 26 / 30%);
  color:#fff;
  transition:background-color var(--t), border-color var(--t), opacity var(--t), transform var(--t);
  backdrop-filter:blur(10px);
}

.p_loginmodal__close:hover{
  background:rgba(20,20,26,.34);
  border-color:rgba(255,255,255,.24);
}

.p_loginmodal__close:active{
  opacity:.9;
  transform:scale(.98);
}

.p_loginmodal__media{
  position:relative;
  flex:0 0 auto;
  min-height: 235px;
  background:#efd0d3;
  background-image:url("https://pixelog.me/assets/img/login-screen.webp");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.p_loginmodal__media.is-cadastro{
  position:relative;
  flex:0 0 auto;
  min-height:289px;
  background:#efd0d3;
  background-image:url("https://pixelog.me/assets/img/login-screen-2.webp");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.p_loginmodal__body{
  position:relative;
  flex:1 1 auto;
  padding:45px 28px 28px;
  background:var(--accent);
  color:#fff;
}

.p_loginmodal__step{
  display:none;
  width:100%;
  max-width: 380px;
  margin:0 auto;
  animation:pLoginStepIn .22s cubic-bezier(0.22, 1, 0.36, 1);
}

.p_loginmodal__step.is-active{
  display:block;
}

@keyframes pLoginStepIn{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.p_loginmodal__title{
  color:#fff;
  font-size:32px;
  line-height:1.05;
  font-weight:var(--fw-semibold);
  text-align:center;

}

.p_loginmodal__text{
  margin-top:18px;
  color:rgba(255,255,255,.94);
  font-size:15px;
  line-height:1.5;
  font-weight:var(--fw-medium);
  text-align:center;

}

.p_loginmodal__actions{
  margin-top:22px;
  display:grid;
  gap:14px;
}

.p_loginmodal__socialform{
  margin:0;
}

.p_loginmodal__socialbtn{
  width:100%;
  min-height:52px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.22);
  color:var(--text);
  font-size:15px;
  line-height:1.2;
  font-weight:var(--fw-bold);
 
  transition:background-color var(--t), border-color var(--t), opacity var(--t), transform var(--t), box-shadow var(--t);
}

.p_loginmodal__socialbtn svg{
  width:20px;
  height:20px;
  flex:0 0 auto;
}

.p_loginmodal__socialbtn:hover{
  background:#fff;
  border-color:rgba(255,255,255,.32);
  box-shadow:0 10px 24px rgba(20,20,26,.10);
  transform:translateY(-1px);
}

.p_loginmodal__socialbtn:active{
  opacity:.94;
  transform:translateY(0);
}

.p_loginmodal__socialbtn--facebook,
.p_loginmodal__socialbtn--google,
.p_loginmodal__socialbtn--email{
  background:rgba(255,255,255,.88);
}

.p_loginmodal__signup{
  margin-top:22px;
  color:rgba(255,255,255,.96);
  font-size:14px;
  line-height:1.45;
  font-weight:var(--fw-semibold);
  text-align:center;
}

.p_loginmodal__signup a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:rgba(255,255,255,.38);
  transition:opacity var(--t), text-decoration-color var(--t);
}

.p_loginmodal__signup a:hover{
  opacity:.96;
  text-decoration-color:#fff;
}

.p_loginmodal__back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 10px;
  border-radius:var(--radius-xs);
  background:rgb(0 0 0 / 36%);
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:var(--fw-semibold);
  transition:background-color var(--t), opacity var(--t);
  position:absolute;
  z-index:99;
  left:15px;
  top:15px;
  backdrop-filter:blur(10px);
}

.p_loginmodal__back:hover{
  background:rgb(0 0 0 / 26%);
}

.p_loginmodal__back{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.p_loginmodal[data-current-step="form"] .p_loginmodal__back{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.p_loginmodal__back + .p_loginmodal__title{
  margin-top:16px;
}

.p_loginmodal__error{
  margin-top:18px;
  padding:10px 12px;
  border-radius:var(--radius-xs);
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:13px;
  line-height:1.45;
  font-weight:var(--fw-semibold);
  text-align:center;
}

.p_loginmodal__form{
  margin-top:20px;
  display:grid;
  gap:14px;
}

.p_loginmodal__field{
  position:relative;
}

.p_loginmodal__field input{
  width:100%;
  height:50px;
  padding:20px 14px 8px;
  border-radius:var(--radius-xs);
  background:rgb(246 238 255);
  border:3px solid var(--accent-20);
  color:var(--text);
  font-size:14px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
  outline:none;
  transition:border-color var(--t), box-shadow var(--t), background-color var(--t);
}

.p_loginmodal__field input:hover{
  background:#fff;
}

.p_loginmodal__field input:focus{
  background:var(--panel);
}

.p_loginmodal__field label{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--text-3);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-semibold);
  pointer-events:none;
  transition:top var(--t), transform var(--t), font-size var(--t), color var(--t);
}

.p_loginmodal__field:focus-within label,
.p_loginmodal__field:has(input:not(:placeholder-shown)) label,
.p_loginmodal__field:has(input:-webkit-autofill) label{
  top:9px;
  transform:none;
  font-size:10px;
  color:var(--accent);
}

.p_loginmodal__field input::placeholder{
  color:transparent;
}

.p_loginmodal__field input:-webkit-autofill,
.p_loginmodal__field input:-webkit-autofill:hover,
.p_loginmodal__field input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #fff inset;
  -webkit-text-fill-color:var(--text);
}

.p_loginmodal__row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:-2px;
}

.p_loginmodal__forgot{
  color:rgba(255,255,255,.94);
  font-size:12px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
  transition:opacity var(--t);
}

.p_loginmodal__forgot:hover{
  opacity:.82;
}

.p_loginmodal__submit{
  width:100%;
  min-height:46px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:2px;
  border-radius:var(--radius-pill);
  color:var(--accent);
  font-size:14px;
  line-height:1;
  font-weight:var(--fw-semibold);

  background:var(--bg);
  border:1px solid rgba(255,255,255,.14);
  transition:filter var(--t), opacity var(--t), transform var(--t);
}

.p_loginmodal__submit:hover{
  filter:brightness(.94);
}

.p_loginmodal__submit:active{
  opacity:.9;
  transform:scale(.985);
}

.p_loginmodal__submit.is-loading{
  pointer-events:none;
  opacity:.92;
}

.p_loginmodal__submit-spinner{
  width:16px;
  height:16px;
  border-radius: var(--radius-pill);
  border:2px solid rgba(255,255,255,.28);
  border-top-color: var(--accent);
  display:none;
  animation:pLoginSpin .8s linear infinite;
}

.p_loginmodal__submit.is-loading .p_loginmodal__submit-spinner{
  display:block;
}

@keyframes pLoginSpin{
  to{
    transform:rotate(360deg);
  }
}

/* Tablet e mobile */
@media (max-width:640px){
  .p_loginmodal{
    padding:8px;
    align-items:center;
  }

  .p_loginmodal__dialog{
    width:95%;
    max-height:calc(100vh - 16px);
    border-radius:12px;
    transform:translateY(12px);
  }

  .p_loginmodal__media{
    min-height:150px;
    background-position:center top;
  }

  .p_loginmodal__close{
    top:10px;
    right:10px;
    width:30px;
    height:30px;
  }

  .p_loginmodal__back{
    top:10px;
    left:10px;
    min-height:32px;
    padding:0 10px;
    font-size:11px;
  }

  .p_loginmodal__body{
    padding:22px 16px 16px;
  }

  .p_loginmodal__step{
    max-width:none;
  }

  .p_loginmodal__title{
    font-size:24px;
    line-height:1.12;
  }

  .p_loginmodal__text{
    margin-top:10px;
    font-size:13px;
    line-height:1.45;
  }

  .p_loginmodal__actions{
    margin-top:16px;
    gap:10px;
  }

  .p_loginmodal__socialbtn{
    min-height:46px;
    padding:0 14px;
    gap:10px;
    font-size:13px;
    line-height:1.2;
  }

  .p_loginmodal__socialbtn svg{
    width:18px;
    height:18px;
  }

  .p_loginmodal__signup{
    margin-top:16px;
    font-size:12px;
    line-height:1.45;
  }

  .p_loginmodal__form{
    margin-top:16px;
    gap:12px;
  }

  .p_loginmodal__field input{
    height:46px;
    padding:18px 12px 7px;
    font-size:13px;
    border-width:2px;
  }

  .p_loginmodal__field label{
    left:12px;
    font-size:12px;
  }

  .p_loginmodal__field:focus-within label,
  .p_loginmodal__field:has(input:not(:placeholder-shown)) label,
  .p_loginmodal__field:has(input:-webkit-autofill) label{
    top:7px;
    font-size:9px;
  }

  .p_loginmodal__forgot{
    font-size:11px;
  }

  .p_loginmodal__submit{
    min-height:44px;
    font-size:13px;
  }

  .p_loginmodal__error{
    margin-top:14px;
    font-size:12px;
    line-height:1.4;
  }
}

/* Celulares menores */
@media (max-width:420px){
  .p_loginmodal{
    padding:0;
  }

  .p_loginmodal__dialog{
    max-height:100vh;
    border-radius:12px;
  }

  .p_loginmodal__media{
    min-height:128px;
  }

  .p_loginmodal__body{
    padding:20px 14px 14px;
  }

  .p_loginmodal__title{
    font-size:22px;
  }

  .p_loginmodal__text{
    font-size:12px;
  }

  .p_loginmodal__socialbtn{
    min-height:44px;
    font-size:12px;
  }

  .p_loginmodal__socialbtn svg{
    width:17px;
    height:17px;
  }

  .p_loginmodal__field input{
    height:44px;
    font-size:12px;
  }

  .p_loginmodal__submit{
    min-height:42px;
    font-size:12px;
  }

  .p_loginmodal__signup{
    font-size:11px;
  }
}

.ck-editor__editable_inline:not(.ck-comment__input *) {
  height: 200px;
  overflow-y: auto;
}

/* =========================================================
   PREVIEW / CARROSSEL DE IMAGENS DO POST MODAL
========================================================= */

#image-preview-grid{
  width:100%;
}

#image-preview-grid[hidden]{
  display:none !important;
}

.p_postmodal__carousel{
  display:grid;
  gap:12px;
  width:100%;
}

.p_postmodal__carouselnav{
  display:grid;
  grid-template-columns:36px minmax(0, 1fr) 36px;
  align-items:center;
  gap:10px;
}

.p_postmodal__carouselcounter{
  text-align:center;
  color:var(--text-3);
  font-size:12px;
  line-height:1;
  font-weight:var(--fw-semibold);
}

.p_postmodal__carouselbtn{
  width:36px;
  height:36px;
  border:1px solid var(--border);
  border-radius:var(--radius-pill);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--panel);
  color:var(--text);
  transition:
    border-color var(--t),
    background-color var(--t),
    color var(--t),
    opacity var(--t),
    transform var(--t);
}

.p_postmodal__carouselbtn:hover{
  border-color:var(--accent);
  background:var(--accent-04);
  color:var(--accent);
}

.p_postmodal__carouselbtn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.p_postmodal__carouselviewport{
  overflow:hidden;
  width:100%;
}

.p_postmodal__carouseltrack{
  display:flex;
  gap:10px;
  transition:transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change:transform;
}

.p_postmodal__previewitem{
  position:relative;
  flex:0 0 calc((100% - 20px) / 3);
  min-width:0;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--panel);
  overflow:hidden;
  transition:
    transform var(--t),
    border-color var(--t),
    box-shadow var(--t),
    opacity var(--t);
}

.p_postmodal__previewitem:focus-visible{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--accent-08);
}

.p_postmodal__previewitem.is-dragging{
  opacity:.42;
  transform:scale(.985);
}

.p_postmodal__previewitem.is-drop-before{
  border-color:var(--accent);
  box-shadow:inset 4px 0 0 var(--accent);
}

.p_postmodal__previewitem.is-drop-after{
  border-color:var(--accent);
  box-shadow:inset -4px 0 0 var(--accent);
}

.p_postmodal__previewmedia{
  position:relative;
  aspect-ratio:1 / 1;
  background:var(--muted);
}

.p_postmodal__previewimg{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
}

.p_postmodal__previewoverlay{
  position:absolute;
  top:8px;
  right:8px;
  left:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  pointer-events:none;
}

.p_postmodal__previewhandle,
.p_postmodal__previewremove{
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(20,20,26,.62);
  color:#FFFFFF;
  backdrop-filter:blur(8px);
  pointer-events:auto;
  transition:
    background-color var(--t),
    border-color var(--t),
    transform var(--t),
    opacity var(--t);
}

.p_postmodal__previewhandle{
  cursor:grab;
}

.p_postmodal__previewhandle:active{
  cursor:grabbing;
}

.p_postmodal__previewhandle:hover,
.p_postmodal__previewremove:hover{
  background:rgba(20,20,26,.78);
  border-color:rgba(255,255,255,.34);
}

@media (max-width:768px){
  .p_postmodal__carouselnav{
    grid-template-columns:34px minmax(0, 1fr) 34px;
    gap:8px;
  }

  .p_postmodal__carouselbtn{
    width:34px;
    height:34px;
  }

  .p_postmodal__previewitem{
    flex:0 0 calc((100% - 20px) / 3);
  }

  .p_postmodal__previewhandle,
  .p_postmodal__previewremove{
    width:30px;
    height:30px;
  }
}


/* =========================================================
   SETTINGS VERIFY BANNER
   ========================================================= */

.p_settings__verifybanner{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:18px;
  margin-top:14px;
  padding:18px 18px;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--accent-16);
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.18) 0, rgba(255,255,255,0) 22%),
    radial-gradient(circle at 88% 25%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 18%),
    linear-gradient(135deg, #3f047f 0%, #6509D6 48%, #8A40FF 100%);
  color:#fff;
  transition:
    transform var(--t),
    box-shadow var(--t),
    border-color var(--t),
    opacity var(--t);
}

.p_settings__verifybanner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0 1px, transparent 2px),
    radial-gradient(circle at 40% 70%, rgba(255,255,255,.10) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 24%, rgba(255,255,255,.12) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 58%, rgba(255,255,255,.10) 0 1px, transparent 2px);
  opacity:.55;
  pointer-events:none;
}

.p_settings__verifymedia,
.p_settings__verifycontent,
.p_settings__verifycta{
  position:relative;
  z-index:1;
}

.p_settings__verifymedia{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  flex:0 0 auto;
}

.p_settings__verifyimg{
  width: 75px;
  height: 75px;
  object-fit:contain;
  display:block;
}

.p_settings__verifycontent{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.p_settings__verifytitle{
  color:#fff;
  font-size:16px;
  line-height:1.25;
  font-weight: var(--fw-semibold);
  letter-spacing:-0.02em;
}

.p_settings__verifytext{
  color:rgba(255,255,255,.88);
  font-size:14px;
  line-height:1.55;
  font-weight: var(--fw-regular);
}

.p_settings__verifycta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:var(--radius-pill);
  background:#fff;
  color:var(--text);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-semibold);
  white-space:nowrap;
  flex:0 0 auto;
  transition:
    transform var(--t),
    opacity var(--t),
    filter var(--t);
}

.p_settings__verifybanner:hover .p_settings__verifycta{
  filter:brightness(.98);
}

@media (max-width: 860px){
  .p_settings__verifybanner{
    grid-template-columns:auto 1fr;
    gap:14px;
    padding:16px;
  }

  .p_settings__verifycta{
    grid-column:1 / -1;
    width:100%;
    margin-top:2px;
  }

  .p_settings__verifymedia{
    width:56px;
    height:56px;
  }

  .p_settings__verifyimg{
    width:56px;
    height:56px;
  }

  .p_settings__verifytitle{
    font-size:15px;
  }

  .p_settings__verifytext{
    font-size:13px;
  }
}

@media (max-width: 560px){
  .p_settings__verifybanner{
    grid-template-columns:1fr;
    text-align:left;
    gap:12px;
    padding:14px;
    border-radius:var(--radius);
  }

  .p_settings__verifymedia{
    width:52px;
    height:52px;
  }

  .p_settings__verifyimg{
    width:52px;
    height:52px;
  }

  .p_settings__verifytitle{
    font-size:14px;
    line-height:1.3;
  }

  .p_settings__verifytext{
    font-size:12px;
    line-height:1.5;
  }

  .p_settings__verifycta{
    width:100%;
    min-height:38px;
    font-size:12px;
  }
}

/* =========================================================
   MY / LINKS + CONTEÚDOS
   ========================================================= */

.p_my{
  padding:24px;
}

.p_my__layout,
.p_my__stack{
  display:grid;
  gap:18px;
}

.p_my__layout--sidebar{
  grid-template-columns:minmax(320px, 380px) minmax(0, 1fr);
  align-items:start;
}

.p_my__panel{
  background:rgba(255,255,255,.72);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:20px;
}

.p_my__panel--sticky{
  position:sticky;
  top:72px;
}

.p_my__panelhead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.p_my__paneltitle{
  color:var(--text);
  font-size:18px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
  letter-spacing:-0.02em;
}

.p_my__paneldesc{
  margin-top:6px;
  color:var(--text-3);
  font-size:13px;
  line-height:1.55;
  font-weight:var(--fw-medium);
}

.p_my__counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:var(--radius-pill);
  background:var(--accent-06);
  border:1px solid var(--accent-14);
  color:var(--accent);
  font-size:12px;
  line-height:1;
  font-weight:var(--fw-semibold);
  white-space:nowrap;
  gap: 3px;
}

.p_my__form{
  display:grid;
  gap:16px;
}

.p_my__field{
  min-width:0;
}

.p_my__label{
  display:block;
  margin-bottom:8px;
  color:var(--text);
  font-size:13px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
}

.p_my__input,
.p_my__textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:var(--radius-xs);
  background:var(--panel);
  color:var(--text);
  transition:border-color var(--t), box-shadow var(--t), background-color var(--t);
}

.p_my__input{
  height:46px;
  padding:0 14px;
}

.p_my__textarea{
  min-height:220px;
  padding:14px;
  resize:vertical;
}

.p_my__input::placeholder,
.p_my__textarea::placeholder{
  color:var(--text-3);
}

.p_my__input:hover,
.p_my__textarea:hover{
  border-color:var(--border-strong);
}

.p_my__input:focus,
.p_my__textarea:focus{
  outline:none;
  border-color:rgba(101, 9, 214, 0.35);
  background:#fff;
  box-shadow:0 0 0 4px rgba(101, 9, 214, 0.08);
}

.p_my__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.p_my__helper{
  color:var(--text-3);
  font-size:12px;
  line-height:1.5;
}

.p_my__empty{
  padding:18px;
  border:1px dashed var(--border-strong);
  border-radius:var(--radius);
  background:var(--panel);
  color:var(--text-3);
  font-size:13px;
  line-height:1.55;
  text-align:center;
}

.p_my__list{
  display:grid;
  gap:10px;
}

.p_my__item{
  display:grid;
  grid-template-columns:30px minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--panel);
  transition:border-color var(--t), background-color var(--t), box-shadow var(--t), opacity var(--t);
}

.p_my__item:hover{
  border-color:var(--accent-16);
  background:#fff;
}

.p_my__item--content{
  align-items:flex-start;
}

.p_my__item--ghost{
  opacity:.48;
  background:var(--accent-06);
}

.p_my__item--chosen,
.p_my__item--drag{
  border-color:var(--accent);
  background:#fff;
  box-shadow:0 10px 26px rgba(101, 9, 214, 0.10);
}

.p_my__drag{
  width:30px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--panel-2);
  color:var(--text-3);
  cursor:grab;
  user-select:none;
  transition:border-color var(--t), background-color var(--t), color var(--t);
}

.p_my__drag:hover{
  border-color:var(--accent-16);
  background:var(--accent-06);
  color:var(--accent);
}

.p_my__drag:active{
  cursor:grabbing;
}

.p_my__main{
  min-width:0;
}

.p_my__title{
  color:var(--text);
  font-size:14px;
  line-height:1.35;
  font-weight:var(--fw-semibold);
  word-break:break-word;
}

.p_my__url{
  display:inline-block;
  margin-top:6px;
  color:var(--accent);
  font-size:13px;
  line-height:1.45;
  font-weight:var(--fw-medium);
  word-break:break-all;
}

.p_my__excerpt{
  margin-top:6px;
  color:var(--text-2);
  font-size:13px;
  line-height:1.6;
  word-break:break-word;
}

.p_my__meta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  color:var(--text-3);
  font-size:12px;
  line-height:1.4;
  font-weight:var(--fw-medium);
}

.p_my__actions{
  justify-content:flex-end;
}

.p_my__action{
  min-height:36px;
  padding:0 13px;
  border-radius:var(--radius-pill);
  border:1px solid var(--border);
  background:var(--panel);
  color:var(--text);
  font-size:12px;
  line-height:1;
  font-weight:var(--fw-semibold);
  transition:border-color var(--t), background-color var(--t), color var(--t), opacity var(--t), transform var(--t);
  display: flex;
  align-items: center;
}

.p_my__action:hover{
  border-color:var(--accent-16);
  background:var(--accent-06);
  color:var(--accent);
}

.p_my__action:active{
  transform:scale(.985);
}

.p_my__action:disabled{
  opacity:.6;
  cursor:not-allowed;
}

.p_my__action--primary{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

.p_my__action--primary:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  opacity: 0.92;
}

.p_my__action--danger{
  border-color:rgba(220,38,38,.16);
  background:rgba(220,38,38,.04);
  color:var(--danger);
}

.p_my__action--danger:hover{
  border-color:rgba(220,38,38,.24);
  background:rgba(220,38,38,.08);
  color:var(--danger);
}

.p_my__form.is-editing{
  padding:16px;
  border:1px solid var(--accent-16);
  border-radius:var(--radius);
  background:var(--accent-04);
}

.p_my .ck-editor__editable_inline:not(.ck-comment__input *){
  min-height:220px;
  max-height:520px;
}

@media (max-width: 768px){
  .p_my__actions{
    width:100%;
    justify-content:flex-start;
    flex-direction:column;
    align-items:stretch;
  }

  .p_my__actions .p_my__action{
    width:100%;
    justify-content:center;
  }
}


@media (max-width: 980px){
  .p_my__layout--sidebar{
    grid-template-columns:1fr;
  }

  .p_my__panel--sticky{
    position:static;
  }
}

@media (max-width: 700px){
  .p_my{
    padding:18px 16px;
  }

  .p_my__panel{
    padding:16px;
  }

  .p_my__item{
    grid-template-columns:28px minmax(0, 1fr);
    align-items:flex-start;
  }

  .p_my__actions{
    grid-column:2;
    justify-content:flex-start;
  }

  .p_my__counter{
    min-height:32px;
  }
}

@media (max-width: 560px){
  .p_my{
    padding:16px 14px;
  }

  .p_my__panel{
    padding:14px;
  }

  .p_my__paneltitle{
    font-size:17px;
  }

  .p_my__paneldesc{
    font-size:12px;
  }

  .p_my__input{
    height:44px;
    padding:0 12px;
    font-size:13px;
  }

  .p_my__textarea{
    min-height:180px;
    padding:12px;
    font-size:13px;
  }

  .p_my__item{
    padding:12px;
    gap:10px;
  }

  .p_my__title{
    font-size:13px;
  }

  .p_my__url,
  .p_my__excerpt{
    font-size:12px;
  }

  .p_my__meta{
    font-size:11px;
    gap:8px 10px;
  }

  .p_my__action{
    min-height:34px;
    padding:0 12px;
    font-size:11px;
  }
}


.p_trash__topactions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.p_trash__ghostbtn,
.p_trash__dangerbtn,
.p_trash__successbtn{
  min-height:38px;
  padding:0 14px;
  border-radius:var(--radius-pill);
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-semibold);
  transition:all var(--t);
  display: flex;
  align-items: center;
}

.p_trash__ghostbtn:hover{
  border-color:var(--accent);
  color:var(--accent);
  background:var(--accent-06);
}

.p_trash__dangerbtn{
  border-color:rgba(220,38,38,.16);
  color:var(--danger);
}

.p_trash__dangerbtn:hover{
  background:rgba(220,38,38,.06);
  border-color:rgba(220,38,38,.28);
}

.p_trash__successbtn{
  border-color:rgba(22,163,74,.18);
  color:var(--success);
}

.p_trash__successbtn:hover{
  background:rgba(22,163,74,.06);
  border-color:rgba(22,163,74,.28);
}

.p_trash__warning{
  margin-bottom:18px;
  padding:12px 14px;
  border-radius:var(--radius);
  border:1px solid rgba(245,158,11,.18);
  background:rgba(245,158,11,.08);
  color:#9a6700;
  font-size:13px;
  line-height:1.55;
  font-weight:var(--fw-medium);
}

.p_trash__grid{
  display:grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap:6px;
}

.p_trash__card{
  position:relative;
  border:1px solid var(--border);
  border-radius:var(--radius-xs);
  background:#fff;
  overflow:hidden;
  transition:border-color var(--t), box-shadow var(--t);
}

.p_trash__card:hover{
  border-color:rgba(245,158,11,.30);
}

.p_trash__card.is-selected{
  border-color:var(--warning);
  box-shadow:0 0 0 2px rgba(245,158,11,.12);
}

.p_trash__thumbwrap{
  position:relative;
  display:block;
  aspect-ratio:1 / 1;
  background:var(--muted);
  overflow:hidden;
}

.p_trash__thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.p_trash__thumb--placeholder{
  width:100%;
  height:100%;
  background:linear-gradient(180deg, #efeff5 0%, #e6e6ee 100%);
}

.p_trash__hovermeta{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:26px 10px 9px;
  background:linear-gradient(180deg, rgba(20,20,26,0) 0%, rgba(20,20,26,.72) 100%);
  color:#fff;
  font-size:11px;
  line-height:1.35;
  font-weight:var(--fw-semibold);
  opacity:0;
  transform:translateY(4px);
  transition:opacity var(--t), transform var(--t);
  pointer-events:none;
}

.p_trash__thumbwrap:hover .p_trash__hovermeta,
.p_trash__card:hover .p_trash__hovermeta{
  opacity:1;
  transform:translateY(0);
}

.p_trash__body{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px;
}

.p_trash__check{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.p_trash__check input{
  position:absolute;
  inset:0;
  opacity:0;
  margin:0;
  cursor:pointer;
}

.p_trash__checkdot{
  width:18px;
  height:18px;
  border-radius:4px;
  border:1px solid var(--border-strong);
  background:#fff;
  transition:all var(--t);
  position:relative;
}

.p_trash__check input:checked + .p_trash__checkdot{
  background:var(--warning);
  border-color:var(--warning);
}

.p_trash__check input:checked + .p_trash__checkdot::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  width:4px;
  height:8px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

.p_trash__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex:1 1 auto;
}

.p_trash__iconbtn{
  width:30px;
  height:30px;
  border-radius:var(--radius-xs);
  border:1px solid var(--border);
  background:#fff;
  color:var(--text-2);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:all var(--t);
}

.p_trash__iconbtn svg{
  width:15px;
  height:15px;
  display:block;
}

.p_trash__iconbtn--success{
  color:var(--success);
  border-color:rgba(22,163,74,.14);
}

.p_trash__iconbtn--success:hover{
  color:var(--success);
  background:rgba(22,163,74,.06);
  border-color:rgba(22,163,74,.26);
}

.p_trash__iconbtn--danger{
  color:var(--danger);
  border-color:rgba(220,38,38,.14);
}

.p_trash__iconbtn--danger:hover{
  color:var(--danger);
  background:rgba(220,38,38,.06);
  border-color:rgba(220,38,38,.26);
}

.p_trash__bulkbar{
  position:sticky;
  bottom:12px;
  z-index:20;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
}

.p_trash__bulkbar.is-visible{
  display:flex;
}

.p_trash__bulkmeta{
  color:var(--text);
  font-size:13px;
  line-height:1.4;
  font-weight:var(--fw-semibold);
}

.p_trash__bulkactions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

@media (max-width: 980px){
  .p_trash__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .p_trash__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .p_trash__body{
    padding:6px;
    gap:6px;
  }

  .p_trash__iconbtn{
    width:28px;
    height:28px;
  }

  .p_trash__checkdot{
    width:16px;
    height:16px;
  }

  .p_trash__check input:checked + .p_trash__checkdot::after{
    left:4px;
    top:1px;
  }

  .p_trash__hovermeta{
    opacity:1;
    transform:none;
    padding:22px 8px 7px;
    font-size:10px;
  }

  .p_trash__bulkbar{
    flex-direction:column;
    align-items:stretch;
  }

  .p_trash__bulkactions{
    width:100%;
  }

  .p_trash__bulkactions button{
    flex:1 1 auto;
  }
}


.p_editphoto__layout{
  display:grid;
  grid-template-columns:320px minmax(0, 1fr);
  gap:18px;
}

.p_editphoto__previewpanel{
  align-self:start;
}

.p_editphoto__previewwrap{
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:#fff;
  overflow:hidden;
}

.p_editphoto__previewimg{
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  display:block;
}

.p_editphoto__previewplaceholder{
  width:100%;
  aspect-ratio:1 / 1;
  background:linear-gradient(180deg, #efeff5 0%, #e6e6ee 100%);
}

.p_editphoto__previewtext{
  margin-top:8px;
  color:var(--text-3);
  font-size:12px;
  line-height:1.45;
  font-weight:var(--fw-medium);
  text-align:center;
}

.p_editphoto__formpanel{
  min-width:0;
}

.p_editphoto__textarea{
  width:100%;
  min-height:220px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:var(--radius-xs);
  background:var(--panel);
  color:var(--text);
  outline:none;
  transition:border-color var(--t), background-color var(--t), box-shadow var(--t);
  resize:vertical;
}

.p_editphoto__textarea:hover{
  border-color:var(--border-strong);
}

.p_editphoto__textarea:focus{
  border-color:rgba(101, 9, 214, 0.35);
  background:#fff;
  box-shadow:0 0 0 4px rgba(101, 9, 214, 0.08);
}

.p_editphoto__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px;
  flex-wrap:wrap;
}

.p_editphoto__ghostbtn{
  min-height:42px;
  padding:0 18px;
  border-radius:var(--radius-pill);
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-semibold);
  transition:all var(--t);
  display: flex;
  align-items: center;
}

.p_editphoto__ghostbtn:hover,
.p_editphoto__backbtn:hover{
  border-color:var(--accent);
  color:var(--accent);
  background:var(--accent-06);
}

.p_editphoto__backbtn{
  min-height:38px;
  padding:0 14px;
  border-radius:var(--radius-pill);
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-semibold);
  display:inline-flex;
  align-items:center;
  transition:all var(--t);
}

@media (max-width: 860px){
  .p_editphoto__layout{
    grid-template-columns:1fr;
  }

  .p_editphoto__previewpanel{
    max-width:420px;
  }
}

@media (max-width: 560px){
  .p_editphoto__actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  .p_editphoto__ghostbtn,
  .p_editphoto__actions .p_settings__submit{
    width:100%;
    justify-content:center;
  }

  .p_editphoto__backbtn{
    min-height:36px;
    font-size:12px;
  }
}


/* =========================================================
   STATISTICS
   ========================================================= */

.p_statistics{
  padding:24px 0 0;
}

.p_statistics .blocos_pixe__head{
  margin-bottom:18px;
}

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

.p_statistics__statcard{
  position:relative;
  min-width:0;
  padding:18px 18px 16px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.82);
  overflow:hidden;
}

.p_statistics__statcard::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, #7B2CFF 0%, #A05BFF 100%);
}

.p_statistics__statlabel{
  display:block;
  color:var(--text-3);
  font-size:13px;
  line-height:1.3;
  font-weight:var(--fw-semibold);
}

.p_statistics__statvalue{
  display:block;
  margin-top:10px;
  color:var(--text);
  font-size:32px;
  line-height:1;
  font-weight:var(--fw-bold);
  letter-spacing:-0.03em;
}

.p_statistics__chartpanel{
  padding:20px;
}

.p_statistics__charthead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.p_statistics__charttitle{
  color:var(--text);
  font-size:20px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
  letter-spacing:-0.02em;
}

.p_statistics__chartdesc{
  margin-top:6px;
  color:var(--text-3);
  font-size:13px;
  line-height:1.55;
  font-weight:var(--fw-medium);
}

.p_statistics__chartchip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:#fff;
  color:var(--text);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-semibold);
  white-space:nowrap;
}

.p_statistics__chartbox{
  width:100%;
  min-height:300px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,245,255,.92) 100%);
  padding:12px 10px 6px;
  overflow:hidden;
}

.p_statistics__chartbox{
  width:100%;
  min-height:300px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background: var(--bg);
  padding:14px;
  overflow:hidden;
}

.p_statistics__chartcanvaswrap{
  position:relative;
  width:100%;
  height:320px;
}

.p_statistics__chartcanvas{
  display:block;
  width:100% !important;
  height:100% !important;
}


.p_statistics__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(280px, .7fr);
  gap:18px;
}

.p_statistics__panel{
  min-width:0;
}

.p_statistics__sources{
  display:grid;
  gap:14px;
}

.p_statistics__sourceitem{
  min-width:0;
}

.p_statistics__sourcetop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.p_statistics__sourcelabel{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text);
  font-size:14px;
  line-height:1.3;
  font-weight:var(--fw-semibold);
}

.p_statistics__sourcevalue{
  flex:0 0 auto;
  color:var(--accent);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-bold);
}

.p_statistics__sourcebar{
  position:relative;
  width:100%;
  height:10px;
  border-radius:999px;
  background:var(--muted-2);
  overflow:hidden;
}

.p_statistics__sourcefill{
  position:absolute;
  inset:0 auto 0 0;
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #7B2CFF 0%, #A05BFF 100%);
}

.p_statistics__miniinfo{
  display:grid;
  gap:12px;
}

.p_statistics__minirow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:var(--radius);
  background:rgba(101, 9, 214, 0.04);
  border:1px solid rgba(101, 9, 214, 0.08);
}

.p_statistics__minilabel{
  color:var(--text-2);
  font-size:13px;
  line-height:1.35;
  font-weight:var(--fw-semibold);
}

.p_statistics__minivalue{
  color:var(--text);
  font-size:16px;
  line-height:1;
  font-weight:var(--fw-bold);
}

.p_statistics__table{
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  background:rgba(255,255,255,.85);
}

.p_statistics__thead{
  display:grid;
  grid-template-columns:minmax(0, 1.5fr) 110px 150px minmax(0, 1.2fr);
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  background: var(--bg-global);
}

.p_statistics__thead span{
  color:var(--text-3);
  font-size:12px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.p_statistics__tr{
  display:grid;
  grid-template-columns:minmax(0, 1.5fr) 110px 150px minmax(0, 1.2fr);
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid rgba(20,20,26,.05);
  transition:background-color var(--t);
}

.p_statistics__tr:first-of-type{
  border-top:none;
}

.p_statistics__tr:hover{
  background:var(--accent-04);
}

.p_statistics__visitor{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.p_statistics__avatar{
  width:48px;
  height:48px;
  border-radius:10px;
  object-fit:cover;
  flex:0 0 auto;
  background:#fff;
  border:1px solid var(--border);
  padding:2px;
}

.p_statistics__visitorbody{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.p_statistics__visitorline{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}

.p_statistics__visitorname{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text);
  font-size:14px;
  line-height:1.25;
  font-weight:var(--fw-semibold);
}

.p_statistics__visitorname:hover{
  color:var(--accent);
}

.p_statistics__visitorname--anonymous{
  color:var(--text-2);
}

.p_statistics__visitdate{
  color:var(--text-3);
  font-size:12px;
  line-height:1.35;
  font-weight:var(--fw-medium);
}

.p_statistics__td{
  min-width:0;
  display:flex;
  align-items:center;
}

.p_statistics__hour{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:var(--radius-pill);
  background:var(--accent-06);
  color:var(--accent);
  font-size:12px;
  line-height:1;
  font-weight:var(--fw-semibold);
  white-space:nowrap;
}

.p_statistics__sourcechip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:var(--radius-pill);
  background:var(--muted);
  color:var(--text-2);
  font-size:12px;
  line-height:1;
  font-weight:var(--fw-semibold);
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.p_statistics__reflink,
.p_statistics__reftext{
  display:inline-block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.45;
  font-weight:var(--fw-medium);
}

.p_statistics__reflink{
  color:var(--accent);
}

.p_statistics__reflink:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

.p_statistics__reftext{
  color:var(--text-2);
}

@media (max-width: 980px){
  .p_statistics__stats{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .p_statistics__grid{
    grid-template-columns:1fr;
  }

  .p_statistics__miniinfo {
    grid-template-columns: 1fr 1fr;
  }

  .p_statistics__thead,
  .p_statistics__tr{
    grid-template-columns:minmax(0, 1.35fr) 96px 128px minmax(0, 1fr);
  }
}

@media (max-width: 700px){
  .p_statistics{
    padding-top:18px;
  }

  .p_statistics__stats{
    grid-template-columns:1fr;
    gap:10px;
  }

  .p_statistics__statcard{
    padding:16px 16px 14px;
  }

  .p_statistics__statvalue{
    font-size:28px;
  }

  .p_statistics__chartpanel{
    padding:14px;
  }

  .p_statistics__charthead{
    margin-bottom:12px;
  }

  .p_statistics__charttitle{
    font-size:18px;
  }

  .p_statistics__chartdesc{
    font-size:12px;
  }

  .p_statistics__chartchip{
    min-height:34px;
    padding:0 12px;
    font-size:12px;
    border-radius:var(--radius-pill);
  }

.p_statistics__chartbox{
  min-height:240px;
  padding:10px;
}

.p_statistics__chartcanvaswrap{
  height:260px;
}

  .p_statistics__table{
    border:none;
    border-radius:0;
    background:transparent;
    overflow:visible;
  }

  .p_statistics__thead{
    display:none;
  }

  .p_statistics__tr{
    grid-template-columns:1fr;
    gap:10px;
    padding:14px;
    border:1px solid var(--border);
    border-radius:var(--radius);
    background:rgba(255,255,255,.85);
    grid-template-columns: 1fr 1fr;
  }

  .p_statistics__tr + .p_statistics__tr{
    margin-top:10px;
  }

  .p_statistics__tr:first-of-type{
    border-top:1px solid var(--border);
  }

  .p_statistics__td{
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:5px;
  }

.p_statistics__td::before{
  content:attr(data-label);
  color:var(--text-3);
  font-size:11px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
  text-transform:uppercase;
  letter-spacing:.04em;
}

  .p_statistics__reflink,
  .p_statistics__reftext{
    white-space:normal;
    word-break:break-word;
  }
}

@media (max-width: 560px){
  .p_statistics__statlabel{
    font-size:12px;
  }

  .p_statistics__statvalue{
    font-size:24px;
  }

  .p_statistics__charttitle{
    font-size:17px;
  }

  .p_statistics__chartbox{
    min-height:220px;
  }

  .p_statistics__chartylabel,
  .p_statistics__chartxlabel{
    font-size:10px;
  }

  .p_statistics__sourcelabel{
    font-size:13px;
  }

  .p_statistics__sourcevalue{
    font-size:12px;
  }

  .p_statistics__minirow{
    padding:11px 12px;
  }

  .p_statistics__minilabel{
    font-size:12px;
  }

  .p_statistics__minivalue{
    font-size:15px;
  }

  .p_statistics__tr{
    padding:12px;
  }

  .p_statistics__visitor{
    gap:10px;
  }

  .p_statistics__avatar{
    width:42px;
    height:42px;
    border-radius:8px;
  }

  .p_statistics__visitorname{
    font-size:13px;
  }

  .p_statistics__visitdate{
    font-size:11px;
  }

  .p_statistics__hour,
  .p_statistics__sourcechip{
    min-height:28px;
    padding:0 10px;
    font-size:11px;
  }

  .p_statistics__reflink,
  .p_statistics__reftext{
    font-size:12px;
  }

  .p_statistics__chartcanvaswrap{
  height:220px;
}
}


.blocos_pixe{
  background: rgba(229,232,235,.4);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  margin-top: 2rem;
}

.blocos_pixe__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:24px;
  flex-wrap:wrap;
}

.blocos_pixe__headleft{
  min-width:0;
  flex:1 1 auto;
}

.blocos_pixe__headright{
  flex:0 0 auto;
  margin-left:auto;
}

.blocos_pixe__title{
  margin:0;
  color:var(--text);
  font-size:20px;
  line-height:125%;
  font-weight:var(--fw-semibold);
  letter-spacing:-0.02em;
}

.blocos_pixe__desc{
  margin:0;
  color:var(--text-3);
  font-size:14px;
  line-height:1.5;
  text-align:right;
  white-space:nowrap;
}

.blocos_pixe__body{
  min-width:0;
}

.blocos_pixe__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, 120px);
  gap:24px 18px;
}

.blocos_pixe__card{
  width:120px;
  min-width:0;
}

.blocos_pixe__thumbwrap{
  position:relative;
  display:block;
  width:120px;
  height:120px;
  border-radius:4px;
  border:1px solid #ddd;
  box-shadow:0 1px 3px rgba(0,0,0,.055);
  padding:4px;
  transition:all .35s;
  background:#fff;
}

.blocos_pixe__thumbwrap:hover{
  border-color:var(--accent);
  box-shadow:0 1px 4px var(--accent-18);
  transition:all .35s;
}

.blocos_pixe__thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.blocos_pixe__thumb--placeholder{
  background:linear-gradient(180deg, #efeff5 0%, #e6e6ee 100%);
}

.blocos_pixe__time{
  position:absolute;
  right:10px;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:0 5px;
  border-radius:var(--radius-pill);
  background:rgb(45 45 52 / 33%);
  backdrop-filter:blur(10px);
  color:var(--bg);
  font-size:10px;
  line-height:1;
  font-weight:var(--fw-medium);
  letter-spacing:-0.01em;
  white-space:nowrap;
}

.blocos_pixe__meta{
  margin-top:5px;
}

.blocos_pixe__user{
  display:flex;
  align-items:center;
  gap:3px;
  min-width:0;
  color:var(--text);
}

.blocos_pixe__badges{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
}

.blocos_pixe__badges .subscription-badge{
  width:16px;
  height:16px;
  display:block;
  object-fit:contain;
}

.blocos_pixe__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text-link);
  font-size:13px;
  line-height:1.25;
  font-weight:var(--fw-medium);
}

.blocos_pixe__name:hover{
  color:var(--accent);
}

.blocos_pixe__verified{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
}

.blocos_pixe__verified img,
.blocos_pixe__verified svg{
  width:18px;
  height:18px;
  display:block;
}

.blocos_pixe__empty{
  margin:0;
  color: var(--text-3);
  font-size:14px;
  line-height:1.6;
}

@media (max-width: 700px){
  .blocos_pixe__head{
    align-items:flex-start;
  }

  .blocos_pixe__headright{
    width:100%;
    margin-left:0;
  }

  .blocos_pixe__desc{
    text-align:left;
    white-space:normal;
  }
}

.spinner{
    animation: recover-spin .8s linear infinite;
}

.spinner .path{
    stroke: currentColor;
    stroke-linecap: round;
}

.spinner-container{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:8px;
}

@keyframes recover-spin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

.p_loginmodal__error.is-success{
  display:block !important;
  color:var(--success);
  background:var(--success-08);
  border:1px solid var(--success-12);
}


/* =========================================================
   LIKE MODAL
   segue o padrão visual do Modal Padrão do Pixelog
========================================================= */

html.px-like-modal-open,
body.px-like-modal-open{
  overflow:hidden;
}

.px-like-modal{
  position:fixed;
  inset:0;
  z-index:1250;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 16px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--t), visibility var(--t);
}

.px-like-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.px-like-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(20,20,26,.6);
}

.px-like-modal__dialog{
  position:relative;
  width:min(100%, 560px);
  max-height:min(92vh, 900px);
  margin:auto;
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border:1px solid var(--border-2);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transform:translateY(10px) scale(.985);
  transition:transform var(--t);
}

.px-like-modal.is-open .px-like-modal__dialog{
  transform:translateY(0) scale(1);
}

.px-like-modal__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:60px;
  padding:0 18px 0 20px;
  background:var(--panel);
  border-bottom:1px solid var(--border);
  flex:0 0 auto;
}

.px-like-modal__title{
  min-width:0;
  color:var(--text);
  font-size:18px;
  line-height:1.2;
  font-weight:var(--fw-semibold);
  letter-spacing:-0.02em;
}

.px-like-modal__close{
  width:36px;
  height:36px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--text-3);
  flex:0 0 auto;
  font-size:24px;
  line-height:1;
  transition:background-color var(--t), color var(--t), opacity var(--t), transform var(--t);
}

.px-like-modal__close:hover{
  background:var(--muted);
  color:var(--text);
}

.px-like-modal__close:active{
  opacity:.88;
  transform:scale(.98);
}

.px-like-modal__body{
  padding:0;
  background:var(--panel);
  overflow:auto;
  overflow-x:hidden;
  flex:1 1 auto;
  min-height:0;
}

.px-like-modal__body::-webkit-scrollbar{
  width:8px;
}

.px-like-modal__body::-webkit-scrollbar-thumb{
  background:rgba(20,20,26,.12);
  border-radius:999px;
}

.px-like-modal__body::-webkit-scrollbar-track{
  background:transparent;
}

.px-like-modal__list{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.px-like-modal__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  padding:14px 20px;
  border-bottom:1px solid var(--border);
  background:var(--panel);
  transition:background-color var(--t);
}

.px-like-modal__item:last-child{
  border-bottom:0;
}

.px-like-modal__item:hover{
  background:var(--panel-2);
}

.px-like-modal__main{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:12px;
}

.px-like-modal__avatarlink{
  flex:0 0 auto;
  display:block;
  text-decoration:none;
}

.px-like-modal__avatar{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  background:var(--muted);
  border:1px solid var(--border);
}

.px-like-modal__meta{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
}

.px-like-modal__link{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--text);
  text-decoration:none;
}

.px-like-modal__link:hover .px-like-modal__username{
  text-decoration:underline;
}

.px-like-modal__username{
  display:block;
  min-width:0;
  color:var(--text);
  font-size:14px;
  line-height:1.25;
  font-weight:var(--fw-semibold);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.px-like-modal__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}

.px-like-modal__followbtn{
  min-height:36px;
  padding:0 16px;
  border:1px solid transparent;
  border-radius:var(--radius-pill);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--accent);
  color:#FFFFFF;
  font-family:var(--ff);
  font-size:13px;
  line-height:1;
  font-weight:var(--fw-semibold);
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:all var(--t);
  appearance:none;
  -webkit-appearance:none;
}

.px-like-modal__followbtn:hover{
  filter:brightness(.96);
}

.px-like-modal__followbtn:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px var(--accent-12);
}

.px-like-modal__followbtn.is-following,
.px-like-modal__followbtn.following{
  background:transparent;
  color:var(--text);
  border-color:var(--border-strong);
}

.px-like-modal__followbtn.is-following:hover,
.px-like-modal__followbtn.following:hover{
  border-color:var(--accent);
  color:var(--accent);
  filter:none;
}

.px-like-modal__loading,
.px-like-modal__empty,
.px-like-modal__error{
  padding:22px 20px;
  color:var(--text-2);
  font-size:14px;
  line-height:1.6;
  font-weight:var(--fw-medium);
}

.px-like-modal__empty{
  color:var(--text-3);
}

.px-like-modal__error{
  color:var(--danger);
}

@media (max-width:768px){
  .px-like-modal{
    padding:12px;
    align-items:flex-end;
  }

  .px-like-modal__dialog{
    width:100%;
    max-height:min(88vh, 900px);
    border-radius:14px 14px 0 0;
    transform:translateY(14px);
  }

  .px-like-modal.is-open .px-like-modal__dialog{
    transform:translateY(0);
  }

  .px-like-modal__header{
    min-height:56px;
    padding:0 14px 0 16px;
  }

  .px-like-modal__title{
    font-size:16px;
  }

  .px-like-modal__item{
    padding:13px 16px;
    gap:12px;
  }

  .px-like-modal__avatar{
    width:44px;
    height:44px;
  }

  .px-like-modal__username{
    font-size:13px;
  }

  .px-like-modal__followbtn{
    min-height:34px;
    padding:0 12px;
    font-size:12px;
  }

  .px-like-modal__loading,
  .px-like-modal__empty,
  .px-like-modal__error{
    padding:18px 16px;
    font-size:13px;
  }
}

@media (max-width:560px){
  .px-like-modal__item{
    align-items:flex-start;
    flex-direction:column;
  }

  .px-like-modal__main,
  .px-like-modal__actions{
    width:100%;
  }

  .px-like-modal__actions{
    padding-left:56px;
  }

  .px-like-modal__followbtn{
    width:100%;
  }
}