/* Auto-extracted page styles for index.html */

/* ============================================================
   Home (index.html)
   ============================================================ */

.container-site,
.container.container-site {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--space-8);
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .container-site,
  .container.container-site {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .container-site,
  .container.container-site {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.section--stats {
  padding: var(--space-16) 0;
}

.about-img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.about-img--team {
  height: auto;
  min-height: 420px;
  max-height: 680px;
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 767px) {
  .about-img,
  .about-img--team {
    min-height: 0;
    max-height: none;
    height: auto;
    aspect-ratio: 1136 / 804;
    object-fit: contain;
    object-position: center;
    background: var(--bg-light);
  }

  .about-badge {
    bottom: var(--space-3);
    left: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
  }

  .about-badge-number {
    font-size: var(--size-base);
  }

  .about-badge-text {
    font-size: 0.65rem;
    margin-top: 2px;
  }
}

.about-text {
  color: var(--text-medium);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--space-5);
}

.about-text--last {
  margin-bottom: var(--space-8);
}

.text-body-soft {
  color: var(--text-medium);
  line-height: var(--leading-relaxed);
}

.text-body-soft--mb {
  color: var(--text-medium);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--space-5);
}

.history-media {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}

.history-media img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.history-media-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(13, 13, 26, 0.6) 0%, transparent 60%);
}

.history-media-caption {
  position: absolute;
  bottom: var(--space-6);
  left: var(--space-6);
  color: white;
}

