body.home,
body.home main,
body.home .site-main {
  background: #0d1117 !important;
  color: #f0e8d0;
}

body.home {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.home .site-header,
body.home .navbar,
body.home .navbar.scrolled {
  background: #0d1117 !important;
  border-bottom: 0.5px solid #1e2530 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.home .nav-container {
  padding: 10px 28px !important;
}

body.home .premium-logo-nav {
  display: block;
  height: 44px !important;
  width: auto !important;
  max-height: 44px !important;
}

body.home .nav-links {
  align-items: center;
  gap: 4px !important;
}

body.home .nav-link {
  padding: 5px 11px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  line-height: 1.2;
  color: #8892a0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.home .nav-link.active {
  background: #1a2030 !important;
  color: #d0c898 !important;
}

body.home .nav-link--accent {
  background: #c8a832 !important;
  color: #1a1000 !important;
  font-weight: 500 !important;
}

body.home .hero-bg,
body.home .hero-overlay,
body.home .hero-particles,
body.home .hero-logo-container,
body.home .hero-lead,
body.home .hero-stats,
body.home .hero-panel-copy,
body.home .hero-panel-list,
body.home .hero-cta .btn-ghost,
body.home .mission-strip,
body.home .cta-banner,
body.home .featured-grid > :nth-child(n + 3),
body.home .featured-grid > a.featured-card,
body.home .footer-brand,
body.home .footer-verse,
body.home .home-sections .section-title,
body.home .home-sections .section-subtitle,
body.home .featured-section .section-title,
body.home .featured-section .section-subtitle {
  display: none !important;
}

body.home .hero.hero--home {
  min-height: 0 !important;
  padding: 40px 0 36px !important;
  background: #0d1117 !important;
}

body.home .hero-content.container,
body.home .home-sections .container,
body.home .featured-section .container,
body.home .footer-container {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

body.home .hero-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 28px !important;
  align-items: center !important;
  padding-top: 0 !important;
}

body.home .hero-copy {
  max-width: none !important;
}

body.home .hero-eyebrow {
  display: inline-block !important;
  margin: 0 0 14px !important;
  padding: 4px 12px !important;
  border: 0.5px solid #2a3040 !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: #8892a0 !important;
  font-size: 12px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
}

body.home .hero-title {
  max-width: none !important;
  margin: 0 0 12px !important;
  color: #f0e8d0 !important;
  font-family: Georgia, serif !important;
  font-size: 31px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.home .hero-copy {
  max-width: 560px !important;
}

body.home .hero-tagline {
  max-width: 340px !important;
  margin: 0 0 22px !important;
  color: #8892a0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

body.home .hero-cta {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px !important;
}

body.home .hero-cta .btn {
  padding: 8px 18px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

body.home .hero-cta .btn-primary {
  background: #c8a832 !important;
  color: #1a1000 !important;
}

body.home .hero-cta .btn-outline {
  background: transparent !important;
  border: 0.5px solid #2a3040 !important;
  color: #b8a870 !important;
}

body.home .hero-cta .btn-outline::after {
  content: " →";
}

body.home .hero-panel.card,
body.home .home-card,
body.home .featured-grid .card {
  background: #111820 !important;
  border: 0.5px solid #1e2a38 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.home .hero-panel.card::before,
body.home .home-card::before,
body.home .featured-grid .card::before {
  display: none !important;
}

body.home .hero-panel {
  width: 260px !important;
  padding: 18px !important;
}

body.home .hero-panel .card-badge {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #c8a832 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

body.home .hero-panel .hero-verse {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.home .hero-panel .hero-verse p,
body.home .hero-panel .hero-verse cite {
  font-size: 0 !important;
}

body.home .hero-panel .hero-verse p::before {
  content: "\"Yo soy el pan de vida; el que a mí viene, nunca tendrá hambre; y el que en mí cree, no tendrá sed jamás.\"";
  display: block;
  color: #c8bea0;
  font-family: Georgia, serif;
  font-size: 16px;
  font-style: italic;
  line-height: 1.6;
}

body.home .hero-panel .hero-verse cite::before {
  content: "Juan 6:35";
  display: block;
  margin-top: 8px;
  color: #5a8a6a;
  font-size: 13px;
  font-style: normal;
}

body.home .home-sections {
  padding: 0 0 28px !important;
  background: #0d1117 !important;
}

body.home .home-sections .section-header {
  margin: 0 0 12px !important;
  text-align: left !important;
}

body.home .home-sections .section-label {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  font-size: 0 !important;
  color: transparent !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

body.home .home-sections .section-label::after {
  content: "TODO EL MINISTERIO";
  display: inline-block;
  color: #8892a0;
  font-size: 12px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

body.home .home-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.home .home-card {
  min-height: 0 !important;
  padding: 14px 12px !important;
}

body.home .home-card .card-badge,
body.home .home-card .card-link {
  display: none !important;
}

body.home .home-card .card-icon {
  position: relative;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body.home .home-card .card-icon::before {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 14px;
}

body.home .home-card:nth-child(1) .card-icon {
  background: #1a2a1a !important;
}

body.home .home-card:nth-child(1) .card-icon::before {
  content: "📖";
}

body.home .home-card:nth-child(2) .card-icon {
  background: #12202e !important;
}

body.home .home-card:nth-child(2) .card-icon::before {
  content: "🎓";
}

body.home .home-card:nth-child(3) .card-icon {
  background: #221a08 !important;
}

body.home .home-card:nth-child(3) .card-icon::before {
  content: "♪";
  color: #b89040;
}

body.home .home-card:nth-child(4) .card-icon {
  background: #0e2020 !important;
}

body.home .home-card:nth-child(4) .card-icon::before {
  content: "🗒";
}

body.home .home-card .card-title,
body.home .home-card .card-text {
  margin: 0 !important;
  font-size: 0 !important;
}

body.home .home-card .card-title::after {
  display: block;
  margin-bottom: 3px;
  color: #d0c8a8;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

body.home .home-card .card-text::after {
  display: block;
  color: #606878;
  font-size: 13px;
  line-height: 1.45;
}

body.home .home-card:nth-child(1) .card-title::after {
  content: "Sermones";
}

body.home .home-card:nth-child(1) .card-text::after {
  content: "18 mensajes";
}

body.home .home-card:nth-child(2) .card-title::after {
  content: "Estudios";
}

body.home .home-card:nth-child(2) .card-text::after {
  content: "3 temas";
}

body.home .home-card:nth-child(3) .card-title::after {
  content: "Cancionero";
}

body.home .home-card:nth-child(3) .card-text::after {
  content: "14 canciones";
}

body.home .home-card:nth-child(4) .card-title::after {
  content: "Biblia";
}

body.home .home-card:nth-child(4) .card-text::after {
  content: "Por libro y versículo";
}

body.home .featured-section {
  padding: 0 0 28px !important;
  background: #0d1117 !important;
}

body.home .featured-section .container::before {
  content: "";
  display: block;
  height: 0.5px;
  margin: 0 0 24px;
  background: #1e2530;
}

body.home .featured-section .section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin: 0 0 14px !important;
  text-align: left !important;
}

body.home .featured-section .section-label {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  font-size: 0 !important;
  color: transparent !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

body.home .featured-section .section-label::after {
  content: "LO MÁS RECIENTE";
  display: inline-block;
  color: #8892a0;
  font-size: 12px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

body.home .featured-section .section-header::after {
  content: "Ver todo →";
  color: #c8a832;
  font-size: 13px;
}

body.home .featured-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.home .featured-grid .card {
  min-height: 0 !important;
  padding: 14px !important;
}

body.home .featured-grid .card-badge {
  display: inline-block !important;
  margin: 0 0 8px !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  border: 0.5px solid #1e3828 !important;
  background: #0e2018 !important;
  color: #5a8a6a !important;
}

body.home .featured-grid > :nth-child(2) .card-badge {
  border-color: #1e2a3a !important;
  background: #0e1a28 !important;
  color: #5a80aa !important;
}

body.home .featured-grid .card-title {
  margin: 0 0 5px !important;
  color: #d0c8a8 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

body.home .featured-grid .card-title a {
  color: inherit !important;
  text-decoration: none !important;
}

body.home .featured-grid .card-text {
  display: none !important;
}

body.home .featured-grid .card-meta {
  margin: 0 !important;
  font-size: 0 !important;
  color: #606878 !important;
}

body.home .featured-grid > :nth-child(1) .card-meta::before {
  content: "Mateo 26:28 · 13 ago 2025";
  font-size: 13px;
}

body.home .featured-grid > :nth-child(2) .card-meta::before {
  content: "Juan 3:3 · 8 oct 2023";
  font-size: 13px;
}

body.home .featured-grid .card-link {
  display: inline-block !important;
  margin-top: 8px !important;
  color: #c8a832 !important;
  font-size: 13px !important;
}

body.home .featured-grid .card-link::after {
  content: " →";
}

body.home .footer {
  background: #090d12 !important;
  border-top: 0.5px solid #1e2530 !important;
  padding: 12px 0 !important;
}

body.home .footer-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px;
}

body.home .footer-grid {
  order: 2;
  display: block !important;
  margin: 0 !important;
}

body.home .footer-bottom {
  order: 1;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.home .footer-bottom p {
  margin: 0 !important;
  font-size: 0 !important;
}

body.home .footer-bottom p::after {
  content: "© 2026 Pan de Vida Celestial";
  color: #505868;
  font-size: 13px;
}

body.home .footer-links h4 {
  display: none !important;
}

body.home .footer-links ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.home .footer-links a {
  color: #505868 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

@media (max-width: 900px) {
  body.home .hero-layout {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  body.home .hero-panel {
    width: auto !important;
  }

  body.home .home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  body.home .nav-container,
  body.home .hero-content.container,
  body.home .home-sections .container,
  body.home .featured-section .container,
  body.home .footer-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.home .hero.hero--home {
    padding: 28px 0 28px !important;
  }

  body.home .featured-grid {
    grid-template-columns: 1fr !important;
  }

  body.home .footer-container {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}