/* Jordan - Áreas y contacto (front) */
.jordan-admin-note{
  padding:10px 12px;
  border:1px dashed rgba(0,0,0,.2);
  border-radius:10px;
  margin:10px 0;
  font-size:14px;
  opacity:.9;
}

.jordan-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  text-decoration:none !important;
  font-weight:700;
  line-height:1;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  backdrop-filter:saturate(120%) blur(2px);
}

.jordan-btn-wa{
  background:rgba(37,211,102,.95);
  color:#fff !important;
}

.jordan-btn .jordan-ico{font-size:18px;}
.jordan-btn .jordan-txt{font-size:14px;letter-spacing:.2px;}

.jordan-area-card{
  display:flex;
  gap:14px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:14px;
  max-width:520px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  background:rgba(255,255,255,.85);
}

.jordan-area-card__head{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
}

.jordan-area-logo{
  width:72px;
  height:72px;
  border-radius:16px;
  object-fit:cover;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
}

.jordan-area-logo--placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
}

/* ===== AJUSTE CROMÁTICO solicitado =====
   - Nombre: #99080b
   - Área + Cargo: #bb5a49
   - Celular + Email: negro
*/
.jordan-area-card__body{flex:1 1 auto;}

/* Área (ej: GERENCIA GENERAL) */
.jordan-area-card__area{
  font-weight:800;
  font-size:13px;
  color:#bb5a49;           /* solicitado */
  text-transform:uppercase;
  letter-spacing:.8px;
  margin-bottom:2px;
  opacity:1;               /* que no se lave el color */
}

/* Nombre (ej: Alejandro Barbar) */
.jordan-area-card__name{
  font-weight:800;
  font-size:18px;
  margin-top:2px;
  color:#99080b;           /* solicitado */
}

/* Cargo (ej: Gerente General) */
.jordan-area-card__role{
  font-weight:600;
  font-size:14px;
  margin-top:2px;
  color:#bb5a49;           /* solicitado */
  opacity:1;               /* que no se lave el color */
}

/* Celular + Email (negro) */
.jordan-area-card__meta{
  margin-top:8px;
  font-size:13px;
  color:#000;              /* solicitado */
  opacity:1;               /* asegurar negro real */
  display:flex;
  flex-direction:column;
  gap:2px;
}

.jordan-meta-k{font-weight:700;opacity:.75;margin-right:6px;}
.jordan-area-card__cta{margin-top:10px;}

.jordan-float{
  position:fixed;
  right:16px;
  bottom:18px;
  display:flex;
  gap:10px;
  z-index:9999;
}
.jordan-float--stack{flex-direction:column;}
.jordan-float--row{flex-direction:row;}

.jordan-float__btn{
  width:48px;
  height:48px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  background:rgba(255,255,255,.92);
}

.jordan-float__btn span{font-size:20px;line-height:1;}

.jordan-float__btn--wa{background:rgba(37,211,102,.98); color:#fff !important;}