/*
 * custom.css — parroquial.es
 * Tema hijo: GeneratePress Child (Almacén Child)
 * Última revisión: mayo 2026
 */


/* ══════════════════════════════════════════════════════════
   CABECERA — alineación del título del sitio
══════════════════════════════════════════════════════════ */

.site-wordmark {
    margin-left: -40px !important;
}

.site-branding {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.site-title {
    padding-left: 0 !important;
    margin-left: 0 !important;
}


/* ══════════════════════════════════════════════════════════
   TARJETAS — contenedor flexible (portada y categorías)
══════════════════════════════════════════════════════════ */

/* Portada */
#pbl-inject {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: stretch;
    justify-content: center;
}

/* Páginas de categoría */
.pbl-cat-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
}

/* Tarjeta de lista de aves: columna flex con botón al fondo */
.pbl-tarjeta {
    display: flex !important;
    flex-direction: column !important;
}

.pbl-tarjeta-cuerpo {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.pbl-tarjeta-notas {
    flex: 1;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.pbl-tarjeta-btn {
    margin-top: 1.2rem !important;
    align-self: flex-start;
}

/* Tarjetas en páginas de categoría: tamaño responsive */
.pbl-cat-cards .pbl-tarjeta,
.pbl-cat-cards .pbl-zona-tarjeta,
.pbl-cat-cards .pbl-otros-tarjeta {
    flex: 1 1 300px;
    max-width: 360px;
}

/* Fondo completo de tarjeta de zona (evita línea blanca inferior) */
.pbl-zona-tarjeta,
.pbl-zona-cuerpo {
    background: #dcf9b7 !important;
}

/* Fondo completo de tarjeta de otras listas */
.pbl-otros-tarjeta,
.pbl-otros-cuerpo {
    background: #fefde0 !important;
}


/* ══════════════════════════════════════════════════════════
   SEPARADOR "raya — título — raya"
══════════════════════════════════════════════════════════ */

.pbl-separador {
    flex-basis: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 2.2rem 0 0.6rem;
    font-family: sans-serif;
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #999;
}

.pbl-separador::before,
.pbl-separador::after {
    content: '';
    flex: 1;
    border-top: 1px solid #d4cfc6;
}


/* ══════════════════════════════════════════════════════════
   ENTRADAS DEL BLOG — miniaturas (120×120px)
══════════════════════════════════════════════════════════ */

.entry-thumb {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 120px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    flex-basis: 120px !important;
}

.entry-thumb img {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover !important;
    display: block !important;
}


/* ══════════════════════════════════════════════════════════
   ENTRADAS DEL BLOG — separación del encabezado de año
══════════════════════════════════════════════════════════ */

.almacen-year-header {
    margin-top: 0.4rem !important;
}


/* ══════════════════════════════════════════════════════════
   LISTA DE AVES / OTRAS LISTAS — márgenes uniformes en fotos
══════════════════════════════════════════════════════════ */

/* Eliminar margen inferior del pie de foto */
.pbl-caption {
    margin-bottom: 0 !important;
}

/* Igualar espacio sobre y bajo la fila de foto */
table.pbl-table tr.pbl-photo td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* ══════════════════════════════════════════════════════════
   ZONA — tarjetas de listas asociadas
══════════════════════════════════════════════════════════ */

.pbl-zona-listas-tarjetas {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: flex-start;
    align-items: stretch;
}

.pbl-zona-listas-tarjetas .pbl-tarjeta,
.pbl-zona-listas-tarjetas .pbl-otros-tarjeta {
    flex: 1 1 280px;
    max-width: 360px;
}