/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 30 2026 | 18:16:24 */
/* Bloqueio total de altura - O JS não vai conseguir contornar isto */
.pcp-wrapper-38955 .swiper-container,
.pcp-wrapper-38955 .sp-pcp-post-show-section,
.pcp-wrapper-38955 .swiper-wrapper {
    height: 400px !important;
    max-height: 400px !important;
    min-height: 350px !important;
    overflow: hidden !important;
}

/* Forçar os slides a serem horizontais custe o que custar */
.pcp-wrapper-38955 .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 10000px !important; /* Valor absurdo para garantir que cabem lado a lado */
}

.pcp-wrapper-38955 .swiper-slide {
    height: 380px !important;
    flex-shrink: 0 !important;
}



/* 1. O PAI (Controle de altura e posição) */
.pcp-wrapper-38955 .sp-pcp-post {
    position: relative !important;
    display: block !important;
    height: 380px !important; /* Altura total do post */
    overflow: hidden !important;
    background: none !important; /* Remove qualquer fundo do pai */
}

/* 2. A IMAGEM (Thumbnail de fundo total) */
.pcp-wrapper-38955 .pcp-post-thumb-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    background: none !important;
}

.pcp-wrapper-38955 .pcp-post-thumb-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 3. A CAMADA FANTASMA DO GRADIENTE (O segredo para não cortar a imagem) */
.pcp-wrapper-38955 .sp-pcp-post::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 55% !important; /* Cobre 70% da altura do post a partir do fundo */
    z-index: 2 !important; /* Fica entre a imagem e o texto */
    
    /* Gradiente Real: Começa 100% transparente no topo para ver a foto */
    background: linear-gradient(
        to bottom, 
        rgba(0,0,0,0) 0%, 
        rgba(0,0,0,0.8) 35%, 
        rgba(0,0,0,0.95) 100%
    ) !important;
    
    pointer-events: none !important; /* Garante que os cliques passam para o texto/link */
}

/* 4. O BLOCO DE TEXTO (Agora 100% transparente para flutuar) */
.pcp-wrapper-38955 .sp-pcp-post-details {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 3 !important; /* Fica por cima de tudo */
    padding: 10px !important;
    box-sizing: border-box !important;
	
    
    /* FORÇAR TRANSPARÊNCIA TOTAL DO BLOCO DE TEXTO */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    
    /* Mantém o translate dinâmico (35px vs 70px) do script */
    transition: transform 0.3s ease-out !important;
}

/* 5. CORES DO TEXTO (Forçar branco para contraste sobre o gradiente) */
.sp-pcp-title a {
	color: #ffffff !important;
	font-weight: bold !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
}

.sp-pcp-post-meta ul li,
.sp-pcp-post-meta ul li a {
	color: #ffffff !important;
}

.sp-pcp-post-content p {
	color: #dddddd !important;
	font-size: 13px !important;
}

/* Mantém os ajustes anteriores (bullets, meta em linha, 3 linhas) */
.sp-pcp-post-meta ul {
	display: flex !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	gap: 15px;
}

.sp-pcp-post-meta ul li {
	list-style: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px;
}

.sp-pcp-post-meta ul li::before {
	content: none !important;
}

.sp-pcp-post-content p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
	max-height: 4.2em;
}