#FlogBody *{font-size: 12px;}#FlogBody ::-moz-selection{ color: #000; background-color: #dfd20c;}#FlogBody ::selection{cursor: crosshair;color: #000; background-color: #dfd20c;}#FlogBody .conteudo{max-width: 1030px;}#FlogBody .flog-post-view__image{background-color: #fff; border: 3px solid #fff;outline: 1px solid #000; border-radius: 0px;padding:1px;gap: 0px;}#FlogBody .flog-footer{position: relative;font-weight: normal; padding: 0px; font-size: 5px;text-transform: lowercase !important; border-bottom: 5px solid #000; text-align: center;background:transparent;color: #000;margin-bottom: -60px;border-radius:0px;opacity:100%;transition-duration: 1.5s;text-transform:uppercase; }#FlogBody .flog-footer:hover{opacity:80%; border-bottom: 5px solid #dfd20c;}#FlogBody .post-title{cursor: crosshair;
text-transform: uppercase;
background-color: #fff;
border: 0px solid #fff;outline: 0px solid #000;
border-bottom: 5px solid #dfd20c;
border-radius: 0px;
box-shadow: 0 1px 20px rgb(0 0 0 / 25%);
width: fit-content;
padding: 10px;
transform: translateY(10px);
transform: translate(120px);
transition: all 0.3s
ease;
letter-spacing: 2px;
font-size: 9px;font-style: none; }#FlogBody .post-title:hover{color: #464646; border-bottom: 5px solid #000;
}#FlogBody .post{margin-top: 20px; font-size: 12px;box-shadow: 0 2px 10px rgb(0 0 0 / 50%);text-transform: none; border-radius: 0px; border: 2px solid #fff;outline: 1px solid #000;background-color:#fff; padding: 18px; text-align: justify;
width: 450px;
backdrop-filter: blur(8px);
position: relative; overflow: hidden; isolation: isolate;transition-duration: 1.8s;}#FlogBody .post:hover{background-color: #000; color: #fff;transition-duration: 1.5s;}#FlogBody .post::first-letter{initial-letter: 3;font-family: georgia; color: #dfd20c;transition-duration: 1.5s;cursor: crosshair;text-shadow: 0 2px 10px rgb(0 0 0 / 20%);text-decoration: italic;padding: 0px 5px 0px 0px;}#FlogBody .latest-photos img{opacity: 100%;  transition-duration: 0.1s; cursor: crosshair; }#FlogBody .latest-photo-img:hover{opacity: 100%;}#FlogBody .latest-photo-item{cursor: crosshair;
  border: 3px solid #fff;
  outline: 1px solid #000;
  opacity: 80%; 
  transition-duration: 0.1s;   
  filter: grayscale(100%);}#FlogBody .latest-photo-item:hover{opacity: 100%; filter: grayscale(0%);}#FlogBody .friend-thumbnail{opacity: 80%;  transition-duration: 0.1s;  
  transform:scale: (0.);
  border: 3px solid #fff;
  outline: 1px solid #000;
filter: grayscale(100%);}#FlogBody .friend-thumbnail:hover{ cursor: crosshair; opacity: 100%;
filter: grayscale(0%);}#FlogBody .friends-list .name-friend{display:none;}#FlogBody .sidebar-right .friends-list .friend-item:nth-child(n+4){
  display: none !important;}#FlogBody .sidebar-left .latest-photo-item:nth-child(n+3){  display: none !important;}#FlogBody .flogastico-banner-central__titulo{letter-spacing: -2px;margin-top: -25px;font-size: 27px;transition-duration: 0.2s; cursor: crosshair;}#FlogBody .flogastico-banner-central__titulo:hover{letter-spacing: -1px;transition-duration: 0.2s;color: #dfd20c;}#FlogBody .subtitulo{letter-spacing: -1px;text-transform:lowercase;}#FlogBody .barra-px{
  position: relative;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 740px;
  padding: 10px;
  border-radius: 50px;
backdrop-filter: none;
  box-shadow: 0 0px 0px var(--shadow);}#FlogBody .barra-px--principal{background:transparent;backdrop-filter: blur(0px);border: transparent;}#FlogBody .barra-px__inner{  background:transparent !important;border-radius: 80px;  padding: 5px;  text-align: center;opacity:70%;}#FlogBody .botao-primario{
  background: none;    
  opacity: 90%;
  color: #000;
  font-size: 11px;
  text-transform:uppercase;
  border: 1px solid #ccc;
  border-radius: 0px;}#FlogBody .barra__logo-svg{filter: grayscale(100%);}#FlogBody .barra__logo-svg:hover{filter: grayscale(0%);}#FlogBody .usuario-px__avatar{
  border-radius: 0%;
  border: 1px solid #fff;
  outline: 1px solid  #000;}#FlogBody .usuario-px{
  opacity: 50%;
  display: inline-flex;
  padding: 2px;
  border-radius: 0px;
