@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

#agora-home {
  font-family:'Poppins', sans-serif;
  background:#F8F6FB;
  color:#2D3442;
  padding:24px 16px 40px;
  max-width:1120px;
  margin:0 auto;
  box-sizing:border-box;
}
#agora-home *, #agora-home *::before, #agora-home *::after { box-sizing:inherit; }

#agora-home .agora-intro {
  text-align:center;
  margin-bottom:28px;
}
#agora-home .agora-intro-title {
  font-size:1.6em; font-weight:700;
  color:#4A0050;
  margin:0 0 14px;
  line-height:1.3;
}
#agora-home .agora-intro-text {
  font-size:1em; color:#4b4460;
  line-height:1.7;
  max-width:760px;
  margin:0 auto 10px;
}

#agora-home .agora-panel {
  background:#ffffff;
  border:1px solid #ece5f5;
  border-radius:20px;
  padding:28px 20px 32px;
  box-shadow:0 4px 20px rgba(74,0,80,0.08);
  margin-bottom:28px;
}
#agora-home .agora-section-title {
  font-size:1.15em; font-weight:700;
  color:#2D3442;
  text-align:center;
  margin:0 0 24px;
}

#agora-home .agora-une-wrap {
  position:relative;
  border:2px solid #ede8f5;
  border-radius:14px;
  overflow:hidden;
  min-height:320px;
  isolation:isolate;
  background:#f9f8fb;
}
#agora-home .agora-une-slide {
  display:flex; flex-direction:row; align-items:stretch;
  text-decoration:none; color:inherit;
  position:absolute; inset:0; height:100%;
  opacity:0; pointer-events:none;
  transition:opacity 0.9s ease-in-out;
}
#agora-home .agora-une-slide.active {
  opacity:1; pointer-events:auto; position:relative;
}
#agora-home .agora-une-img-wrap {
  width:50%; flex-shrink:0; position:relative; overflow:hidden;
}
#agora-home .agora-une-img {
  position:absolute; inset:0;
  width:100%; height:100%;
  background-size:cover; background-position:center center;
  background-color:#EAE7F5;
  transition:transform 0.5s ease;
}
#agora-home .agora-une-slide::before {
  content:'À LA UNE';
  position:absolute; top:12px; left:14px;
  background:#F17E18;
  color:#ffffff;
  font-size:0.62em; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  padding:4px 10px;
  border-radius:4px;
  z-index:10;
  box-shadow:0 2px 8px rgba(0,0,0,0.20);
}
#agora-home .agora-une-slide:hover .agora-une-img { transform:scale(1.03); }
#agora-home .agora-une-content {
  flex:1; padding:22px 24px;
  display:flex; flex-direction:column; justify-content:flex-start;
  text-align:left; background:#ffffff;
}
#agora-home .agora-une-date {
  font-size:0.75em; color:#b0a8c8;
  text-transform:uppercase; letter-spacing:0.07em;
  margin-bottom:8px;
}
#agora-home .agora-une-titre {
  font-size:1.1em; font-weight:700; color:#2D3442;
  line-height:1.35; margin-bottom:10px;
}
#agora-home .agora-une-resume {
  font-size:0.88em; color:#6b6480; line-height:1.65;
  overflow:hidden;
  display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical;
  margin-bottom:14px;
}
#agora-home .agora-une-lire {
  display:inline-flex; align-items:center; gap:5px;
  font-size:0.88em; font-weight:600; color:#F17E18;
  transition:gap 0.2s;
}
#agora-home .agora-une-slide:hover .agora-une-lire { gap:9px; }
#agora-home .agora-une-lire-arrow { font-size:1.1em; }

#agora-home .agora-une-dots {
  display:flex; justify-content:center; gap:6px;
  padding:10px 0 4px;
}
#agora-home .agora-une-dot {
  width:6px; height:6px; border-radius:50%;
  background:#ded8ee; cursor:pointer;
  transition:background 0.3s, transform 0.2s;
  border:none; padding:0;
}
#agora-home .agora-une-dot.active { background:#F17E18; transform:scale(1.3); }

