/* ======================================
   ASPROCOMUR - Component Styles
   Supplementary styles for specific components
   (Main styles are in main.css)
   ====================================== */

/* ====== REGISTRATION SECTION (legacy detail page layout) ====== */
.registration-section-detail {
  background: var(--color-gray-50);
  border-radius: var(--radius-xl);
  padding: var(--space-8);
  margin-top: var(--space-10);
}

.registration-section-detail h3 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--space-6);
}

/* ====== ACTIVITY SIDEBAR CARD (legacy) ====== */
.activity-sidebar-card {
  background: var(--color-white);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  padding: var(--space-6);
}

/* ====== CONTACT LAYOUT (legacy) ====== */
.contact-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-10);
  align-items: start;
}

@media (max-width: 768px) {
  .contact-layout {
    grid-template-columns: 1fr;
  }
}

/* ====== MUNICIPALITY HERO (legacy) ====== */
.municipality-hero {
  position: relative;
  min-height: 40vh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.municipality-hero__bg {
  position: absolute;
  inset: 0;
}

.municipality-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.municipality-hero__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
}

.municipality-hero__content {
  position: relative;
  z-index: 1;
  color: var(--color-white);
  padding: var(--space-10) 0;
}