.history-media-caption-label {
  font-size: var(--size-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 4px;
}

.history-media-caption-title {
  font-family: var(--font-display);
  font-size: var(--size-xl);
}

.value-card--dark {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

.value-card--dark .value-title { color: var(--text-white); }
.value-card--dark .value-desc { color: var(--text-white-dim); }

.event-next-media {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  margin-bottom: var(--space-5);
}

.event-next-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.value-icon--purple { background: rgba(107, 53, 163, 0.25); }
.value-icon--pink { background: rgba(194, 59, 116, 0.20); }
.value-icon--gold { background: rgba(240, 165, 0, 0.20); }
.value-icon--teal { background: rgba(43, 191, 164, 0.20); }
.value-icon--coral { background: rgba(232, 97, 74, 0.20); }
.value-icon--violet { background: rgba(155, 89, 182, 0.25); }
.value-icon--mint { background: rgba(26, 188, 156, 0.20); }

.icon-primary { color: var(--color-primary); }
.icon-primary-light { color: var(--color-primary-light); }
.icon-secondary-light { color: var(--color-secondary-light); }
.icon-gold { color: var(--color-accent-gold); }
.icon-teal { color: var(--color-accent-teal); }
.icon-coral { color: var(--color-accent-coral); }
.icon-mint { color: #1ABC9C; }

.section-title--sm {
  font-size: var(--size-3xl);
}

.mvv-icon--gold { color: var(--color-accent-gold); }

.testimonials-swiper {
  padding-bottom: var(--space-10);
  overflow: hidden;
  max-width: 100%;
}

.testimonials-swiper:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  transform: none !important;
}

@media (min-width: 768px) {
  .testimonials-swiper:not(.swiper-initialized) .swiper-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

.testimonials-swiper .swiper-wrapper {
  align-items: stretch;
}

.testimonials-swiper .swiper-slide {
  height: auto;
  display: flex;
  box-sizing: border-box;
}

.cta-label-center {
  justify-content: center;
  margin-bottom: var(--space-4);
}

.event-date-row,
.event-place-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.event-date-row {
  margin-bottom: var(--space-6);
}

.event-place-row {
  margin-bottom: var(--space-8);
}

.event-date-text {
  font-size: var(--size-lg);
  font-weight: var(--weight-semibold);
  color: var(--text-dark);
}

.event-place-text {
  color: var(--text-medium);
}

.icon-lg-primary {
  color: var(--color-primary);
  font-size: var(--size-lg);
}

.contact-social-label {
  font-size: var(--size-xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--text-light);
  margin-bottom: var(--space-4);
}

.contact-social-wrap,
.contact-map-wrap {
  margin-top: var(--space-8);
}

.btn-full {
  width: 100%;
  justify-content: center;
}

.btn-footer {
  font-size: var(--size-sm);
  padding: var(--space-3) var(--space-5);
}

.footer-link--static {
  cursor: default;
}

.cookie-accept-btn {
  font-size: var(--size-sm);
  padding: var(--space-2) var(--space-5);
  white-space: nowrap;
}

.nav-drawer-cta {
  margin-top: 1rem;
}

.mt-5-section {
  margin-top: var(--space-12);
}

/* ---- extracted from inline style attributes ---- */
.u-078832f6 { color:var(--text-medium);line-height:var(--leading-relaxed); }
.u-0b04cc3b { font-size:var(--size-sm);padding:var(--space-3) var(--space-5); }
.u-0bde6936 { position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl); }
.u-13ff1c2e { background:rgba(155,89,182,0.25); }
.u-17c1486e { color:var(--color-accent-coral); }
.u-18685fa2 { width:100%;height:600px;object-fit:cover; }
.u-19e1b569 { display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6); }
.u-2777ad30 { background:rgba(240,165,0,0.20); }
.u-2f3581e3 { background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12); }
.u-39138ed4 { display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap; }
.u-39cbc0fd { margin-top:var(--space-6); }
.u-3bb31384 { color:var(--color-primary); }
.u-3bb90f53 { color:var(--text-medium);line-height:var(--leading-relaxed);margin-bottom:var(--space-5); }
.u-3df4351b { background:rgba(107,53,163,0.25); }
.u-3f4667d1 { font-size:var(--size-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;opacity:0.7;margin-bottom:4px; }
.u-3f7f5f1f { color:var(--color-secondary-light); }
.u-40518158 { color:var(--color-primary);font-size:var(--size-lg); }
.u-465eae04 { font-style:normal; }
.u-46682e8e { color:var(--text-medium);margin-bottom:var(--space-5);line-height:var(--leading-relaxed); }
.u-4865a7d9 { font-family:var(--font-display);font-size:var(--size-xl); }
.u-4fad8e0d { position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,26,0.6) 0%,transparent 60%); }
.u-5806be72 { background:rgba(194,59,116,0.20); }
.u-5cac284f { font-size:var(--size-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-light);margin-bottom:var(--space-4); }
.u-6a5e8cb9 { color:var(--text-white); }
.u-6e6383bc { color:var(--text-medium); }
.u-701e1fd3 { padding-bottom:var(--space-10); }
.u-77545f07 { font-size:var(--size-3xl); }
.u-78427c4e { margin-top:1rem; }
.u-87352ed1 { color:#1ABC9C; }
.u-a3230c01 { display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8); }
.u-aa765cf9 { font-size:var(--size-sm);padding:var(--space-2) var(--space-5);white-space:nowrap; }
.u-adb6220b { padding:var(--space-16) 0; }
.u-aeb737c9 { cursor:default; }
.u-bfef8e9e { color:rgba(255,255,255,0.55);font-size:var(--size-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-6); }
.u-c28664b2 { background:rgba(26,188,156,0.20); }
.u-c32628e9 { color:var(--color-primary-light); }
.u-c3704375 { font-size:var(--size-lg);font-weight:var(--weight-semibold);color:var(--text-dark); }
.u-cf5a7acc { width:100%;justify-content:center; }
.u-d110db10 { color:var(--color-accent-gold); }
.u-d3f06082 { color:var(--text-white-dim); }
.u-d5248cbf { color:var(--color-accent-teal); }
.u-dbd7c361 { background:rgba(43,191,164,0.20); }
.u-e9b4f78c { justify-content:center;margin-bottom:var(--space-4); }
.u-eb152f3a { background:rgba(232,97,74,0.20); }
.u-edcf313d { margin-top:var(--space-8); }
.u-f2ba0724 { position:absolute;bottom:var(--space-6);left:var(--space-6);color:white; }
.u-f2eb1ab0 { width:100%;height:450px;object-fit:cover; }
.u-f8167d76 { background:var(--gradient-dark);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;box-shadow:var(--shadow-xl); }