/* Masonry plugin stylesheet
   - Consolidated layout classes: .quarto, .terco, .meio, .doisTerco/.doisTercos
   - Theme-level rules for these classes were moved here.
*/

/* Base container for absolute masonry positioning */
.conteudo{
  position: relative;
  box-sizing: border-box;
}

/* Smooth reposition animation */
.doisTercos,
.doisTerco,
.terco,
.meio,
.quarto{
  box-sizing: border-box;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
  background: #FFF;
  padding: 10px;
  border-radius: 10px;
}

/* Fallback widths (JS will set inline widths when masonry runs) */
.quarto, .terco, .meio, .doisTerco, .doisTercos{
  width: calc(100% - 20px);
}
.terco{
    text-align: center;
}
@media (max-width: 499px){
  .quarto{ width: calc(50% - 20px); }
  .terco, .meio, .doisTerco, .doisTercos{ width: calc(100% - 20px);}
  .terco{margin: 0 10px;}
}
@media (min-width: 500px) and (max-width: 900px){
  .quarto{ width: calc(33.333% - 20px); }
  .terco{ width: calc(33.333% - 20px); }
  .doisTerco, .doisTercos{ width: calc(66.666% - 20px); }
  .meio{ width: calc(50% - 20px); }
}
@media (min-width: 901px){
  .quarto{ width: calc(25% - 20px); }
  .terco{ width: calc(33.333% - 20px); }
  .doisTerco, .doisTercos{ width: calc(66.666% - 20px); }
  .meio{ width: calc(50% - 20px); }
}

/* ===== Theme rules migrated from style.css ===== */

.conteudo .doisTercos, .conteudo .terco, .conteudo .meio {
    box-sizing: border-box;
    overflow: hidden;
}
.terco.videos {
    padding: 0;
    border-radius: 10px;
}
.terco.card {
  padding: 0;
  background: transparent;
  width: calc(100% - 20px);
}
.post_content .doisTercos img {
    width: 100%;
    float: none;
    margin-left: 0;
}
.conteudo .doisTercos {
    padding-bottom: 20px;
}
@media screen and (min-width: 700px) {
  .meio {
    width: 48%;
  }
  .terco {
        width: 39%;
        margin-left: 0;
    }
  .terco.card {
    /*margin-top: -6px !important;*/
  }
  .quarto {
    width: 23%;
  }
  .doisTercos {
    width: 58%;
  }
  .doisTercos h4 {
    text-align: left;
  }
  .post_content .doisTercos img {
    width: 50%;
    float: right;
    margin-left: 20px;
  }
}
.page-template-page-blog .terco, .page-template-page-biblioteca .terco {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 2px #fff solid;
}
.category-daemons .quarto, .category-anjos .quarto, .category-orixa .quarto {
  border-radius: 20px;
  overflow: hidden;
  margin-top: 20px;
}
.terco.videos img {
  object-fit: contain;
}
.post_content .doisTercos img {
  position: relative;
  width: 100%;
  float: none;
  margin-left: 0;
}
article:has(.doisTercos) {
  max-width: 1200px;
}
.doisTercos li {
  margin-left: 20px;
}
.page-id-26468 section.post_content.doisTercos {
  margin: 0 !important;
}

/* ===== Existing plugin rules (cleaned) ===== */

.conteudo {
  position: relative;
  box-sizing: border-box;
}

.conteudo .doisTercos,
.conteudo .terco {
  /*position: absolute;*/
  box-sizing: border-box;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
}
.imagem-lista {
    padding: 0 !important;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #FFF;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    /* Fundo base do shimmer */
    background: #1e1030;
}

/* Shimmer via pseudo-elemento com transform (composited — sem paint/layout a cada frame) */
.imagem-lista::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 25%, rgba(42, 21, 69, 0.7) 50%, transparent 75%);
    transform: translateX(-100%);
    animation: czimagem-shimmer 1.6s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}

@keyframes czimagem-shimmer {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(200%); }
}

/* height: auto + display: block permite ao browser reservar espaço
   a partir dos atributos width/height do <img> gerados pelo WordPress — elimina CLS */
.imagem-lista img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
}
.terco.video-direto{
    padding: 2px 2px 0 2px !important;
}