/*
 * md5e-identity-v2.css — Unificación visual PASO 2
 * Convierte el acceso pastoral en una experiencia Misión Digital 5 Estrellas.
 */

.md5e-mission-access {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(250,204,21,.22) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(250,204,21,.12), transparent 30%),
    radial-gradient(circle at 92% 95%, rgba(56,189,248,.12), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
}
.md5e-mission-access::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  background: linear-gradient(100deg, transparent, rgba(250,204,21,.08), transparent);
  transform: translateX(-60%);
  animation: md5eMissionSweep 7s ease-in-out infinite;
}
@keyframes md5eMissionSweep { 0%, 55% { transform: translateX(-70%); opacity: .18; } 75% { transform: translateX(70%); opacity: .75; } 100% { transform: translateX(110%); opacity: 0; } }
.md5e-mission-kicker {
  font-family: var(--font-title, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: .64rem;
  letter-spacing: .22em;
  color: var(--md-gold, #facc15);
  text-transform: uppercase;
  margin-bottom: .38rem;
  font-weight: 900;
}
.md5e-mission-text {
  font-size: .88rem;
  color: color-mix(in srgb, var(--md-text, #fff) 72%, transparent);
  max-width: 780px;
  line-height: 1.68;
}
.md5e-mission-actions { display: flex; gap: .55rem; flex-wrap: wrap; align-items: center; }
.md5e-btn-mission,
.md5e-btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  text-decoration: none;
  min-height: 44px;
  padding: .72rem 1rem;
  border-radius: 14px;
  font-family: var(--font-title, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: .72rem;
  letter-spacing: .06em;
  font-weight: 900;
  text-transform: uppercase;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.md5e-btn-mission {
  background: linear-gradient(135deg, #facc15, #d69a08);
  color: #1c1002 !important;
  box-shadow: 0 14px 34px rgba(250,204,21,.18);
}
.md5e-btn-whatsapp {
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.25);
  color: #86efac !important;
}
.md5e-btn-mission:hover,
.md5e-btn-whatsapp:hover { transform: translateY(-1px); }
html[data-theme="light"] .md5e-mission-access {
  background:
    radial-gradient(circle at 8% 0%, rgba(180,99,0,.12), transparent 32%),
    radial-gradient(circle at 92% 95%, rgba(0,112,196,.12), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(239,246,255,.88)) !important;
  border-color: rgba(180,99,0,.22) !important;
}
html[data-theme="light"] .md5e-mission-text { color: #1e4080; }
html[data-theme="light"] .md5e-btn-whatsapp { color: #0f6e30 !important; background: rgba(15,110,48,.09); border-color: rgba(15,110,48,.22); }
@media (max-width: 680px) {
  .md5e-mission-access { padding: 1rem !important; }
  .md5e-mission-actions { width: 100%; }
  .md5e-btn-mission, .md5e-btn-whatsapp { flex: 1 1 100%; }
}