/* ============================================================================
   🎨 FPINEWS.IT — CSS CELLA PUBBLICA (Versione unificata 2025)
   Cornice sottile, hover pulsante rosso, compatibile AJAX
   ============================================================================ */

.cella-home {
  position: relative;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  overflow: hidden;
  background: #fff;
  width: 400px;
  height: 450px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  transform-origin: center;
}

/* 🌟 effetto hover con bagliore pulsante */
@keyframes borderPulse {
  0%   { box-shadow: 0 0 0 rgba(135,25,25,0.0); }
  50%  { box-shadow: 0 0 12px rgba(135,25,25,0.45); }
  100% { box-shadow: 0 0 0 rgba(135,25,25,0.0); }
}

/* 🌟 effetto hover TEST FORTE */
.cella-home:hover {
  border-color: #ff0000 !important;
  box-shadow: 0 0 30px rgba(255,0,0,0.8), 0 0 10px rgba(255,50,50,0.6);
  transform: scale(1.05) rotate(0.3deg);
  filter: brightness(1.15) saturate(1.2);
  animation: borderPulseTest 1s infinite ease-in-out;
}

/* 🔁 animazione di pulse forte visiva */
@keyframes borderPulseTest {
  0%   { box-shadow: 0 0 0 rgba(255,0,0,0.0); }
  50%  { box-shadow: 0 0 35px rgba(255,0,0,1.0), 0 0 10px rgba(255,0,0,0.7); }
  100% { box-shadow: 0 0 0 rgba(255,0,0,0.0); }
}

/* Header sezione superiore */
.header-cella {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  background: #fafafa;
  border-bottom: 1px solid #eee;
}
.header-cella img {
  height: 40px;
  margin-right: 10px;
}
.header-center {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fpi-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #871919;
  letter-spacing: 0.5px;
}
.fpi-sub {
  font-size: 0.9rem;
  color: #444;
}
.cella-info-top {
  font-size: 0.8rem;
  color: #555;
  margin-top: 4px;
}
.cella-title-top {
  font-size: 1.3rem;
  font-weight: 700;
  margin-top: 6px;
  color: #871919;
}

/* Contenuto centrale */
.cella-content {
  flex: 1;
  padding: 10px 14px 12px 14px;
  overflow: hidden;
}
.cella-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
}
.cella-abstract {
  font-size: 0.95rem;
  color: #222;
  line-height: 1.4;
  margin-bottom: 6px;
}
.meta-line {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  color: #666;
}
.meta-firma {
  color: #871919;
  font-weight: 600;
}

/* Segnaposti o errori */
.cella-empty,
.cella-error {
  background: #f9f9f9;
  border: 1px dashed #ccc;
  padding: 20px;
  text-align: center;
  color: #888;
  border-radius: 10px;
}