background: none !important; opacity: 80%;
transition-duration: 0.2s;
letter-spacing: -1px;}#FlogBody .usuario-px:hover{
  opacity: 100%;
  color: #fff !important;
    display: inline-flex;
    padding: 2px;
background: #fff !important; opacity: 100%;}#FlogBody .dropdown-px__painel{
    position: absolute;
    left: 0px;
    color: #fff !important;
    background-color: #ccc;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
    width: 100px;
    padding: 10 0;
    margin-top: 10px;
    opacity: 100%;
    transition: all 0.3s ease;
    z-index: 100;
  text-transform: uppercase;}#FlogBody .dropdown-px__item{
  color: #000;
    display: flex;
    align-items: center;
    gap: 0px;
    min-height:30px;
    padding: 5px;
    border-radius: 0px;
    text-decoration: none;
    font-size: 10px;
    line-height: 0.5;
    font-weight: var(--fw-normal);}#FlogBody .dropdown-px__item:hover{background: #000; color: #dfd20c;}#FlogBody .dropdown-px__rodape-link{color: #000 !important;}#FlogBody .dropdown-px__separador{background: #000;}#FlogBody .comment-textarea{border-radius: 0px;background-color: #fff;border: 2px solid #fff;outline: 1px solid #ccc;color: #000;}#FlogBody .comment-submit{cursor: crosshair; text-transform: uppercase; font-size: 7px;  color: #000 !important; padding: 8px;font-weight: normal; letter-spacing:2px;}#FlogBody .comment-textarea::placeholder{display:none;opacity:0;}#FlogBody .perfil__comentario-avatar{filter: grayscale(100%);transition-duration: 0.5s; width: 60px !important;  height: 60px !important;  object-fit: cover;opacity:80%;border-radius:0px; padding: 2px; border: 1px solid #dfd20c;}#FlogBody .perfil__comentario-avatar:hover{filter: grayscale(0%);transition-duration: 0.5s;opacity:100%;border: 1px solid #000;}#FlogBody .perfil__secao-titulo{max-width: 150px !important;border-bottom: 5px solid #dfd20c; border-radius: 0px;}#FlogBody .subtitulo{max-width: 180px;border-bottom: 5px solid #dfd20c;border-radius: 0px;}#FlogBody .post::before{
    content: "";
    position: absolute;
    inset: -20px;
    z-index: 20;
    pointer-events: none;

    opacity: 0;
    visibility: hidden;

    
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(255, 235, 160, 0.32) 0%,
            rgba(255, 215, 100, 0.15) 18%,
            rgba(180, 130, 35, 0.08) 38%,
            transparent 68%
        );

    filter:
        blur(5px)
        brightness(1.35);

    transform: scale(1.08);

    transition:
        opacity .35s ease,
        visibility 0s linear 3.5s;

    animation: none;
}#FlogBody .post::after{
    content: "";
    position: absolute;
    z-index: 21;
    pointer-events: none;

    width: 5px;
    height: 5px;

    left: 50%;
    top: 50%;

    border-radius: 50%;

    background: #fff8c9;

    opacity: 0;
    visibility: hidden;

    box-shadow:

        
        -120px -90px 0 1px rgba(255,245,190,.95),
         -85px -35px 0 0 rgba(255,220,110,.85),
         -42px -120px 0 1px rgba(255,250,210,.9),
          15px -75px 0 0 rgba(255,225,120,.9),
          75px -115px 0 1px rgba(255,245,180,.9),
         125px -45px 0 0 rgba(255,220,110,.8),

        -145px  15px 0 0 rgba(255,235,150,.9),
         -75px  55px 0 1px rgba(255,250,210,.9),
         -20px  95px 0 0 rgba(255,220,110,.8),
          55px  70px 0 1px rgba(255,245,180,.95),
         120px  25px 0 0 rgba(255,225,120,.9),

        -105px 120px 0 0 rgba(255,250,210,.8),
          25px 135px 0 1px rgba(255,225,120,.85),
         145px 105px 0 0 rgba(255,245,180,.9);

    filter:
        drop-shadow(0 0 5px rgba(255,220,100,.95))
        drop-shadow(0 0 12px rgba(255,190,50,.7));

    transform: scale(.2) rotate(0deg);

    animation: none;
}#FlogBody .post:hover::before{
    opacity: 1;
    visibility: visible;

    animation:
        magiaCobrindo 1.15s ease-out forwards,
        magiaDesaparece 1.4s ease-in 2.1s forwards;
}#FlogBody .post:hover::after{
    opacity: 1;
    visibility: visible;

    animation:
        particulasMagicas 3.5s ease-out forwards;
}@keyframes magiaCobrindo{

    0% {
        opacity: 0;
        transform: scale(.75);
        filter:
            blur(14px)
            brightness(1);
    }

    35% {
        opacity: .75;
        transform: scale(1);
        filter:
            blur(8px)
            brightness(1.6);
    }

    70% {
        opacity: 1;
        transform: scale(1.08);
        filter:
            blur(5px)
            brightness(2);
    }

    100% {
        opacity: .92;
        transform: scale(1.12);
        filter:
            blur(4px)
            brightness(1.5);
    }
}@keyframes magiaDesaparece{

    0% {
        opacity: .92;
        transform: scale(1.12);
        filter:
            blur(4px)
            brightness(1.5);
    }

    45% {
        opacity: .45;
        transform: scale(1.04);
        filter:
            blur(8px)
            brightness(1.2);
    }

    100% {
        opacity: 0;
        transform: scale(1);
        filter:
            blur(15px)
            brightness(1);
    }
}@keyframes particulasMagicas{

    0% {
        opacity: 0;
        transform:
            translate(-50%, -50%)
            scale(.15)
            rotate(0deg);
    }

    12% {
        opacity: 1;
        transform:
            translate(-50%, -50%)
            scale(.7)
            rotate(20deg);
    }

    40% {
        opacity: 1;
        transform:
            translate(-50%, -50%)
            scale(1)
            rotate(90deg);
    }

    72% {
        opacity: .85;
        transform:
            translate(-50%, -50%)
            scale(1.15)
            rotate(180deg);
    }

    100% {
        opacity: 0;
        transform:
            translate(-50%, -50%)
            scale(1.5)
            rotate(270deg);
    }
}#FlogBody .post::before{
    content: "";
    position: absolute;
    inset: -20px;
    z-index: 20;
    pointer-events: none;

    opacity: 0;
    visibility: hidden;

    
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(255, 235, 160, 0.32) 0%,
            rgba(255, 215, 100, 0.15) 18%,
            rgba(180, 130, 35, 0.08) 38%,
            transparent 68%
        );

    filter:
        blur(5px)
        brightness(1.35);

    transform: scale(1.08);

    transition:
        opacity .35s ease,
        visibility 0s linear 3.5s;

    animation: none;
}#FlogBody .post::after{
    content: "";
    position: absolute;
    z-index: 21;
    pointer-events: none;

    width: 5px;
    height: 5px;

    left: 50%;
    top: 50%;

    border-radius: 50%;

    background: #fff8c9;

    opacity: 0;
    visibility: hidden;

    box-shadow:
   
        -120px -90px 0 1px rgba(255,245,190,.95),
         -85px -35px 0 0 rgba(255,220,110,.85),
         -42px -120px 0 1px rgba(255,250,210,.9),
          15px -75px 0 0 rgba(255,225,120,.9),
          75px -115px 0 1px rgba(255,245,180,.9),
         125px -45px 0 0 rgba(255,220,110,.8),

        -145px  15px 0 0 rgba(255,235,150,.9),
         -75px  55px 0 1px rgba(255,250,210,.9),
         -20px  95px 0 0 rgba(255,220,110,.8),
          55px  70px 0 1px rgba(255,245,180,.95),
         120px  25px 0 0 rgba(255,225,120,.9),

        -105px 120px 0 0 rgba(255,250,210,.8),
          25px 135px 0 1px rgba(255,225,120,.85),
         145px 105px 0 0 rgba(255,245,180,.9);

    filter:
        drop-shadow(0 0 5px rgba(255,220,100,.95))
        drop-shadow(0 0 12px rgba(255,190,50,.7));

    transform: scale(.2) rotate(0deg);

    animation: none;
}#FlogBody .fantasminha-px{
    position: fixed;

    
    right: 15%;
    top: 52%;
    width: 100px;
    height: 150px;
    z-index: 999;
    pointer-events: none;
    background: linear-gradient(
        145deg,
      rgb(180, 180, 180) 0%,
       rgb(210, 210, 210) 55%,
        rgb(240, 240, 240) 100%
    );

    border-radius: 48% 48% 35% 35%;

    clip-path: polygon(
        0% 0%,
        100% 0%,
        100% 81%,
        84% 100%,
        67% 88%,
        50% 100%,
        32% 88%,
        15% 100%,
        0% 82%
    );



    animation:
        fantasma-flutuar 4s ease-in-out infinite,
        fantasma-aparecer 1.5s ease-out both;
}#FlogBody .fantasminha-brilho{
    position: absolute;
    inset: -8px;

    background: radial-gradient(
        ellipse,
        #fff 0%,
        rgb(240, 240, 240)
 45%,
        transparent 72%
    );

    filter: blur(8px);
    z-index: -1;

    animation: fantasma-aura 3s ease-in-out infinite;
}#FlogBody .fantasminha-olho{
    position: absolute;
    top: 29px;

    width: 7px;
    height: 11px;

    background: #20252d;
    border-radius: 50%;

    box-shadow: 0 0 3px rgba(40,50,70,.2);
}#FlogBody .olho-esquerdo{
    left: 25px;
    transform: rotate(8deg);
}#FlogBody .olho-direito{
    right: 25px;
    transform: rotate(-8deg);
}#FlogBody .fantasminha-boca{
    position: absolute;
    top: 50px;
    left: 50%;

    width: 15px;
    height: 6px;

    border-bottom: 2px solid #343c49;
    border-radius: 0 0 50% 50%;

    transform: translateX(-50%);
}#FlogBody .fantasminha-bochecha{
    position: absolute;
    top: 43px;
    width: 9px;
    height: 5px;
    border-radius: 50%;
    background: rgba(244,155,174,.38);
    filter: blur(2px);
  opacity: 70%;
}#FlogBody .bochecha-esquerda{
    left: 13px;
}#FlogBody .bochecha-direita{
    right: 13px;
}@keyframes fantasma-flutuar{
    0%, 100% {
        transform: translateY(0) rotate(-4deg);
    }

    25% {
        transform: translateY(-15px) rotate(2deg);
    }

    50% {
        transform: translateY(-7px) rotate(5deg);
    }

    75% {
        transform: translateY(-20px) rotate(-2deg);
    }
}@keyframes fantasma-aparecer{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}@keyframes fantasma-aura{
    0%, 100% {
        opacity: .45;
        transform: scale(.9);
    }

    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}@media (max-width: 767px){#FlogBody .fantasminha-px{
        display: none;
    }}@media (prefers-reduced-motion: reduce){#FlogBody .fantasminha-px,#FlogBody .fantasminha-brilho{
        animation: none;
    }}#FlogBody .fantasminha-px{
  pointer-events: auto;
    transition:
        opacity 8.5s ease,
        filter 0s ease;
  transition-duration: 2s; 
}#FlogBody .fantasminha-px:hover{
    opacity: 0 !important 2.5s ease;
    filter: blur(100px);
}#FlogBody .magic-overlay{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:9999;
    overflow:hidden;
}#FlogBody .letters-container{
    position:absolute;
    inset:0;
}#FlogBody .hogwarts-letter{
    position:absolute;
    width:58px;
    height:40px;
    background:linear-gradient(145deg,#fff8dc,#f4e3b2);
    border-radius:4px;
    box-shadow:
      0 4px 12px rgba(0,0,0,.25),
      0 0 15px rgba(255,215,0,.25);
    animation:fly 10s linear forwards;
    opacity:0;
}#FlogBody .hogwarts-letter::before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    background:#8b0000;
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}#FlogBody .hogwarts-letter::after{
    content:"";
    position:absolute;
    inset:0;
    clip-path:polygon(0 0, 50% 50%, 100% 0);
    background:rgba(255,255,255,.35);
}@keyframes fly{
    0%{
        transform:translateY(110vh) translateX(0) rotate(0deg);
        opacity:0;
    }
    10%{
        opacity:1;
    }
    50%{
        transform:translateY(45vh) translateX(120px) rotate(180deg);
    }
    100%{
        transform:translateY(-20vh) translateX(-120px) rotate(360deg);
        opacity:0;
    }
}#FlogBody .l1{left:5%; animation-delay:0s;}#FlogBody .l2{left:12%; animation-delay:1s;}#FlogBody .l3{left:20%; animation-delay:2s;}#FlogBody .l4{left:28%; animation-delay:3s;}#FlogBody .l5{left:36%; animation-delay:4s;}#FlogBody .l6{left:44%; animation-delay:5s;}#FlogBody .l7{left:52%; animation-delay:1.5s;}#FlogBody .l8{left:60%; animation-delay:2.5s;}#FlogBody .l9{left:68%; animation-delay:3.5s;}#FlogBody .l10{left:76%; animation-delay:4.5s;}#FlogBody .l11{left:84%; animation-delay:5.5s;}#FlogBody .l12{left:92%; animation-delay:6s;}