/* ═══════════════════════════════════════════════
   MEADOWS BLOG & EVENTS — meadows-blog.css v3.0
   420 Studio
   Todos los selectores usan .mdw- prefix para
   evitar conflictos con Elementor.
═══════════════════════════════════════════════ */

/* ── Variables ── */
.mdw-blog-wrap,
.mdw-events-wrap {
  --mdw-dark:   #232e17;
  --mdw-mid:    #3d5229;
  --mdw-lime:   #a0bc58;
  --mdw-tan:    #d4a574;
  --mdw-bg:     #f7f5f0;
  --mdw-white:  #ffffff;
  --mdw-muted:  #6b7560;
  --mdw-border: #e4e0d8;
  --mdw-radius: 14px;
  font-family: 'Inter', sans-serif;
  color: #232e17;
}

/* ── Header de sección ── */
.mdw-blog-wrap .mdw-section-header,
.mdw-events-wrap .mdw-section-header {
  margin-bottom: 24px;
}
.mdw-blog-wrap .mdw-eyebrow,
.mdw-events-wrap .mdw-eyebrow {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.17em !important;
  text-transform: uppercase !important;
  color: var(--mdw-lime) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.mdw-blog-wrap .mdw-section-title,
.mdw-events-wrap .mdw-section-title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(26px, 4vw, 38px) !important;
  font-weight: 700 !important;
  color: var(--mdw-dark) !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Filter bar ── */
.mdw-blog-wrap .mdw-filter-bar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 28px !important;
  padding-bottom: 22px !important;
  border-bottom: 1px solid var(--mdw-border) !important;
}
.mdw-blog-wrap .mdw-filter-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mdw-muted) !important;
  margin-right: 4px !important;
}
.mdw-blog-wrap .mdw-filter-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 7px 17px !important;
  border-radius: 50px !important;
  border: 1.5px solid var(--mdw-border) !important;
  background: transparent !important;
  color: var(--mdw-muted) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.mdw-blog-wrap .mdw-filter-btn:hover {
  border-color: var(--mdw-lime) !important;
  color: var(--mdw-mid) !important;
  background: rgba(160,188,88,0.08) !important;
}
.mdw-blog-wrap .mdw-filter-btn.mdw-active {
  background: var(--mdw-lime) !important;
  border-color: var(--mdw-lime) !important;
  color: var(--mdw-dark) !important;
  font-weight: 600 !important;
}

/* ── Featured row — 2 cards grandes ── */
.mdw-blog-wrap .mdw-featured-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
}

/* ── Lista regular — 2 columnas ── */
.mdw-blog-wrap .mdw-blog-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

/* ── Card base — horizontal ── */
.mdw-blog-wrap .mdw-card {
  background: #ffffff !important;
  border-radius: var(--mdw-radius) !important;
  border: 1px solid var(--mdw-border) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  text-decoration: none !important;
}
.mdw-blog-wrap .mdw-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(35,46,23,0.10) !important;
}

/* ── Imagen ── */
.mdw-blog-wrap .mdw-card__image-wrap {
  width: 38% !important;
  flex-shrink: 0 !important;
  display: block !important;
  text-decoration: none !important;
}
.mdw-blog-wrap .mdw-card--featured .mdw-card__image-wrap {
  width: 44% !important;
}
.mdw-blog-wrap .mdw-card__image {
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
  background: var(--mdw-mid) !important;
  position: relative !important;
  overflow: hidden !important;
}
.mdw-blog-wrap .mdw-card--featured .mdw-card__image {
  min-height: 240px !important;
}

/* Gradiente fallback sin thumbnail */
.mdw-blog-wrap .mdw-card__image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(145deg, #3d5229 0%, #232e17 100%) !important;
  z-index: 0 !important;
}
.mdw-blog-wrap .mdw-card__image::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 20% 80%, rgba(160,188,88,0.22) 0%, transparent 50%),
    radial-gradient(circle at 80% 15%, rgba(212,165,116,0.15) 0%, transparent 40%) !important;
}
.mdw-blog-wrap .mdw-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
}

/* ── Cuerpo de la card ── */
.mdw-blog-wrap .mdw-card__body {
  padding: 20px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* Pill de categoría — verde */
.mdw-blog-wrap .mdw-card__cat {
  display: inline-block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: var(--mdw-mid) !important;
  background: rgba(160,188,88,0.15) !important;
  border: 1px solid rgba(160,188,88,0.35) !important;
  border-radius: 50px !important;
  padding: 3px 11px !important;
  margin-bottom: 10px !important;
  width: fit-content !important;
  line-height: 1.6 !important;
}

/* Título */
.mdw-blog-wrap .mdw-card__title {
  font-family: 'Playfair Display', serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--mdw-dark) !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}