@media (max-width:599px) {
  #agora-home .agora-une-slide.active { flex-direction:column; }
  #agora-home .agora-une-img-wrap { width:100%; aspect-ratio:16/9; min-height:0; }
  #agora-home .agora-une-content { padding:14px 16px; }
  #agora-home .agora-une-titre { font-size:1em; }
}

#agora-home .agora-panel-sep {
  border:none; border-top:1px solid #f0ecf8;
  margin:28px 0;
}

#agora-home .agora-posts-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:10px;
}
@media (max-width:599px) {
  #agora-home .agora-posts-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
}
#agora-home .agora-post-card {
  background:#ffffff;
  border:1.5px solid #e4dcf0;
  border-radius:12px; overflow:hidden;
  text-decoration:none;
  display:flex; flex-direction:column;
  height:auto;
  transition:box-shadow 0.2s, transform 0.2s, border-color 0.2s;
}
#agora-home .agora-post-card:hover {
  box-shadow:0 6px 20px rgba(74,0,80,0.13);
  transform:translateY(-3px);
  border-color:#c4aed8;
}
#agora-home .agora-post-img-wrap { width:100%; aspect-ratio:16/9; overflow:hidden; background:#EAE7F5; position:relative; }
#agora-home .agora-post-img {
  width:100%; height:100%;
  background-size:cover; background-position:center;
  background-color:#EAE7F5;
  transition:transform 0.4s ease, opacity 0.4s ease;
}
#agora-home .agora-post-card:hover .agora-post-img { transform:scale(1.05); }
#agora-home .agora-post-footer {
  padding:10px 12px 12px;
  background:#ffffff;
  border-top:1px solid #f0ecf8;
  min-height:56px; display:flex; flex-direction:column; justify-content:center;
}
#agora-home .agora-post-date {
  font-size:0.68em; color:#b0a8c8;
  text-transform:uppercase; letter-spacing:0.05em;
  margin-bottom:4px;
}
#agora-home .agora-post-titre {
  font-size:0.82em; font-weight:700; color:#2D3442;
  line-height:1.4; overflow:hidden;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
#agora-home .agora-posts-error {
  color:#7a7290; font-size:0.9em;
  text-align:center; padding:20px 0;
}

#agora-home .agora-post-badge {
  position:absolute; top:6px; left:6px;
  font-size:0.62em; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  color:#ffffff; padding:3px 8px;
  border-radius:4px;
  z-index:5;
  white-space:nowrap;
}
#agora-home .agora-badge-societal { background:#1B4F8A; }
#agora-home .agora-badge-numerique { background:#2E7D32; }
#agora-home .agora-badge-spirituelle { background:#8E44AD; }
#agora-home .agora-badge-personnel { background:#E67E22; }

#agora-home .agora-cta {
  text-align:center;
  background:#ffffff;
  border:1px solid #ece5f5;
  border-radius:20px;
  padding:28px 20px;
  margin-bottom:24px;
}
#agora-home .agora-cta-title {
  font-size:1.1em; font-weight:700;
  color:#2D3442;
  margin:0 0 10px;
}
#agora-home .agora-cta-text {
  font-size:0.92em; color:#5a5270;
  margin:0 auto 20px;
  max-width:600px;
}
#agora-home .agora-cta-buttons {
  display:flex; flex-wrap:wrap;
  gap:12px; justify-content:center;
}
#agora-home .agora-btn {
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:25px;
  min-height:48px;
  padding:.7em 2em;
  font-size:1em; font-weight:700;
  font-family:'Poppins', sans-serif;
  text-decoration:none;
  transition:background 0.2s, transform 0.15s;
}
#agora-home .agora-btn-primary {
  background:#F17E18; color:#ffffff;
}
#agora-home .agora-btn-primary:hover { background:#d96e10; transform:scale(1.03); }
#agora-home .agora-btn-secondary {
  background:transparent; color:#4A0050;
  border:2px solid #4A0050;
}
#agora-home .agora-btn-secondary:hover { background:#4A0050; color:#ffffff; }

#agora-home .agora-about {
  text-align:center;
}
#agora-home .agora-about-link {
  font-size:0.95em; font-weight:600; color:#4A0050;
  text-decoration:none;
}
#agora-home .agora-about-link:not(.agora-about-pending):hover { text-decoration:underline; }
#agora-home .agora-about-pending {
  color:#9a92ad;
  cursor:default;
}