:root{
  --primary: #6a0dad; /* purple default */
  --accent: #6c757d;  /* gray default */
}
body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Noto Sans', 'Ubuntu', sans-serif;}
.navbar{background: linear-gradient(90deg, var(--primary), #4b078e);}
.topbar{background: var(--accent); color:#fff; font-size:.95rem}
.topbar a{color:#fff; text-decoration:none}
.hero-title{font-size: clamp(1.5rem, 3vw + 1rem, 3rem); font-weight:800; text-shadow: 0 2px 8px rgba(0,0,0,.35)}
.hero-sub{font-size: clamp(1rem, 1.2vw + .7rem, 1.5rem); font-weight:500}
.btn-primary{background: var(--primary); border-color: var(--primary)}
.btn-outline-light{border-width:2px}
.section-title{font-weight:800}
.card-img-top{object-fit:cover; height:200px}
.footer{background:#111; color:#bbb}
.footer a{color:#ddd}
.whatsapp-fab{position:absolute; right:1rem; bottom:1rem}
/* carousel height */
.carousel-item{height: min(65vh, 520px)}
.carousel-item>img{object-fit:cover; width:100%; height:100%}

/* --- Keep card excerpts to exactly two lines for consistent layout --- */
.line-clamp-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* ===== Mission • Vision • Motto (purple rotating box) ===== */
.mvm-box{
  --mvm-purple: #6d28d9;
  --mvm-purple-2: #5b21b6;
  --mvm-text: #ffffff;
  width: min(900px, 60vw);
  background: radial-gradient(120% 120% at 0% 0%, var(--mvm-purple), var(--mvm-purple-2));
  color: var(--mvm-text);
  border-radius: 20px;
  padding: clamp(16px, 2.5vw, 28px);
  border: 1px solid rgba(255,255,255,.15);
}
@media (max-width: 768px){
  .mvm-box{ width: 100%; }
}
.mvm-pill{
  display:inline-block;
  padding: .35rem .75rem;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.25);
  font-weight: 800;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: .85rem;
}
.mvm-rotor-icon{
  width: 28px; height: 28px; color:#fff; opacity:.9;
  animation: mvm-spin 12s linear infinite;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,.25));
}
@keyframes mvm-spin{ to { transform: rotate(360deg); } }

.mvm-title{
  font-weight: 900;
  letter-spacing: .3px;
  margin: 0 0 .25rem 0;
  text-shadow: 0 1px 8px rgba(0,0,0,.25);
}
.mvm-text{
  margin: 0;
  line-height: 1.6;
  font-size: clamp(.98rem, 1.1vw + .6rem, 1.05rem);
}

/* Crossfade rotator */
.mvm-body{ position: relative; min-height: 72px; }
.mvm-item{
  position:absolute; inset:0;
  opacity:0; transform: translateY(6px);
  transition: opacity .7s ease, transform .7s ease;
  will-change: opacity, transform;
}
.mvm-item.is-active{ opacity:1; transform: translateY(0); position:relative; }

/* Optional: subtle separator line under header */
.mvm-header{ border-bottom: 1px dashed rgba(255,255,255,.25); padding-bottom: .5rem; }


/* ===== MVM active pill highlight per item ===== */
.mvm-pill.active{
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.12);
}
.mvm-pill[data-k="mission"].active{ background: #0b5ed7; } /* dark blue */
.mvm-pill[data-k="vision"].active{ background: #0ea5e9; }  /* vivid blue-cyan */
.mvm-pill[data-k="motto"].active{ background: #f59e0b; }   /* warm amber */