.mdw-blog-wrap .mdw-card--featured .mdw-card__title {
  font-size: 20px !important;
}
.mdw-blog-wrap .mdw-card__title a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.mdw-blog-wrap .mdw-card__title a:hover {
  color: var(--mdw-mid) !important;
}

/* Excerpt */
.mdw-blog-wrap .mdw-card__excerpt {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: var(--mdw-muted) !important;
  flex: 1 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
.mdw-blog-wrap .mdw-card--featured .mdw-card__excerpt {
  -webkit-line-clamp: 4 !important;
}

/* Meta — fecha · reading time */
.mdw-blog-wrap .mdw-card__meta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: auto !important;
}
.mdw-blog-wrap .mdw-card__date,
.mdw-blog-wrap .mdw-card__readtime {
  font-family: 'Inter', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #9aa08d !important;
}
.mdw-blog-wrap .mdw-card__sep {
  color: #c8cfc0 !important;
  font-size: 11px !important;
}

/* ── Load More ── */
.mdw-blog-wrap .mdw-loadmore-wrap {
  text-align: center !important;
  margin-top: 40px !important;
}
.mdw-blog-wrap .mdw-loadmore-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 13px 36px !important;
  border-radius: 50px !important;
  border: 1.5px solid var(--mdw-dark) !important;
  background: transparent !important;
  color: var(--mdw-dark) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.mdw-blog-wrap .mdw-loadmore-btn:hover {
  background: var(--mdw-dark) !important;
  color: #fff !important;
}

/* ── No posts ── */
.mdw-no-posts {
  grid-column: span 2 !important;
  text-align: center !important;
  color: var(--mdw-muted) !important;
  padding: 48px 0 !important;
  font-size: 14px !important;
}

/* ═══════════════════════════════════════════════
   EVENTOS
═══════════════════════════════════════════════ */
.mdw-events-wrap .mdw-events-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.mdw-events-wrap .mdw-event-card {
  background: #ffffff !important;
  border: 1px solid var(--mdw-border) !important;
  border-radius: var(--mdw-radius) !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 20px 22px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.mdw-events-wrap .mdw-event-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(35,46,23,0.09) !important;
}
.mdw-events-wrap .mdw-event__datebox {
  flex-shrink: 0 !important;
  width: 54px !important;
  text-align: center !important;
  background: var(--mdw-dark) !important;
  border-radius: 10px !important;
  padding: 8px 6px !important;
  color: #fff !important;
}
.mdw-events-wrap .mdw-event__month {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  opacity: 0.7 !important;
  margin: 0 !important;
}
.mdw-events-wrap .mdw-event__day {
  display: block !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}
.mdw-events-wrap .mdw-event__body { flex: 1 !important; }
.mdw-events-wrap .mdw-event__title {
  font-family: 'Playfair Display', serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--mdw-dark) !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}
.mdw-events-wrap .mdw-event__title a {
  color: inherit !important;
  text-decoration: none !important;
}
.mdw-events-wrap .mdw-event__title a:hover {
  color: var(--mdw-mid) !important;
}
.mdw-events-wrap .mdw-event__excerpt {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: var(--mdw-muted) !important;
  line-height: 1.6 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.mdw-events-wrap .mdw-event__meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  font-size: 12px !important;
  color: #9aa08d !important;
}
.mdw-events-wrap .mdw-event__time { font-weight: 500 !important; }
.mdw-events-wrap .mdw-event__sep { opacity: 0.5 !important; }
.mdw-events-wrap .mdw-event__location {
  color: var(--mdw-lime) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.mdw-events-wrap .mdw-event__location:hover { text-decoration: underline !important; }
.mdw-events-wrap .mdw-event__address { color: #9aa08d !important; }

/* ═══════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════ */
@media (max-width: 860px) {
  .mdw-blog-wrap .mdw-featured-row,
  .mdw-blog-wrap .mdw-blog-list { grid-template-columns: 1fr !important; }
  .mdw-no-posts { grid-column: span 1 !important; }
}
@media (max-width: 540px) {
  .mdw-blog-wrap .mdw-card { flex-direction: column !important; }
  .mdw-blog-wrap .mdw-card__image-wrap,
  .mdw-blog-wrap .mdw-card--featured .mdw-card__image-wrap { width: 100% !important; }
  .mdw-blog-wrap .mdw-card__image,
  .mdw-blog-wrap .mdw-card--featured .mdw-card__image { min-height: 180px !important; }
}